@extends('layouts.app')
@section('title','بنود رسوم '.$building->name)
@section('content')
<div class="page-heading">
    <div><span class="eyebrow">إعدادات مستقلة لكل مبنى</span><h1>بنود رسوم {{ $building->name }}</h1><p class="muted">أي تعديل هنا يخص {{ $building->name }} فقط ولا يؤثر على المبنى الآخر.</p></div>
    <span class="version-pill">V{{ config('app.version') }}</span>
</div>

<div class="building-tabs" role="tablist" aria-label="اختيار المبنى">
    @foreach($buildings as $item)
        <a role="tab" aria-selected="{{ $building->id===$item->id?'true':'false' }}" class="{{ $building->id===$item->id?'active':'' }}" href="{{ route('charges.index',['building_id'=>$item->id]) }}">
            <span class="building-tab-icon">{{ mb_substr($item->name,0,1) }}</span><span>بنود {{ $item->name }}</span>
        </a>
    @endforeach
</div>

<details class="card charge-create" @if($errors->any()) open @endif>
    <summary><span>＋ إضافة بند جديد إلى {{ $building->name }}</span><small>اضغط لفتح نموذج الإضافة</small></summary>
    <form class="form-grid" method="post" action="{{ route('charges.store') }}">
        @csrf
        <input type="hidden" name="building_id" value="{{ $building->id }}">
        <div class="field"><label>اسم البند</label><input name="name" required maxlength="100" value="{{ old('name') }}" placeholder="مثال: حارس العقار"></div>
        <div class="field"><label>طريقة الحساب</label><select name="calculation_type"><option value="apartment">قيمة خاصة بكل شقة</option><option value="fixed">قيمة ثابتة</option><option value="shared">مصروف مشترك</option></select></div>
        <div class="field"><label>القيمة الافتراضية</label><input name="default_amount" type="number" min="0" step=".01" value="{{ old('default_amount',0) }}"></div>
        <input type="hidden" name="display_order" value="{{ old('display_order',($charges->max('display_order')??0)+1) }}">
        <label class="shared-toggle"><input type="checkbox" name="is_shared" value="1" @checked(old('is_shared'))> مصروف مشترك — سأختار الشقق التي تدفعه في التحصيل الشهري.</label>
        @foreach(['carry_forward'=>'يُرحّل للشهر التالي','on_receipt'=>'يظهر في الإيصال','in_reports'=>'يظهر في التقارير','active'=>'بند نشط'] as $name=>$label)
            <label class="option-check"><input type="hidden" name="{{ $name }}" value="0"><input type="checkbox" name="{{ $name }}" value="1" checked> {{ $label }}</label>
        @endforeach
        <button>حفظ البند في {{ $building->name }}</button>
    </form>
</details>

<div class="section-heading charge-list-heading">
    <div><h2>قائمة بنود {{ $building->name }}</h2><p class="muted">عدّل الاسم أو القيمة أو العلامات ثم اضغط «حفظ» في نفس السطر.</p></div>
    <span class="count-badge">{{ $charges->count() }} بند</span>
</div>

<div class="scroll charge-table-wrap">
<table class="charge-table">
    <thead><tr><th>البند</th><th>القيمة الافتراضية</th><th>مشترك</th><th>يُرحّل</th><th>إيصال</th><th>تقارير</th><th>نشط</th><th>الحفظ</th></tr></thead>
    <tbody>
    @forelse($charges as $item)
        <tr class="{{ $item->active?'':'inactive-row' }}">
            <td data-label="البند">
                <input form="charge-{{ $item->id }}" name="name" value="{{ $item->name }}" required maxlength="100">
                <input form="charge-{{ $item->id }}" type="hidden" name="calculation_type" value="{{ $item->calculation_type }}">
                <input form="charge-{{ $item->id }}" type="hidden" name="building_id" value="{{ $building->id }}">
                <input form="charge-{{ $item->id }}" type="hidden" name="display_order" value="{{ $item->display_order }}">
                <input form="charge-{{ $item->id }}" type="hidden" name="was_shared" value="{{ $item->calculation_type==='shared'?1:0 }}">
            </td>
            <td data-label="القيمة"><input form="charge-{{ $item->id }}" class="money" name="default_amount" type="number" min="0" step=".01" value="{{ $item->default_amount }}"></td>
            @foreach(['is_shared'=>'مشترك','carry_forward'=>'يُرحّل','on_receipt'=>'إيصال','in_reports'=>'تقارير','active'=>'نشط'] as $field=>$label)
                @php $checked=$field==='is_shared'?$item->calculation_type==='shared':$item->{$field}; @endphp
                <td data-label="{{ $label }}" class="center">
                    <input form="charge-{{ $item->id }}" type="hidden" name="{{ $field }}" value="0">
                    <label class="table-switch"><input form="charge-{{ $item->id }}" type="checkbox" name="{{ $field }}" value="1" @checked($checked) @disabled($field==='is_shared' && $item->name==='الإيجار')><span></span><b>{{ $checked?'نعم':'لا' }}</b></label>
                </td>
            @endforeach
            <td data-label="الحفظ"><form id="charge-{{ $item->id }}" method="post" action="{{ route('charges.update',$item) }}">@csrf @method('put')<button class="small">حفظ</button></form></td>
        </tr>
    @empty
        <tr><td colspan="8"><div class="empty-state">لا توجد بنود لهذا المبنى بعد.</div></td></tr>
    @endforelse
    </tbody>
</table>
</div>
@endsection