@extends('layouts.app')
@section('title','لوحة التحكم')
@section('content')
<div class="page-heading">
    <div><span class="eyebrow">نظرة عامة</span><h1>مرحبًا بك</h1><p class="muted">ملخص تحصيل {{ now()->translatedFormat('F Y') }} للمبنيين.</p></div>
    <div class="quick-actions">
        <a class="btn ghost" href="{{ route('apartments.create') }}">＋ إضافة شقة</a>
        <a class="btn" href="{{ route('monthly.index') }}">▦ فتح التحصيل</a>
    </div>
</div>

<div class="grid">
    <div class="card kpi teal"><span class="kpi-label">إجمالي المستحق</span><b class="money">{{ number_format($due,2) }}</b><span class="kpi-meta">جنيه مصري</span></div>
    <div class="card kpi blue"><span class="kpi-label">إجمالي المحصل</span><b class="money">{{ number_format($paid,2) }}</b><span class="kpi-meta">{{ $paidUnits }} شقة مدفوعة</span></div>
    <div class="card kpi red"><span class="kpi-label">غير المحصل</span><b class="money">{{ number_format($unpaid,2) }}</b><span class="kpi-meta">{{ max(0,$allUnits-$paidUnits) }} شقة غير مدفوعة</span></div>
    <div class="card kpi amber"><span class="kpi-label">نسبة التحصيل</span><b>{{ $collectionRate }}%</b><div class="progress"><span style="width:{{ min(100,$collectionRate) }}%"></span></div></div>
</div>

<h2>المباني هذا الشهر</h2>
<div class="grid">
@foreach($buildings as $building)
    @php $period=$periods->firstWhere('building_id',$building->id); $units=$period?->accounts->count()??0; $collected=$period?->accounts->where('payment_status','paid')->sum('total_due')??0; $buildingDue=$period?->accounts->sum('total_due')??0; $shares=$buildingShares[$building->id]; @endphp
    <div class="card building-card">
        <div class="building-head"><div class="building-name"><span class="building-badge">{{ mb_substr($building->name,0,1) }}</span><div><h3>{{ $building->name }}</h3><small class="muted">{{ $units }} وحدة مسجلة للشهر</small></div></div>@if($period)<span class="status-chip {{ $period->status==='finalized'?'final':'draft' }}">{{ $period->status==='finalized'?'معتمد':'مسودة' }}</span>@endif</div>
        <div class="stat-line"><span>المستحق</span><b class="money">{{ number_format($buildingDue,2) }}</b></div>
        <div class="stat-line"><span>المحصل</span><b class="money">{{ number_format($collected,2) }}</b></div>
        <div class="share-panel">
            <div class="stat-line"><span>إجمالي الإيجار فقط</span><b class="money">{{ number_format($shares['rent_total'],2) }}</b></div>
            <div class="share-row"><div><small>حصة مجدي</small><b class="money">{{ number_format($shares['magdy'],2) }}</b></div><div><small>حصة ماجدة</small><b class="money">{{ number_format($shares['magda'],2) }}</b></div></div>
            <small class="muted">النسب: {{ $shares['ratio_label'] }}</small>
        </div>
        <div class="progress"><span style="width:{{ $buildingDue?min(100,$collected/$buildingDue*100):0 }}%"></span></div>
        <a class="btn secondary" href="{{ route('monthly.index',['building_id'=>$building->id,'year'=>now()->year,'month'=>now()->month]) }}">{{ $period?'فتح حساب الشهر':'إنشاء حساب الشهر' }}</a>
    </div>
@endforeach
</div>

<h2>يحتاج إلى انتباهك</h2>
<div class="grid">
    <a class="card kpi amber" href="{{ route('notifications') }}" style="text-decoration:none;color:inherit"><span class="kpi-label">عقود تنتهي قريبًا</span><b>{{ $expiring }}</b><span class="kpi-meta">اضغط لعرض التفاصيل</span></a>
    <a class="card kpi red" href="{{ route('notifications') }}" style="text-decoration:none;color:inherit"><span class="kpi-label">عقود منتهية</span><b>{{ $expired }}</b><span class="kpi-meta">تحتاج إلى تحديث</span></a>
    <a class="card kpi amber" href="{{ route('notifications') }}" style="text-decoration:none;color:inherit"><span class="kpi-label">فروق مصروفات مشتركة</span><b>{{ $differences }}</b><span class="kpi-meta">راجع فروق التوزيع</span></a>
    <a class="card kpi blue" href="{{ route('import.index') }}" style="text-decoration:none;color:inherit"><span class="kpi-label">إعداد البيانات</span><b>Excel</b><span class="kpi-meta">استيراد مبنى واحد في كل مرة</span></a>
</div>
@endsection