@extends('restaurant.layout')
@section('title', 'طلبات المطعم')
@section('content')
<div class="hero">
    <div><h2>📋 طلبات المطعم</h2><p>بحث في كل الفواتير، إعادة طباعة، وتسجيل المرتجعات</p></div>
    <div class="actions"><a class="btn green" href="{{ route('restaurant.pos') }}">شاشة الكاشير ←</a></div>
</div>

<div class="grid g3" style="margin-bottom:14px">
    <div class="stat"><div class="lbl">عدد الطلبات</div><div class="val">{{ $totals->cnt }}</div></div>
    <div class="stat"><div class="lbl">إجمالي المبيعات</div><div class="val num">{{ number_format($totals->total, 2) }}</div></div>
    <div class="stat"><div class="lbl">المرتجعات</div><div class="val num text-red">{{ number_format($totals->refunds, 2) }}</div></div>
</div>

<div class="card">
    <form method="get" class="filters">
        <div><label>من</label><input type="date" name="from" value="{{ $from }}" class="inp"></div>
        <div><label>إلى</label><input type="date" name="to" value="{{ $to }}" class="inp"></div>
        <div><label>بحث (رقم / جوال / اسم)</label><input name="q" value="{{ request('q') }}" class="inp" placeholder="#012 أو 05xxxxxxxx"></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="cashier_id" class="inp"><option value="">الكل</option>@foreach($cashiers as $c)<option value="{{ $c->id }}" @selected(request('cashier_id') == $c->id)>{{ $c->name }}</option>@endforeach</select></div>
        <div><label>النوع</label><select name="type" class="inp"><option value="">الكل</option>@foreach(\App\Models\Restaurant\RsOrder::TYPES as $k => $v)<option value="{{ $k }}" @selected(request('type') == $k)>{{ $v }}</option>@endforeach</select></div>
        <div><label>الحالة</label><select name="status" class="inp"><option value="">الكل</option>@foreach(\App\Models\Restaurant\RsOrder::STATUSES as $k => $v)<option value="{{ $k }}" @selected(request('status') == $k)>{{ $v }}</option>@endforeach</select></div>
        <div><label>الدفع</label><select name="payment" class="inp"><option value="">الكل</option>@foreach(\App\Models\Restaurant\RsOrder::PAYMENTS as $k => $v)<option value="{{ $k }}" @selected(request('payment') == $k)>{{ $v }}</option>@endforeach</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><th>إجراءات</th></tr></thead>
    <tbody>
    @forelse($orders as $o)
        <tr>
            <td class="fw">#{{ $o->queue_label }}<div class="small muted">{{ $o->order_number }}</div></td>
            <td class="nowrap small">{{ $o->created_at->format('Y-m-d H:i') }}</td>
            <td>{{ $o->branch->name ?? '-' }}</td>
            <td>{{ $o->cashier->name ?? '-' }}</td>
            <td>{{ $o->type_label }}@if($o->driver)<div class="small muted">🛵 {{ $o->driver->name }}</div>@endif</td>
            <td>
                @if($o->order_type === 'dine_in' && $o->table_number)
                    <span class="badge blue">طاولة {{ $o->table_number }}</span>
                @endif
                @if($o->customer_name)
                    <div class="fw">{{ $o->customer_name }}</div>
                @endif
                @if($o->customer_phone)
                    <div class="small muted" dir="ltr">{{ $o->customer_phone }}</div>
                @endif
                @if(!$o->customer_name && !$o->customer_phone && $o->order_type !== 'dine_in')
                    <span class="muted">عميل عام</span>
                @endif
            </td>
            <td>{{ $o->payment_label }}</td>
            <td class="num fw">{{ number_format($o->total, 2) }}</td>
            <td>@include('restaurant._status', ['order' => $o])</td>
            <td class="nowrap">
                <a class="btn sm ghost" target="_blank" href="{{ route('restaurant.orders.receipt', $o) }}" title="عرض وطباعة الفاتورة">🖨️ فاتورة</a>
                @unless($o->isRefunded() || $o->status === 'cancelled')
                    <a class="btn sm secondary" href="{{ route('restaurant.pos') }}?edit_order_id={{ $o->id }}" title="تعديل الطلب في الكاشير">✏️ تعديل</a>
                    <button class="btn sm red" type="button" onclick="refundOpen({{ $o->id }}, '#{{ $o->queue_label }}', {{ $o->total }}, '{{ $o->payment_method === 'credit' ? 'credit' : ($o->payment_method === 'card' ? 'card' : 'cash') }}')" title="تسجيل مرتجع">↩️ مرتجع</button>
                @endunless
            </td>
        </tr>
    @empty
        <tr><td colspan="10" class="empty">لا توجد طلبات مطابقة</td></tr>
    @endforelse
    </tbody>
</table></div>
<div style="margin-top:12px">{{ $orders->links() }}</div>

<div class="modal-bg" id="refund-modal"><div class="modal">
    <h3>↩️ مرتجع الطلب <span id="rf-no"></span></h3>
    @unless($hasShift)<div class="alert bad">لا توجد وردية مفتوحة لك. افتح وردية من شاشة الكاشير لتسجيل المرتجع عليها.</div>@endunless
    <p>سيتم إرجاع كامل قيمة الطلب: <b class="num" id="rf-amt"></b> ر.س، وتُسجَّل على وردية الكاشير الحالية.</p>
    <form method="post" id="rf-form">
        @csrf
        <div class="form-row fr2">
            <div><label>طريقة رد المبلغ</label><select name="method" id="rf-method" class="inp"><option value="cash">كاش (من الدرج)</option><option value="card">شبكة / مدى</option><option value="credit">تخفيض الآجل</option></select></div>
            <div><label>السبب</label><input name="reason" class="inp" maxlength="250"></div>
        </div>
        <div class="foot"><button class="btn red" @disabled(!$hasShift)>تأكيد المرتجع</button><button type="button" class="btn ghost" onclick="RS.closeModal('refund-modal')">إلغاء</button></div>
    </form>
</div></div>
@endsection

@push('scripts')
<script>
function refundOpen(id, no, amt, method) {
    document.getElementById('rf-form').action = "{{ route('restaurant.orders.refund', ':id') }}".replace(':id', id);
    document.getElementById('rf-no').textContent = no;
    document.getElementById('rf-amt').textContent = RS.money(amt);
    document.getElementById('rf-method').value = method;
    RS.openModal('refund-modal');
}
</script>
@endpush