@extends('restaurant.layout')
@section('title', 'موظفو التوصيل (كباتن الدليفري)')
@section('content')
<div class="hero">
    <div><h2>🛵 موظفو التوصيل (كباتن الدليفري)</h2><p>إدارة سائقي التوصيل، المركبات، وحصر المبيعات ورسوم التوصيل لكل كابتن</p></div>
    <div class="actions"><button class="btn" onclick="drvOpen()">+ إضافة كابتن توصيل جديد</button><button class="btn ghost" onclick="drvOpen(null, true)">تعيين موظف حالي ككابتن توصيل</button></div>
</div>

@if($errors->any())<div class="alert bad">@foreach($errors->all() as $e)<div>• {{ $e }}</div>@endforeach</div>@endif

<div class="grid g4" style="margin-bottom:14px">
    <div class="stat"><div class="lbl">إجمالي كباتن التوصيل</div><div class="val">{{ $stats['total'] }}</div></div>
    <div class="stat"><div class="lbl">كباتن نشطون</div><div class="val text-green">{{ $stats['active'] }}</div></div>
    <div class="stat"><div class="lbl">إجمالي طلبات التوصيل</div><div class="val">{{ $stats['orders'] }}</div></div>
    <div class="stat"><div class="lbl">إجمالي رسوم التوصيل المحصلة</div><div class="val num">{{ number_format($stats['fees'], 2) }} <small>ر.س</small></div></div>
</div>

<div class="card">
    <form method="get" class="filters">
        <div style="flex:2"><label>بحث بالاسم أو الهاتف أو اللوحة</label><input name="q" value="{{ request('q') }}" class="inp"></div>
        <div><label>الفرع</label><select name="branch_id" class="inp"><option value="">جميع الفروع</option>@foreach($branches as $b)<option value="{{ $b->id }}" @selected(request('branch_id') == $b->id)>{{ $b->name }}</option>@endforeach</select></div>
        <div><label>الحالة</label><select name="status" class="inp"><option value="">جميع الحالات</option><option value="active" @selected(request('status')=='active')>نشط</option><option value="off" @selected(request('status')=='off')>غير نشط</option></select></div>
        <div style="flex:0"><button class="btn navy">تصفية</button></div>
    </form>
</div>

<div class="tbl-wrap"><table class="tbl">
    <thead><tr><th>اسم الكابتن</th><th>رقم الجوال</th><th>الفرع</th><th>وسيلة التوصيل</th><th>رقم اللوحة</th><th>الطلبات</th><th>الرسوم</th><th>الحالة</th><th>الإجراءات</th></tr></thead>
    <tbody>
    @forelse($drivers as $d)
        <tr>
            <td class="fw">{{ $d->name }}</td><td class="num">{{ $d->phone }}</td><td>{{ $d->branch->name ?? '—' }}</td><td>{{ $d->vehicle_type }}</td><td>{{ $d->plate_number ?: '—' }}</td>
            <td>{{ $d->orders_count }}</td><td class="num">{{ number_format($d->fees_sum ?? 0, 2) }}</td>
            <td><span class="badge {{ $d->is_active ? 'green' : 'gray' }}">{{ $d->is_active ? 'نشط' : 'غير نشط' }}</span></td>
            <td class="nowrap">
                <a class="btn sm soft" href="{{ route('restaurant.drivers.report', $d) }}">📋 تقرير الطلبات</a>
                <button class="btn sm ghost" type="button" onclick="drvOpen(@js($d->only(['id','name','phone','branch_id','vehicle_type','plate_number','is_active','notes','employee_id'])))">✏️ تعديل</button>
                <form method="post" action="{{ route('restaurant.drivers.destroy', $d) }}" style="display:inline" onsubmit="return confirm('حذف هذا الكابتن؟')">@csrf @method('DELETE')<button class="btn sm red">🗑</button></form>
            </td>
        </tr>
    @empty
        <tr><td colspan="9" class="empty">لا يوجد كباتن توصيل بعد</td></tr>
    @endforelse
    </tbody>
</table></div>

<div class="modal-bg" id="drv-modal"><div class="modal">
    <h3 id="drv-title">إضافة كابتن توصيل</h3>
    <form method="post" id="drv-form" action="{{ route('restaurant.drivers.store') }}">
        @csrf <span id="drv-method"></span>
        <div class="form-row" id="emp-box" style="display:none"><div><label>اختر الموظف من قائمة الموظفين</label>
            <select name="employee_id" id="f-emp" class="inp"><option value="">— اختر —</option>@foreach($employees as $e)<option value="{{ $e->id }}">{{ $e->name_ar }} {{ $e->phone }}</option>@endforeach</select></div></div>
        <div class="form-row fr2"><div><label>اسم الكابتن *</label><input name="name" id="f-name" class="inp"></div><div><label>رقم الجوال</label><input name="phone" id="f-phone" class="inp"></div></div>
        <div class="form-row fr2"><div><label>الفرع</label><select name="branch_id" id="f-branch" class="inp"><option value="">— كل الفروع —</option>@foreach($branches as $b)<option value="{{ $b->id }}">{{ $b->name }}</option>@endforeach</select></div>
            <div><label>وسيلة التوصيل</label><input name="vehicle_type" id="f-veh" class="inp" value="دراجة نارية"></div></div>
        <div class="form-row fr2"><div><label>رقم اللوحة / المعرّف</label><input name="plate_number" id="f-plate" class="inp"></div>
            <div><label>&nbsp;</label><label style="display:flex;gap:8px;align-items:center;color:var(--text);font-size:14px;margin-top:8px"><input type="checkbox" name="is_active" id="f-act" value="1" checked> كابتن نشط</label></div></div>
        <div class="form-row"><div><label>ملاحظات</label><input name="notes" id="f-notes" class="inp"></div></div>
        <div class="foot"><button class="btn green">حفظ</button><button type="button" class="btn ghost" onclick="RS.closeModal('drv-modal')">إلغاء</button></div>
    </form>
</div></div>
@endsection

@push('scripts')
<script>
const STORE = @json(route('restaurant.drivers.store'));
const UPD = @json(url('restaurant/drivers/__ID__'));
const CSRF = @json(csrf_field());
function drvOpen(d, fromEmployee) {
    const f = document.getElementById('drv-form');
    f.reset();
    document.getElementById('emp-box').style.display = fromEmployee ? '' : 'none';
    if (d) {
        f.action = UPD.replace('__ID__', d.id);
        document.getElementById('drv-method').innerHTML = '<input type="hidden" name="_method" value="PUT">';
        document.getElementById('drv-title').textContent = 'تعديل كابتن التوصيل';
        f.name.value = d.name || ''; f.phone.value = d.phone || ''; f.branch_id.value = d.branch_id || '';
        f.vehicle_type.value = d.vehicle_type || 'دراجة نارية'; f.plate_number.value = d.plate_number || '';
        f.is_active.checked = !!d.is_active; f.notes.value = d.notes || '';
    } else {
        f.action = STORE; document.getElementById('drv-method').innerHTML = '';
        document.getElementById('drv-title').textContent = fromEmployee ? 'تعيين موظف حالي ككابتن توصيل' : 'إضافة كابتن توصيل';
    }
    RS.openModal('drv-modal');
}
document.getElementById('f-emp').addEventListener('change', function () {
    const o = this.options[this.selectedIndex]; if (!this.value) return;
    const f = document.getElementById('drv-form');
    const m = o.textContent.trim().match(/^(.*?)\s+([0-9+]{6,})$/);
    f.name.value = m ? m[1] : o.textContent.trim(); f.phone.value = m ? m[2] : '';
});
</script>
@endpush