@extends('chef.layouts.app')
@section('title','Dashboard') @section('page_title','Chef Dashboard') @section('page_subtitle','Welcome back, '.(auth('chef')->user()->name?:auth('chef')->user()->username).'.')
@section('header_notifications')
@if($todayOrders->isNotEmpty() || $tomorrowOrders->isNotEmpty() || $twoDayOrders->isNotEmpty())
<button class="chef-notification-button" id="chefNotificationButton" type="button" aria-label="View delivery reminders" title="Delivery reminders">
    <svg viewBox="0 0 24 24" aria-hidden="true"><path d="M18 8a6 6 0 0 0-12 0c0 7-3 7-3 9h18c0-2-3-2-3-9M10 21h4"/></svg>
    <span>{{ $todayOrders->count()+$tomorrowOrders->count()+$twoDayOrders->count() }}</span>
</button>
@endif
@endsection
@section('content')<section class="dashboard-content"><div class="welcome-banner chef-welcome"><div><span class="eyebrow">KITCHEN OVERVIEW</span><h2>Prepare on time.<br>Deliver with confidence.</h2><p>View today’s orders and upcoming delivery preparation details.</p></div><div class="banner-mark">♨</div></div>
@if($todayOrders->isNotEmpty() || $tomorrowOrders->isNotEmpty() || $twoDayOrders->isNotEmpty())
<dialog class="chef-alert-dialog" id="chefDeliveryAlert" aria-labelledby="chef-alert-title">
    <button class="chef-alert-x" id="chefAlertCloseIcon" type="button" aria-label="Close delivery reminder" title="Close">×</button>
    <div class="chef-alert-header">
        <span class="chef-alert-symbol">!</span>
        <div><span class="eyebrow">ACTION REQUIRED</span><h2 id="chef-alert-title">Delivery Reminder</h2></div>
    </div>
    <p class="chef-alert-intro">All reminders for today, tomorrow, and the following day are shown below.</p>
    @foreach($deliveryGroups as $group)
        <section class="chef-combined-group">
            @php($groupDate=\Illuminate\Support\Carbon::parse($group['date']))
            <div class="chef-combined-title"><span><strong>{{ $groupDate->isToday()?'Today':($groupDate->isTomorrow()?'Tomorrow':'In 2 days') }}</strong> · {{ $groupDate->format('d M Y') }}</span><small>{{ $group['orders']->count() }} {{ \Illuminate\Support\Str::plural('order',$group['orders']->count()) }} combined</small></div>
            <div class="chef-combined-table">
                <div class="chef-combined-row heading"><span>Combined Dish</span><span>Total Qty</span><span>Orders</span></div>
                @forelse($group['dishes'] as $dish)
                    <div class="chef-combined-row"><strong>{{ $dish['name'] }}</strong><span>{{ fmod($dish['quantity'],1.0)===0.0?number_format($dish['quantity'],0):number_format($dish['quantity'],2) }} {{ $dish['unit'] }}</span><small>{{ $dish['orders']->join(', ') }}</small></div>
                @empty
                    <div class="chef-combined-empty">No dish details available for these orders.</div>
                @endforelse
            </div>
        </section>
    @endforeach
    <h3 class="chef-individual-title">Individual Order Reminders</h3>
    <div class="chef-alert-orders">
        @foreach($twoHourOrders as $order)
            <div class="chef-alert-order urgent"><strong>Due Within 2 Hours</strong><span>{{ $order->order_number }} · {{ $order->event_name }}</span><small>{{ $order->delivery_at->format('h:i A') }}</small></div>
        @endforeach
        @foreach($todayOrders as $order)
            <div class="chef-alert-order today"><strong>Delivery Today</strong><span>{{ $order->order_number }} · {{ $order->event_name }}</span><small>{{ $order->delivery_at->format('h:i A') }}</small></div>
        @endforeach
        @foreach($tomorrowOrders as $order)
            <div class="chef-alert-order tomorrow"><strong>Delivery Tomorrow</strong><span>{{ $order->order_number }} · {{ $order->event_name }}</span><small>{{ $order->delivery_at->format('d M Y, h:i A') }}</small></div>
        @endforeach
        @foreach($twoDayOrders as $order)
            <div class="chef-alert-order two-days"><strong>Delivery in 2 Days</strong><span>{{ $order->order_number }} · {{ $order->event_name }}</span><small>{{ $order->delivery_at->format('d M Y, h:i A') }}</small></div>
        @endforeach
    </div>
    <button class="primary-action chef-alert-close" id="chefAlertClose" type="button">I Understand, Continue</button>
