@extends('layouts.app')
@section('title', 'Restaurant Reports')

@section('content')
<div class="space-y-6" x-data x-init="setTimeout(() => window.renderCharts(), 30)">
    <div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3">
        <div>
            <h1 class="text-xl font-bold">Restaurant Reports</h1>
            <p class="text-sm text-ink-muted">Kitchen-side performance: food sales, cost, profit, discounts and voids.</p>
        </div>
        <div class="flex flex-wrap items-center gap-2">
            <x-period-filter :period="$period" :from="$from" :to="$to" :areas="count($areaOptions) > 1 ? $areaOptions : []" :area="$area" />
            <x-export-menu route="reports.restaurant.export" :params="['period' => $period, 'from' => $from->format('Y-m-d'), 'to' => $to->format('Y-m-d'), 'area' => $area]" />
        </div>
    </div>

    <div class="grid grid-cols-2 lg:grid-cols-4 gap-4">
        <x-stat-card label="Food sales" value="{{ number_format($foodSales, 0) }}" icon="utensils" tone="primary" />
        @can('data.costs')
        <x-stat-card label="Food cost" value="{{ number_format($foodCost, 0) }}" icon="wheat" tone="amber" />
        <x-stat-card label="Food profit" value="{{ number_format($foodProfit, 0) }}" icon="trending-up" tone="{{ $foodProfit >= 0 ? 'emerald' : 'rose' }}" />
        @endcan
        <x-stat-card label="Discounts given" value="{{ number_format($discountsTotal, 0) }}" icon="tag" tone="teal" />
    </div>

    @if ($bestSellers->isNotEmpty())
        <div class="card card-pad">
            <p class="text-sm font-semibold mb-3">Top sellers by revenue</p>
            <div class="h-64">
                <canvas data-chart='{
                    "type":"bar","color":"#0F6E5E",
                    "labels": {!! $bestSellers->take(8)->keys()->toJson() !!},
                    "data": {!! $bestSellers->take(8)->pluck("revenue")->toJson() !!}
                }'></canvas>
            </div>
        </div>
    @endif

    <div class="card card-pad">
        <p class="text-sm font-semibold mb-3">Best-selling meals</p>
        <table class="data-table">
            <thead><tr><th>Item</th><th class="text-right">Qty sold</th><th class="text-right">Revenue</th></tr></thead>
            <tbody>
                @forelse ($bestSellers as $name => $row)
                    <tr><td class="font-medium">{{ $name }}</td><td class="text-right">{{ $row['qty'] }}</td><td class="text-right font-semibold">{{ number_format($row['revenue'], 0) }}</td></tr>
                @empty
                    <tr><td colspan="3" class="text-center text-ink-muted py-8">No sales in this range.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="grid lg:grid-cols-2 gap-6">
        <div class="card card-pad">
            <p class="text-sm font-semibold mb-3">Voids by reason ({{ $voidedItems->count() }} items)</p>
            <table class="data-table">
                <thead><tr><th>Reason</th><th class="text-right">Count</th><th class="text-right">Value</th></tr></thead>
                <tbody>
                    @forelse ($voidsByReason as $reason => $row)
                        <tr><td>{{ $reason }}</td><td class="text-right">{{ $row['count'] }}</td><td class="text-right font-semibold">{{ number_format($row['value'], 0) }}</td></tr>
                    @empty
                        <tr><td colspan="3" class="text-center text-ink-muted py-6">No voided items in this range.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="card card-pad">
            <p class="text-sm font-semibold mb-3">Complimentary items ({{ $complimentaryItems->count() }})</p>
            <table class="data-table">
                <thead><tr><th>Item</th><th class="text-right">Qty</th><th class="text-right">Value forgone</th></tr></thead>
                <tbody>
                    @forelse ($complimentaryItems->groupBy(fn($i) => $i->product->name) as $name => $group)
                        <tr><td>{{ $name }}</td><td class="text-right">{{ $group->sum('quantity') }}</td><td class="text-right font-semibold">{{ number_format($group->sum(fn($i) => $i->quantity * $i->product->selling_price), 0) }}</td></tr>
                    @empty
                        <tr><td colspan="3" class="text-center text-ink-muted py-6">No complimentary items in this range.</td></tr>
                    @endforelse
                </tbody>
                @if ($complimentaryItems->isNotEmpty())
                    <tfoot><tr class="font-bold"><td colspan="2" class="px-4 py-2 text-right">Total forgone</td><td class="px-4 py-2 text-right">{{ number_format($complimentaryValue, 0) }}</td></tr></tfoot>
                @endif
            </table>
        </div>
    </div>

    <div class="card card-pad">
        <p class="text-sm font-semibold mb-3">Cancelled orders ({{ $cancelledOrders->count() }})</p>
        <table class="data-table">
            <thead><tr><th>Order #</th><th>Table</th><th>Reason</th><th>When</th></tr></thead>
            <tbody>
                @forelse ($cancelledOrders as $order)
                    <tr>
                        <td class="font-medium">{{ $order->order_number }}</td>
                        <td>{{ $order->table->name ?? '—' }}</td>
                        <td>{{ $order->void_reason ?? '—' }}</td>
                        <td>{{ $order->created_at->format('d M Y H:i') }}</td>
                    </tr>
                @empty
                    <tr><td colspan="4" class="text-center text-ink-muted py-8">No cancelled orders in this range.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection