@extends('layouts.app')
@section('title', 'Menu & Kitchen')
@section('content')
<h4 class="mb-3">🍽️ Menu &amp; Kitchen</h4>

<div class="row g-3 mb-4">
    <div class="col-6 col-md-3"><div class="card p-3"><div class="text-muted small">Active Menu Items</div><div class="fs-3 fw-bold">{{ $stats['active_items'] }}</div></div></div>
    <div class="col-6 col-md-3"><div class="card p-3"><div class="text-muted small">Categories</div><div class="fs-3 fw-bold">{{ $stats['categories'] }}</div></div></div>
    <div class="col-6 col-md-3"><div class="card p-3"><div class="text-muted small">Tables Occupied</div><div class="fs-3 fw-bold">{{ $stats['occupied_tables'] }}</div></div></div>
    <div class="col-6 col-md-3"><div class="card p-3"><div class="text-muted small">Orders in Kitchen</div><div class="fs-3 fw-bold text-warning">{{ $stats['orders_in_kitchen'] }}</div></div></div>
    <div class="col-6 col-md-3"><div class="card p-3"><div class="text-muted small">Orders Today</div><div class="fs-3 fw-bold">{{ $stats['orders_today'] }}</div></div></div>
    <div class="col-6 col-md-3"><div class="card p-3"><div class="text-muted small">Top Item Today</div><div class="fs-5 fw-bold">{{ $stats['top_item_today'] }}</div></div></div>
</div>

<div class="row g-4">
    <div class="col-md-6">
        @canany(['pos.access', 'tables.manage', 'kitchen.access'])
        <h6 class="text-muted">Quick Access</h6>
        <div class="list-group">
            @can('pos.access')
            <a href="{{ route('pos.index') }}" class="list-group-item list-group-item-action">🛒 POS — Take Orders</a>
            <a href="{{ route('orders.board') }}" class="list-group-item list-group-item-action">📋 Orders Board</a>
            @endcan
            @can('kitchen.access')
            <a href="{{ route('kitchen.index') }}" class="list-group-item list-group-item-action">👨‍🍳 Kitchen Display</a>
            @endcan
            @can('tables.manage')
            <a href="{{ route('tables.index') }}" class="list-group-item list-group-item-action">🍽️ Tables</a>
            <a href="{{ route('admin.reservations.index') }}" class="list-group-item list-group-item-action">📅 Reservations</a>
            @endcan
        </div>
        @endcanany
    </div>
    <div class="col-md-6">
        @can('products.manage')
        <h6 class="text-muted">Settings</h6>
        <div class="list-group">
            <a href="{{ route('admin.products.index') }}" class="list-group-item list-group-item-action">Menu Items</a>
            <a href="{{ route('admin.categories.index') }}" class="list-group-item list-group-item-action">Categories</a>
            <a href="{{ route('admin.menu-groups.index') }}" class="list-group-item list-group-item-action">Menu Groups (Sub-Menus)</a>
            <a href="{{ route('admin.menu-import.show') }}" class="list-group-item list-group-item-action">Import / Export Menu (CSV)</a>
            <a href="{{ route('admin.printers.index') }}" class="list-group-item list-group-item-action">Printers (KOT / BOT / COT)</a>
            <a href="{{ route('admin.print-jobs.index') }}" class="list-group-item list-group-item-action">🖨️ Print Job Monitor <span class="badge bg-secondary">diagnostics</span></a>
            <a href="{{ route('admin.categories.printer-routing') }}" class="list-group-item list-group-item-action">Per-Branch Printer Routing</a>
            <a href="{{ route('admin.delivery-platforms.index') }}" class="list-group-item list-group-item-action">Delivery Platforms</a>
        </div>
        @endcan
    </div>
</div>
@endsection