@extends('layouts.app')
@section('title','التحصيل الشهري')
@section('content')
@php
    $monthNames=[1=>'يناير',2=>'فبراير',3=>'مارس',4=>'أبريل',5=>'مايو',6=>'يونيو',7=>'يوليو',8=>'أغسطس',9=>'سبتمبر',10=>'أكتوبر',11=>'نوفمبر',12=>'ديسمبر'];
    $columns=$period ? $period->accounts->flatMap->lines->unique('charge_definition_id')->values() : collect();
    $paidCount=$period?->accounts->where('payment_status','paid')->count()??0;
    $totalCount=$period?->accounts->count()??0;
    $unpaidCount=$period?->accounts->where('payment_status','unpaid')->count()??0;
    $totalDue=$period?->accounts->sum('total_due')??0;
    $totalPaid=$period?->accounts->where('payment_status','paid')->sum('total_due')??0;
    $receiptCount=$period?->accounts->flatMap->receipts->where('status','active')->count()??0;
    $shareableAccounts=$period?->accounts->sortBy(fn($account)=>str_pad($account->apartment_number,8,'0',STR_PAD_LEFT))->values()??collect();
    $usedSharedIds=$period?->sharedCharges->pluck('charge_definition_id')??collect();
    $sharedDefinitions=$period ? \App\Models\ChargeDefinition::with('apartments')->where('building_id',$building->id)->where('calculation_type','shared')->where('active',1)->whereNotIn('id',$usedSharedIds)->orderBy('display_order')->orderBy('id')->get() : collect();
    $participantPresets=[];
    foreach($sharedDefinitions as $definition){
        $apartmentIds=$definition->apartments->pluck('id');
        if($apartmentIds->isNotEmpty()) $participantPresets[$definition->id]=$shareableAccounts->whereIn('apartment_id',$apartmentIds)->pluck('id')->values();
    }
@endphp

<div class="page-heading monthly-heading">
    <div><span class="eyebrow">المحاسبة الشهرية</span><h1>التحصيل الشهري</h1><p class="muted">الرسوم والمصروفات والسداد والإيصالات في مساحة عمل واحدة.</p></div>
    <div class="actions">
        <span class="version-pill">V{{ config('app.version') }}</span>
        @if($period && $receiptCount)<a class="btn ghost" target="_blank" href="{{ route('receipts.period.print',$period) }}">معاينة وطباعة الإيصالات</a><a class="btn" href="{{ route('receipts.period.pdf',$period) }}">تحميل كل الإيصالات PDF - 4 في الصفحة</a>@endif
    </div>
</div>

<form class="toolbar period-toolbar" method="get">
    <div class="field"><label>المبنى</label><select name="building_id">@foreach($buildings as $item)<option value="{{ $item->id }}" @selected($building->id===$item->id)>{{ $item->name }}</option>@endforeach</select></div>
    <div class="field"><label>الشهر</label><select name="month">@foreach($monthNames as $number=>$name)<option value="{{ $number }}" @selected($month===$number)>{{ $name }}</option>@endforeach</select></div>
    <div class="field"><label>السنة</label><input type="number" name="year" min="2020" max="2100" value="{{ $year }}"></div>
    <button>عرض الفترة</button>
</form>

@if(!$period)
    <div class="card empty-state"><span class="empty-icon">▦</span><h2>لم يتم إنشاء حساب {{ $monthNames[$month] }} {{ $year }}</h2><p>سيتم إنشاء حساب مستقل لكل شقة من بنود {{ $building->name }} فقط.</p><form method="post" action="{{ route('monthly.generate') }}">@csrf<input type="hidden" name="building_id" value="{{ $building->id }}"><input type="hidden" name="month" value="{{ $month }}"><input type="hidden" name="year" value="{{ $year }}"><button>إنشاء الشهر الآن</button></form></div>
