{{-- resources/views/admin/bookings/index.blade.php --}}
@extends('admin.layouts.app')

@section('title', $pageTitle ?? 'الحجوزات')

@push('styles')
<style>
    .card{border:1px solid rgba(255,255,255,.06)}
    .form-control, .form-select{background:#0b1220;color:#e2e8f0;border-color:rgba(255,255,255,.08)}
    .form-control::placeholder{color:#94a3b8}
    .form-control:focus, .form-select:focus{box-shadow:0 0 0 .2rem rgba(14,165,233,.15);border-color:#0ea5e9}
    .table thead th{color:#cbd5e1;border-bottom-color:rgba(255,255,255,.08)}
    .table tbody td{color:#e2e8f0;border-color:rgba(255,255,255,.06);vertical-align:middle}
    .badge{font-weight:600}
    .badge-soft{background:rgba(255,255,255,.06);color:#e2e8f0;border:1px solid rgba(255,255,255,.08)}
    .small-muted{font-size:.85rem;color:#94a3b8}
    .table-responsive{border-radius:1rem;overflow:hidden;border:1px solid rgba(255,255,255,.06)}
    .kpis .card{min-height:110px}
</style>
@endpush

@section('content')
@php
    $c = $cols ?? [];
    $F = $filters ?? [];
@endphp

<div class="d-flex align-items-center justify-content-between mb-3">
    <h4 class="m-0">
        <i class="bi bi-calendar2-check me-1"></i>
        {{ $pageTitle ?? 'الحجوزات' }}
    </h4>
    <a class="btn btn-outline-light btn-sm" href="{{ url()->current() }}">
        <i class="bi bi-arrow-repeat me-1"></i> تحديث
    </a>
</div>

{{-- KPIs --}}
<div class="row g-3 kpis mb-2">
    <div class="col-12 col-md-3">
        <div class="card rounded-2xl">
            <div class="card-body d-flex justify-content-between align-items-center">
                <div>
                    <div class="small-muted mb-1">إجمالي السجلات</div>
                    <div class="h4 mb-0">{{ number_format($bookings->total()) }}</div>
                </div>
                <i class="bi bi-collection h3 m-0 text-info"></i>
            </div>
        </div>
    </div>
    @if(!empty($c['amount']))
    <div class="col-12 col-md-3">
        @php $pageSum = $bookings->getCollection()->sum(fn($row)=> (float)($row->{$c['amount']} ?? 0)); @endphp
        <div class="card rounded-2xl">
            <div class="card-body d-flex justify-content-between align-items-center">
                <div>
                    <div class="small-muted mb-1">إجمالي المبالغ (صفحة)</div>
                    <div class="h4 mb-0">{{ number_format($pageSum, 2) }}</div>
                </div>
                <i class="bi bi-cash-coin h3 m-0 text-success"></i>
            </div>
        </div>
    </div>
    @endif
    @if(!empty($c['payment_status']))
    <div class="col-12 col-md-3">
        @php
            $paidCount = $bookings->getCollection()->filter(function($row) use($c){
                $v = $row->{$c['payment_status']} ?? null;
                return in_array((string)$v, ['1','true','paid','Paid','PAID'], true);
            })->count();
        @endphp
        <div class="card rounded-2xl">
            <div class="card-body d-flex justify-content-between align-items-center">
                <div>
                    <div class="small-muted mb-1">مدفوع (صفحة)</div>
                    <div class="h4 mb-0">{{ number_format($paidCount) }}</div>
                </div>
                <i class="bi bi-check2-circle h3 m-0 text-success"></i>
            </div>
        </div>
    </div>
    @endif
    @if(!empty($c['status']))
    <div class="col-12 col-md-3">
        <div class="card rounded-2xl">
            <div class="card-body d-flex justify-content-between align-items-center">
                <div>
                    <div class="small-muted mb-1">أحدث حالة ظاهرة</div>
                    <div class="h4 mb-0">{{ optional($bookings->first())?->{$c['status'] ?? ''} ?? '—' }}</div>
                </div>
                <i class="bi bi-flag h3 m-0 text-warning"></i>
            </div>
        </div>
    </div>
    @endif
</div>

{{-- فلاتر البحث --}}
<div class="card rounded-2xl mb-3">
    <div class="card-body">
        <form class="row g-3 align-items-end" method="GET" action="{{ url()->current() }}">
            <div class="col-12 col-md-3">
                <label class="form-label">بحث عام</label>
                <div class="input-group">
                    <span class="input-group-text"><i class="bi bi-search"></i></span>
                    <input type="text" name="q" value="{{ $F['q'] ?? '' }}" class="form-control" placeholder="مرجع/اسم/إيميل/هاتف">
                </div>
            </div>

            @if(!empty($c['status']))
            <div class="col-6 col-md-2">
                <label class="form-label">الحالة</label>
                <input type="text" name="status" value="{{ $F['status'] ?? '' }}" class="form-control" placeholder="مثال: confirmed">
            </div>
            @endif

            @if(!empty($c['payment_status']))
            <div class="col-6 col-md-2">
                <label class="form-label">حالة الدفع</label>
                @php $ps = $F['payment_status'] ?? ''; @endphp
                <select class="form-select" name="payment_status">
                    <option value="">الكل</option>
                    <option value="paid" @selected($ps==='paid')>مدفوع</option>
                    <option value="unpaid" @selected($ps==='unpaid')>غير مدفوع</option>
                    <option value="pending" @selected($ps==='pending')>قيد الانتظار</option>
                    <option value="failed" @selected($ps==='failed')>فشل</option>
                </select>
            </div>
            @endif

            @if(!empty($c['package_id']))
            <div class="col-6 col-md-2">
                <label class="form-label">رقم الباقة/الخدمة</label>
                <input type="number" name="package_id" value="{{ $F['package_id'] ?? '' }}" class="form-control" placeholder="ID">
            </div>
            @endif

            @php $dateCol = $c['booking_date'] ?? $c['created_at'] ?? null; @endphp
            @if($dateCol)
            <div class="col-6 col-md-2">
                <label class="form-label">من تاريخ</label>
                <input type="date" name="date_from" value="{{ $F['date_from'] ?? '' }}" class="form-control">
            </div>
            <div class="col-6 col-md-2">
                <label class="form-label">إلى تاريخ</label>
                <input type="date" name="date_to" value="{{ $F['date_to'] ?? '' }}" class="form-control">
            </div>
            @endif

            <div class="col-6 col-md-2">
                <label class="form-label">لكل صفحة</label>
                @php $pp = (int)($F['per_page'] ?? 20); @endphp
                <select class="form-select" name="per_page" id="per_page">
                    @foreach([10,20,30,50,100] as $n)
                        <option value="{{ $n }}" @selected($pp===$n)>{{ $n }}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-12 col-md-2">
                <button class="btn btn-primary w-100">
                    <i class="bi bi-filter-circle me-1"></i> تطبيق الفلاتر
                </button>
            </div>
        </form>
    </div>
</div>

{{-- جدول الحجوزات --}}
<div class="card rounded-2xl">
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-hover align-middle mb-0">
                <thead>
                    <tr>
                        <th>#</th>
                        @if(!empty($c['reference'])) <th>المرجع</th> @endif
                        @if(!empty($c['customer_name'])) <th>العميل</th> @endif
                        @if(empty($c['customer_name']) && !empty($c['email'])) <th>الإيميل</th> @endif
                        @if(!empty($c['phone'])) <th>الهاتف</th> @endif
                        @if(!empty($c['amount'])) <th>المبلغ</th> @endif
                        @if(!empty($c['payment_status'])) <th>الدفع</th> @endif
                        @if(!empty($c['status'])) <th>الحالة</th> @endif
                        @if(!empty($c['booking_date']) || !empty($c['created_at'])) <th>التاريخ</th> @endif
                        <th class="text-center" style="width:150px">إجراءات</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($bookings as $row)
                        <tr>
                            <td>{{ $row->{$c['id'] ?? 'id'} ?? '—' }}</td>

                            @if(!empty($c['reference']))
                                <td><span class="badge badge-soft">{{ $row->{$c['reference']} }}</span></td>
                            @endif

                            @if(!empty($c['customer_name']))
                                <td>{{ $row->{$c['customer_name']} }}</td>
                            @elseif(!empty($c['email']))
                                <td>{{ $row->{$c['email']} }}</td>
                            @endif

                            @if(!empty($c['phone']))
                                <td>{{ $row->{$c['phone']} }}</td>
                            @endif

                            @if(!empty($c['amount']))
                                <td>{{ number_format((float)($row->{$c['amount']} ?? 0), 2) }}</td>
                            @endif

                            @if(!empty($c['payment_status']))
                                @php
                                    $pv = $row->{$c['payment_status']} ?? null;
                                    $paid  = in_array((string)$pv, ['1','true','paid','Paid','PAID'], true);
                                    $pTxt  = $paid ? 'مدفوع' : ( ($pv==='pending'||$pv==='Pending') ? 'قيد الانتظار' : (in_array((string)$pv,['0','false','unpaid'],'true')?'غير مدفوع':(string)$pv) );
                                    $pCls  = $paid ? 'bg-success' : ( ($pv==='pending'||$pv==='Pending') ? 'bg-warning text-dark' : 'bg-danger');
                                @endphp
                                <td><span class="badge {{ $pCls }}">{{ $pTxt }}</span></td>
                            @endif

                            @if(!empty($c['status']))
                                @php
                                    $sv = (string)($row->{$c['status']} ?? '');
                                    $sCls = str_contains(strtolower($sv),'confirm') ? 'bg-info' :
                                            (str_contains(strtolower($sv),'cancel') ? 'bg-danger' :
                                            (str_contains(strtolower($sv),'pend') ? 'bg-warning text-dark' : 'badge-soft'));
                                @endphp
                                <td><span class="badge {{ $sCls }}">{{ $sv !== '' ? $sv : '—' }}</span></td>
                            @endif

                            @php $dateCol = $c['booking_date'] ?? $c['created_at'] ?? null; @endphp
                            @if($dateCol)
                                <td>
                                    {{ optional($row->{$dateCol} ?? null)->format('Y-m-d') ?? (is_string($row->{$dateCol} ?? null) ? \Illuminate\Support\Str::substr($row->{$dateCol},0,10) : '—') }}
                                </td>
                            @endif

                            <td class="text-center">
                                <div class="d-flex justify-content-center gap-2">
                                    <a class="btn btn-outline-light btn-sm" href="{{ route('admin.bookings.show', $row->{$c['id'] ?? 'id'}) }}">
                                        <i class="bi bi-eye"></i>
                                    </a>

                                    @if(!empty($c['status']) || !empty($c['payment_status']))
                                        <button class="btn btn-primary btn-sm" data-bs-toggle="modal" data-bs-target="#u{{ $row->{$c['id'] ?? 'id'} }}">
                                            <i class="bi bi-pencil-square"></i>
                                        </button>
                                    @endif
                                </div>

                                @if(!empty($c['status']) || !empty($c['payment_status']))
                                    <div class="modal fade" id="u{{ $row->{$c['id'] ?? 'id'} }}" tabindex="-1" aria-hidden="true">
                                        <div class="modal-dialog">
                                            <form method="POST" action="{{ route('admin.bookings.updateStatus', $row->{$c['id'] ?? 'id'}) }}" class="modal-content">
                                                @csrf
                                                @method('PATCH')
                                                <div class="modal-header">
                                                    <h6 class="modal-title">تحديث الحجز #{{ $row->{$c['id'] ?? 'id'} }}</h6>
                                                    <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="إغلاق"></button>
                                                </div>
                                                <div class="modal-body row g-3">
                                                    @if(!empty($c['status']))
                                                        <div class="col-12">
                                                            <label class="form-label">الحالة</label>
                                                            <input type="text" name="status" class="form-control" value="{{ $row->{$c['status']} }}">
                                                        </div>
                                                    @endif
                                                    @if(!empty($c['payment_status']))
                                                        <div class="col-12">
                                                            <label class="form-label">حالة الدفع</label>
                                                            <select name="payment_status" class="form-select">
                                                                @php $cur = (string)($row->{$c['payment_status']} ?? ''); @endphp
                                                                <option value="">بدون تغيير</option>
                                                                <option value="paid" @selected(in_array($cur,['1','true','paid','Paid','PAID'],true))>مدفوع</option>
                                                                <option value="unpaid" @selected(in_array($cur,['0','false','unpaid','Unpaid','UNPAID'],true))>غير مدفوع</option>
                                                                <option value="pending" @selected(in_array($cur,['pending','Pending'],true))>قيد الانتظار</option>
                                                                <option value="failed" @selected(in_array($cur,['failed','Failed'],true))>فشل</option>
                                                            </select>
                                                            <div class="small-muted mt-1">إذا كان عمود الدفع لديك is_paid (0/1) يتم تحويل “مدفوع/غير مدفوع” تلقائياً إلى 1/0.</div>
                                                        </div>
                                                    @endif
                                                </div>
                                                <div class="modal-footer">
                                                    <button type="button" class="btn btn-outline-light" data-bs-dismiss="modal">إلغاء</button>
                                                    <button class="btn btn-primary"><i class="bi bi-check2-circle me-1"></i> حفظ</button>
                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                @endif
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="10" class="text-center text-muted py-5">لا توجد نتائج حالياً.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        <div class="d-flex justify-content-between align-items-center mt-3">
            <div class="small-muted">
                عرض {{ $bookings->firstItem() }}–{{ $bookings->lastItem() }} من أصل {{ $bookings->total() }}
            </div>
            <nav>{{ $bookings->onEachSide(1)->links('pagination::bootstrap-5') }}</nav>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
    document.getElementById('per_page')?.addEventListener('change', function(){
        this.closest('form')?.submit();
    });
</script>
@endpush