@extends('admin.layouts.app')
@section('title','Event Orders') @section('page_title','Event Orders') @section('page_subtitle','Manage accepted catering events and deliveries.')
@section('content')
<section class="dashboard-content">
<div class="module-heading menu-page-heading"><div><span class="eyebrow">ORDER MANAGEMENT</span><h2>Event Orders</h2><p>Create and track event orders from accepted quotations.</p></div><a class="primary-action action-link" href="{{ route('admin.event-orders.create') }}">+ New Event Order</a></div>
<section class="recent-card data-card">
<form class="table-toolbar live-search-form" method="GET" action="{{ route('admin.event-orders.index') }}"><label class="entries-control">Show <select name="per_page" onchange="this.form.submit()">@foreach([10,25,50,100] as $size)<option value="{{ $size }}" @selected($perPage===$size)>{{ $size }}</option>@endforeach</select> entries</label><div class="table-search"><label for="order-search">Search</label><input id="order-search" class="live-search-input" name="search" type="search" value="{{ $search }}" placeholder="Order, quotation, customer..." autocomplete="off">@if($search!=='')<a href="{{ route('admin.event-orders.index',['per_page'=>$perPage]) }}">Clear</a>@endif</div></form>
<div class="table-wrap"><table class="data-table"><thead><tr><th>#</th><th>Order</th><th>Quotation</th><th>Customer</th><th>Event</th><th>Guests</th><th>Delivery</th><th>Status</th><th class="action-column">Actions</th></tr></thead><tbody>
@forelse($orders as $order)<tr><td>{{ $orders->firstItem()+$loop->index }}</td><td><strong>{{ $order->order_number }}</strong></td><td>{{ $order->quotation->quotation_number }}</td><td>{{ $order->quotation->customer->name }}</td><td>{{ $order->event_name }}</td><td>{{ $order->guest_count?:'—' }}</td><td>{{ $order->delivery_at->format('d M Y, h:i A') }}</td><td><span class="order-status {{ strtolower($order->status) }}">{{ $order->status }}</span></td><td class="row-actions"><a class="icon-action view" href="{{ route('admin.event-orders.show',$order) }}" title="View">@include('admin.partials.action-icon',['icon'=>'view'])</a><a class="icon-action edit" href="{{ route('admin.event-orders.edit',$order) }}" title="Edit">@include('admin.partials.action-icon',['icon'=>'edit'])</a><form method="POST" action="{{ route('admin.event-orders.destroy',$order) }}" onsubmit="return confirm('Delete this event order?')">@csrf @method('DELETE')<button class="icon-action delete" type="submit" title="Delete">@include('admin.partials.action-icon',['icon'=>'delete'])</button></form></td></tr>
@empty<tr><td colspan="9"><div class="table-empty"><strong>No event orders found.</strong><span>{{ $search?'Try another search.':'Create an order from an accepted quotation.' }}</span></div></td></tr>@endforelse
</tbody></table></div><div class="table-footer"><p>Showing <strong>{{ $orders->firstItem()??0 }}</strong> to <strong>{{ $orders->lastItem()??0 }}</strong> of <strong>{{ $orders->total() }}</strong> entries</p>{{ $orders->links('admin.partials.pagination') }}</div>
</section></section>
@endsection
@push('scripts')<script>document.querySelectorAll('.live-search-input').forEach(input=>{let timer;input.addEventListener('input',()=>{clearTimeout(timer);timer=setTimeout(()=>input.form.submit(),450)})});</script>@endpush