@else
    <div class="grid monthly-kpis">
        <div class="card kpi teal"><span class="kpi-label">إجمالي المستحق</span><b class="money">{{ number_format($totalDue,2) }}</b><span class="kpi-meta">جنيه مصري</span></div>
        <div class="card kpi blue"><span class="kpi-label">المحصل</span><b class="money">{{ number_format($totalPaid,2) }}</b><span class="kpi-meta">{{ $paidCount }} من {{ $totalCount }} وحدة</span></div>
        <div class="card kpi red"><span class="kpi-label">غير المحصل</span><b class="money">{{ number_format($totalDue-$totalPaid,2) }}</b><span class="kpi-meta">{{ $totalCount-$paidCount }} وحدة</span></div>
        <div class="card kpi amber"><span class="kpi-label">حالة الشهر</span><b class="month-status-title">{{ $period->status==='draft'?'مسودة قابلة للتعديل':'تم اعتماد الرسوم' }}</b><span class="kpi-meta">{{ $building->name }} — {{ $monthNames[$month] }} {{ $year }}</span></div>
    </div>

    <div class="month-state-bar {{ $period->status }}">
        <div><span>{{ $period->status==='draft'?'✎':'✓' }}</span><b>{{ $period->status==='draft'?'يمكنك تعديل البنود والمبالغ الآن':'الرسوم مقفلة ويمكن تسجيل السداد' }}</b></div>
        @if($period->status==='draft')
            <form method="post" action="{{ route('monthly.finalize') }}" onsubmit="return confirm('سيتم قفل مبالغ الرسوم. هل تريد اعتماد الشهر؟')">@csrf<input type="hidden" name="period_id" value="{{ $period->id }}"><button>اعتماد رسوم الشهر</button></form>
        @else
            <form method="post" action="{{ route('monthly.reopen') }}" onsubmit="return confirm('إعادة فتح الشهر قد تؤثر على إيصالات قائمة. هل أنت متأكد؟')">@csrf<input type="hidden" name="period_id" value="{{ $period->id }}"><button class="btn danger">إعادة فتح الشهر</button></form>
        @endif
    </div>

    <div class="section-heading shared-section-heading"><div><span class="eyebrow">توزيع مرن حسب الشقق</span><h2>المصروفات المشتركة</h2><p class="muted">لكل بند قائمة شقق مستقلة تحفظ تلقائيًا للأشهر التالية.</p></div><a class="btn small ghost" href="{{ route('charges.index',['building_id'=>$building->id]) }}">إدارة بنود {{ $building->name }}</a></div>

    @if($period->status==='draft')
    <form class="card shared-composer" method="post" action="{{ route('shared-charges.store') }}" data-shared-form>
        @csrf<input type="hidden" name="accounting_month_id" value="{{ $period->id }}">
        <div class="shared-composer-fields">
            <div class="composer-title"><span class="composer-icon">＋</span><div><h3>إضافة مصروف مشترك</h3><p>اختر بندًا محفوظًا أو اكتب بندًا جديدًا لهذا المبنى.</p></div></div>
            <div class="field"><label>بند المصروف</label><select id="shared-definition" name="charge_definition_id"><option value="">اختر بندًا محفوظًا</option>@foreach($sharedDefinitions as $definition)<option value="{{ $definition->id }}">{{ $definition->name }}</option>@endforeach</select></div>
            <div class="field"><label>أو بند جديد</label><input name="new_charge_name" maxlength="100" placeholder="مثال: إصلاح بوابة المبنى"><small>اتركه فارغًا عند اختيار بند محفوظ.</small></div>
            <div class="amount-divider-grid"><div class="field"><label>إجمالي المصروف</label><input name="total_amount" type="number" min="0" step=".01" required data-shared-total placeholder="0.00"></div><div class="field"><label>المقسوم عليه</label><input name="divider" type="number" min=".01" step=".01" value="{{ $period->divider }}" required data-shared-divider></div></div>
            <div class="allocation-preview"><span>حصة الشقة القياسية</span><b data-allocation-preview>0.00</b><small>جنيه</small></div>
            <button class="shared-submit">حفظ وتوزيع البند</button>
        </div>
        <div class="shared-composer-participants">
            @include('monthly._participant-picker',['accounts'=>$shareableAccounts,'selectedAccountIds'=>$shareableAccounts->pluck('id'),'presets'=>$participantPresets,'definitionSelectId'=>'shared-definition'])
        </div>
    </form>
    @endif

    @if($period->sharedCharges->isNotEmpty())
    <div class="shared-charge-list">
        @foreach($period->sharedCharges as $shared)
            @php $participantIds=$shared->participants->pluck('id'); if($participantIds->isEmpty()) $participantIds=$shareableAccounts->pluck('id'); @endphp
            <article class="card shared-charge-card {{ abs((float)$shared->difference)<0.01?'reconciled':'has-difference' }}">
                <div class="shared-charge-head"><div><span class="reconcile-mark">{{ abs((float)$shared->difference)<0.01?'✓':'!' }}</span><div><h3>{{ $shared->chargeDefinition?->name }}</h3><p>{{ $participantIds->count() }} شقة مشاركة</p></div></div><span class="status-chip {{ abs((float)$shared->difference)<0.01?'paid':'unpaid' }}">{{ abs((float)$shared->difference)<0.01?'متطابق':'يوجد فرق' }}</span></div>
                <div class="shared-metrics"><div><span>الإجمالي</span><b>{{ number_format($shared->total_amount,2) }}</b></div><div><span>الحصة القياسية</span><b>{{ number_format($shared->standard_allocation,2) }}</b></div><div><span>الموزع</span><b>{{ number_format($shared->distributed_total,2) }}</b></div><div><span>الفرق</span><b>{{ number_format($shared->difference,2) }}</b></div></div>
                @if($period->status==='draft')
                <details class="shared-charge-editor">
                    <summary>تعديل المبلغ أو الشقق المشاركة <span>⌄</span></summary>
                    <form method="post" action="{{ route('shared-charges.update',$shared) }}" data-shared-form>@csrf @method('put')
                        <div class="editor-amounts"><div class="field"><label>الإجمالي</label><input name="total_amount" type="number" min="0" step=".01" value="{{ $shared->total_amount }}" required data-shared-total></div><div class="field"><label>المقسوم عليه</label><input name="divider" type="number" min=".01" step=".01" value="{{ $shared->divider }}" required data-shared-divider></div><div class="allocation-preview"><span>الحصة القياسية</span><b data-allocation-preview>{{ number_format($shared->standard_allocation,2) }}</b></div><label class="option-check"><input type="checkbox" name="replace_overrides" value="1"> استبدال التعديلات اليدوية</label></div>
                        @include('monthly._participant-picker',['accounts'=>$shareableAccounts,'selectedAccountIds'=>$participantIds,'presets'=>[],'definitionSelectId'=>null])
                        <div class="editor-actions"><button>حفظ وإعادة الحساب</button></div>
                    </form>
                    <form class="shared-delete" method="post" action="{{ route('shared-charges.destroy',$shared) }}" onsubmit="return confirm('سيتم حذف هذا البند من الشهر وكل الشقق. هل أنت متأكد؟')">@csrf @method('delete')<button class="btn small danger">حذف البند من هذا الشهر</button></form>
                </details>
                @endif
            </article>
        @endforeach
    </div>
    @endif

    @if($period->status==='finalized' && $unpaidCount)
    <form id="bulk-payment-form" class="card bulk-payment-panel" method="post" action="{{ route('payments.bulk.store') }}" data-bulk-payment-form onsubmit="return confirm('سيتم تسجيل السداد النقدي وإصدار إيصال لكل شقة مختارة. هل تريد المتابعة؟')">
        @csrf
        <input type="hidden" name="period_id" value="{{ $period->id }}">
        <div class="bulk-payment-copy"><span class="bulk-payment-icon">✓</span><div><h3>تسجيل نقدي جماعي</h3><p>حدد الشقق غير المسددة من الجدول، ثم سجلها كلها في عملية واحدة.</p></div></div>
        <label class="bulk-select-all"><input type="checkbox" data-bulk-select-all> تحديد كل غير المسدد</label>
        <div class="bulk-payment-controls">
            <label><span>تاريخ السداد الفعلي</span><input type="date" name="paid_on" value="{{ now()->format('Y-m-d') }}" required></label>
            <div class="bulk-selected-count"><b data-bulk-selected-count>0</b><span>شقة مختارة</span></div>
            <button type="submit" data-bulk-submit disabled>تسجيل نقدي وإصدار الإيصالات</button>
        </div>
    </form>
    @endif

    <div class="section-heading accounts-heading"><div><h2>حسابات الشقق</h2><p class="muted">القيم الصفرية ظاهرة بوضوح، والشرطة تعني أن البند لا يطبق على هذه الشقة.</p></div><span class="count-badge">{{ $totalCount }} وحدة</span></div>
    <div class="scroll monthly-table-wrap"><table class="monthly-table">
        <thead><tr>@if($period->status==='finalized')<th class="bulk-column">اختيار</th>@endif<th class="identity">الشقة</th><th>المسؤول</th>@foreach($columns as $column)<th>{{ $column->name_snapshot }}</th>@endforeach<th>الإجمالي</th><th>الحالة</th><th>الإجراء</th></tr></thead>
        <tbody>
        @forelse($period->accounts as $account)
            <tr class="{{ $account->payment_status==='paid'?'paid-account-row':'' }}">@if($period->status==='finalized')<td class="bulk-column">@if($account->payment_status==='unpaid')<label class="bulk-account-check" title="اختيار الشقة {{ $account->apartment_number }}"><input form="bulk-payment-form" type="checkbox" name="account_ids[]" value="{{ $account->id }}" data-bulk-account><span>✓</span></label>@else<span class="bulk-paid-mark" title="تم السداد">✓</span>@endif</td>@endif<td class="identity"><b>{{ $account->apartment_number }}</b><small>{{ $account->occupancy_type==='ownership'?'تمليك':'إيجار' }}</small></td><td class="payer-cell">{{ $account->payer_name ?: '—' }}</td>
            @foreach($columns as $column)
                @php $line=$account->lines->firstWhere('charge_definition_id',$column->charge_definition_id); @endphp
                <td>@if($line)<input form="account-{{ $account->id }}" class="money {{ $line->manually_overridden?'override':'' }}" name="lines[{{ $line->id }}]" type="number" min="0" step=".01" value="{{ $line->final_amount }}" @disabled($period->status!=='draft')>@else<span class="not-applicable">—</span>@endif</td>
            @endforeach
            <td><b class="money">{{ number_format($account->total_due,2) }}</b></td><td><span class="status-chip {{ $account->payment_status==='paid'?'paid':'unpaid' }}">{{ $account->payment_status==='paid'?'مدفوع':'غير مدفوع' }}</span></td>
            <td>@if($account->payment_status==='unpaid')<div class="actions">@if($period->status==='draft')<form id="account-{{ $account->id }}" method="post" action="{{ route('monthly.update',$account) }}">@csrf @method('put')<button class="small secondary">حفظ</button></form>@else<form class="actions" method="post" action="{{ route('payments.store',$account) }}">@csrf<input class="payment-date" type="date" name="paid_on" value="{{ now()->format('Y-m-d') }}" required><button class="small">تسجيل نقدي</button></form>@endif</div>@else @php $activeReceipt=$account->receipts->firstWhere('status','active'); @endphp <div class="actions">@if($activeReceipt)<a class="btn small ghost" href="{{ route('receipts.show',$activeReceipt) }}">الإيصال {{ $activeReceipt->number }}</a>@endif<form method="post" action="{{ route('payments.destroy',$account) }}" onsubmit="return confirm('سيتم إلغاء السداد والإيصال. متابعة؟')">@csrf @method('delete')<button class="small danger">إلغاء</button></form></div>@endif</td></tr>
        @empty<tr><td colspan="{{ $columns->count()+5+($period->status==='finalized'?1:0) }}"><div class="empty-state">لا توجد شقق نشطة لهذا الشهر.</div></td></tr>@endforelse
        </tbody>
    </table></div>
