@extends('layouts.app')
@section('title','الشقق')
@section('content')
<div class="page-heading">
    <div><span class="eyebrow">بيانات الوحدات</span><h1>الشقق</h1><p class="muted">ابحث وصفِّ الوحدات حسب المبنى وحالة الإيجار أو التمليك.</p></div>
    <a class="btn" href="{{ route('apartments.create') }}">＋ إضافة شقة</a>
</div>

<form class="toolbar" method="get">
    <div class="field"><label>المبنى</label><select name="building_id"><option value="">كل المباني</option>@foreach($buildings as $building)<option value="{{ $building->id }}" @selected(request('building_id')==$building->id)>{{ $building->name }}</option>@endforeach</select></div>
    <div class="field"><label>حالة الوحدة</label><select name="occupancy_type"><option value="">إيجار وتمليك</option><option value="rental" @selected(request('occupancy_type')==='rental')>إيجار</option><option value="ownership" @selected(request('occupancy_type')==='ownership')>تمليك</option></select></div>
    <div class="field"><label>بحث</label><input name="search" value="{{ request('search') }}" placeholder="رقم الشقة أو الاسم أو الدور"></div>
    <button>تطبيق الفلتر</button>
    <a class="btn ghost" href="{{ route('apartments.index') }}">مسح</a>
</form>

<div class="scroll"><table><thead><tr><th>المبنى</th><th>الشقة</th><th>الدور</th><th>حالة الوحدة</th><th>المسؤول الحالي</th><th></th></tr></thead><tbody>
@forelse($apartments as $apartment)
<tr><td>{{ $apartment->building->name }}</td><td><b>{{ $apartment->number }}</b></td><td>{{ $apartment->floor ?: '—' }}</td><td><span class="status-chip {{ $apartment->occupancy_type==='rental'?'rental':'ownership' }}">{{ $apartment->occupancy_type==='rental'?'إيجار':'تمليك' }}</span></td><td>{{ $apartment->currentOccupancy?->person_name ?: '—' }}</td><td><a href="{{ route('apartments.edit',$apartment) }}">تعديل</a></td></tr>
@empty<tr><td colspan="6"><div class="empty-state">لا توجد وحدات مطابقة للفلتر.</div></td></tr>@endforelse
</tbody></table></div>
{{ $apartments->links() }}
@endsection