@extends('restaurant.layout')
@section('title', 'أقسام المنيو')
@section('content')
<div class="hero">
    <div><h2>🗂️ أقسام المنيو</h2><p>تصنيف الوجبات في شاشة الكاشير (برجر، بيتزا، مشروبات...)</p></div>
    <div class="actions"><a class="btn ghost" href="{{ route('restaurant.meals.index') }}">← قائمة الوجبات</a></div>
</div>

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

<div class="card">
    <div class="card-title">إضافة قسم جديد</div>
    <form method="post" action="{{ route('restaurant.categories.store') }}" class="filters">
        @csrf
        <div><label>الاسم (عربي) *</label><input name="name_ar" class="inp" required></div>
        <div><label>بالإنجليزية</label><input name="name_en" class="inp" dir="ltr"></div>
        <div style="max-width:120px"><label>الترتيب</label><input type="number" name="sort_order" min="0" value="0" class="inp"></div>
        <div style="flex:0;min-width:110px"><label style="margin-bottom:10px"><input type="checkbox" name="is_active" value="1" checked> فعّال</label></div>
        <div style="flex:0"><button class="btn green">إضافة</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></tr></thead>
    <tbody>
    @forelse($categories as $c)
        @php $f = 'cat-form-' . $c->id; @endphp
        <tr>
            <td style="width:90px"><input form="{{ $f }}" type="number" name="sort_order" min="0" value="{{ $c->sort_order }}" class="inp" style="width:70px"></td>
            <td><input form="{{ $f }}" name="name_ar" class="inp" required value="{{ $c->name_ar }}"></td>
            <td><input form="{{ $f }}" name="name_en" class="inp" dir="ltr" value="{{ $c->name_en }}"></td>
            <td>{{ $c->meals_count }}</td>
            <td><label style="margin:0;color:var(--text)"><input form="{{ $f }}" type="checkbox" name="is_active" value="1" @checked($c->is_active)> فعّال</label></td>
            <td class="nowrap">
                <form id="{{ $f }}" method="post" action="{{ route('restaurant.categories.update', $c) }}" style="display:inline">@csrf @method('PUT')<button class="btn sm soft">حفظ</button></form>
                <form method="post" action="{{ route('restaurant.categories.destroy', $c) }}" style="display:inline" onsubmit="return confirm('حذف القسم؟')">@csrf @method('DELETE')<button class="btn sm red">حذف</button></form>
            </td>
        </tr>
    @empty
        <tr><td colspan="6" class="empty">لا توجد أقسام</td></tr>
    @endforelse
    </tbody>
</table></div>
@endsection