@endif
@endsection

@section('scripts')
<script>
document.querySelectorAll('[data-participant-picker]').forEach(function(picker){
    const boxes=Array.from(picker.querySelectorAll('input[name="participant_ids[]"]'));
    const counter=picker.querySelector('[data-selected-count]');
    const warning=picker.querySelector('[data-selection-warning]');
    const search=picker.querySelector('[data-participant-search]');
    function refresh(){
        let selected=0;
        boxes.forEach(function(box){box.closest('[data-participant-card]').classList.toggle('selected',box.checked);if(box.checked)selected++;});
        counter.textContent=selected;
        warning.hidden=selected>0;
    }
    picker.querySelectorAll('[data-select]').forEach(function(button){button.addEventListener('click',function(){
        const mode=button.dataset.select;
        boxes.forEach(function(box){const type=box.closest('[data-participant-card]').dataset.type;box.checked=mode==='all'||mode===type;});refresh();
    });});
    boxes.forEach(function(box){box.addEventListener('change',refresh);});
    search.addEventListener('input',function(){const term=search.value.trim().toLowerCase();picker.querySelectorAll('[data-participant-card]').forEach(function(card){card.hidden=term!==''&&!card.dataset.search.includes(term);});});
    const selectId=picker.dataset.definitionSelect;
    if(selectId){const definition=document.getElementById(selectId);const presets=JSON.parse(picker.dataset.presets||'{}');definition.addEventListener('change',function(){const chosen=presets[definition.value];boxes.forEach(function(box){box.checked=!chosen||chosen.map(String).includes(box.value);});refresh();});}
    refresh();
});
document.querySelectorAll('[data-shared-form]').forEach(function(form){
    const total=form.querySelector('[data-shared-total]'),divider=form.querySelector('[data-shared-divider]'),preview=form.querySelector('[data-allocation-preview]');
    function allocation(){const value=(parseFloat(total.value)||0)/(parseFloat(divider.value)||1);preview.textContent=value.toLocaleString('en-US',{minimumFractionDigits:2,maximumFractionDigits:2});}
    total.addEventListener('input',allocation);divider.addEventListener('input',allocation);allocation();
    form.addEventListener('submit',function(event){if(!form.querySelector('input[name="participant_ids[]"]:checked')){event.preventDefault();const warning=form.querySelector('[data-selection-warning]');if(warning){warning.hidden=false;warning.scrollIntoView({behavior:'smooth',block:'center'});}}});
});
const bulkForm=document.querySelector('[data-bulk-payment-form]');
if(bulkForm){
    const boxes=Array.from(document.querySelectorAll('[data-bulk-account]'));
    const selectAll=bulkForm.querySelector('[data-bulk-select-all]');
    const counter=bulkForm.querySelector('[data-bulk-selected-count]');
    const submit=bulkForm.querySelector('[data-bulk-submit]');
    function refreshBulk(){
        const selected=boxes.filter(function(box){return box.checked;}).length;
        counter.textContent=selected;
        submit.disabled=selected===0;
        selectAll.checked=boxes.length>0&&selected===boxes.length;
        selectAll.indeterminate=selected>0&&selected<boxes.length;
        boxes.forEach(function(box){box.closest('tr').classList.toggle('bulk-selected-row',box.checked);});
    }
    selectAll.addEventListener('change',function(){boxes.forEach(function(box){box.checked=selectAll.checked;});refreshBulk();});
    boxes.forEach(function(box){box.addEventListener('change',refreshBulk);});
    refreshBulk();
}
</script>
@endsection