</dialog>
<section class="chef-reminder-panel" aria-label="Automatic delivery reminders">
    <div class="chef-reminder-heading"><div><span class="eyebrow">AUTOMATIC REMINDERS</span><h2>Delivery Alerts</h2></div><span class="chef-reminder-total">{{ $todayOrders->count()+$tomorrowOrders->count()+$twoDayOrders->count() }}</span></div>
    <div class="chef-reminder-list">
        @foreach($twoHourOrders as $order)
            <a class="chef-reminder-message urgent" href="{{ route('chef.orders.show',$order) }}">
                <span class="chef-reminder-icon">!</span>
                <span><strong>Delivery Due Within 2 Hours</strong><small>{{ $order->order_number }} · {{ $order->event_name }} must be delivered at {{ $order->delivery_at->format('h:i A') }}.</small></span>
                <em>View order →</em>
            </a>
        @endforeach
        @foreach($todayOrders as $order)
            <a class="chef-reminder-message today" href="{{ route('chef.orders.show',$order) }}">
                <span class="chef-reminder-icon">!</span>
                <span><strong>Delivery Today</strong><small>{{ $order->order_number }} · {{ $order->event_name }} is due today at {{ $order->delivery_at->format('h:i A') }}.</small></span>
                <em>View order →</em>
            </a>
        @endforeach
        @foreach($tomorrowOrders as $order)
            <a class="chef-reminder-message tomorrow" href="{{ route('chef.orders.show',$order) }}">
                <span class="chef-reminder-icon">@include('admin.partials.nav-icon',['icon'=>'delivery'])</span>
                <span><strong>Delivery Tomorrow</strong><small>{{ $order->order_number }} · {{ $order->event_name }} is scheduled tomorrow at {{ $order->delivery_at->format('h:i A') }}.</small></span>
                <em>View order →</em>
            </a>
        @endforeach
        @foreach($twoDayOrders as $order)
            <a class="chef-reminder-message two-days" href="{{ route('chef.orders.show',$order) }}">
                <span class="chef-reminder-icon">@include('admin.partials.nav-icon',['icon'=>'delivery'])</span>
                <span><strong>Delivery in 2 Days</strong><small>{{ $order->order_number }} · {{ $order->event_name }} is scheduled for {{ $order->delivery_at->format('d M Y, h:i A') }}.</small></span>
                <em>View order →</em>
            </a>
        @endforeach
    </div>
</section>
@push('scripts')
<script>
document.addEventListener('DOMContentLoaded',()=>{
    const alertDialog=document.getElementById('chefDeliveryAlert');
    const closeButton=document.getElementById('chefAlertClose');
    const closeIcon=document.getElementById('chefAlertCloseIcon');
    const notificationButton=document.getElementById('chefNotificationButton');
    if(!alertDialog || !closeButton || !closeIcon || !notificationButton) return;
    const reminderKey='fresh-feast-chef-reminder-auto-shown';
    alertDialog.addEventListener('cancel',event=>event.preventDefault());
    if(sessionStorage.getItem(reminderKey)!=='shown'){
        alertDialog.showModal();
        sessionStorage.setItem(reminderKey,'shown');
    }
    notificationButton.addEventListener('click',()=>{
        if(!alertDialog.open) alertDialog.showModal();
    });
    closeButton.addEventListener('click',()=>alertDialog.close());
    closeIcon.addEventListener('click',()=>alertDialog.close());
});
</script>
@endpush
@endif
<div class="chef-dashboard-cards"><a class="chef-dashboard-card today" href="{{ route('chef.orders.today') }}"><span class="chef-card-icon">@include('admin.partials.nav-icon',['icon'=>'order'])</span><span><small>View Today's Delivery Orders</small><strong>{{ $todayOrders->count() }}</strong><em>Open today’s order list →</em></span></a><a class="chef-dashboard-card upcoming" href="{{ route('chef.orders.upcoming') }}"><span class="chef-card-icon">@include('admin.partials.nav-icon',['icon'=>'delivery'])</span><span><small>View Upcoming Delivery Reminders</small><strong>{{ $upcomingOrders->count() }}</strong><em>Open next 7 days →</em></span></a></div>
<section class="recent-card chef-dashboard-list"><div class="section-heading"><div><h2>Today's Delivery Orders</h2><p>Click an order to view preparation and delivery details.</p></div><a class="secondary-action" href="{{ route('chef.orders.today') }}">View All</a></div>@include('chef.orders.table',['orders'=>$todayOrders])</section>
<section class="recent-card chef-dashboard-list"><div class="section-heading"><div><h2>Upcoming Delivery Reminders</h2><p>Deliveries scheduled during the next 7 days.</p></div><a class="secondary-action" href="{{ route('chef.orders.upcoming') }}">View All</a></div>@include('chef.orders.table',['orders'=>$upcomingOrders])</section></section>@endsection