@extends('admin.layouts.app')
@section('title', 'Dishes')
@section('page_title', 'Dishes')
@section('page_subtitle', 'Manage individual catering dishes and prices.')

@section('content')
<section class="dashboard-content">
    <div class="module-heading menu-page-heading">
        <div><span class="eyebrow">DISH MANAGEMENT</span><h2>Dishes</h2><p>Create and manage dishes used to build menu cards.</p></div>
        <a class="primary-action action-link" href="{{ route('admin.dishes.create') }}">+ Add Dish</a>
    </div>
    <section class="recent-card data-card">
        <form class="table-toolbar live-search-form" method="GET" action="{{ route('admin.dishes.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="dish-search">Search</label><input id="dish-search" class="live-search-input" type="search" name="search" value="{{ $search }}" placeholder="Name, category, type..." autocomplete="off">@if($search!=='')<a href="{{ route('admin.dishes.index',['per_page'=>$perPage]) }}">Clear</a>@endif</div>
        </form>
        <div class="table-wrap"><table class="data-table"><thead><tr><th>#</th><th>Dish Name</th><th>Category</th><th>Food Type</th><th>Price</th><th>Unit</th><th>Status</th><th class="action-column">Actions</th></tr></thead><tbody>
        @forelse($menus as $menu)
            <tr><td>{{ $menus->firstItem()+$loop->index }}</td><td><strong>{{ $menu->item_name }}</strong><small>{{ Str::limit($menu->description,45) }}</small></td><td>{{ $menu->category?->name ?? '—' }}</td><td><span class="food-type {{ Str::slug($menu->food_type) }}">{{ $menu->food_type }}</span></td><td><strong>&#8377;{{ number_format((float)$menu->price,2) }}</strong></td><td>{{ $menu->unit }}</td><td><span class="status {{ $menu->is_available?'completed':'pending' }}">{{ $menu->is_available?'Available':'Unavailable' }}</span></td><td class="row-actions"><a class="icon-action view" href="{{ route('admin.dishes.show',$menu) }}" title="View">@include('admin.partials.action-icon',['icon'=>'view'])</a><a class="icon-action edit" href="{{ route('admin.dishes.edit',$menu) }}" title="Edit">@include('admin.partials.action-icon',['icon'=>'edit'])</a><form method="POST" action="{{ route('admin.dishes.destroy',$menu) }}" onsubmit="return confirm('Delete this dish?')">@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="8"><div class="table-empty"><strong>No dishes found.</strong><span>{{ $search?'Try a different search.':'Add your first dish.' }}</span></div></td></tr>
        @endforelse
        </tbody></table></div>
        <div class="table-footer"><p>Showing <strong>{{ $menus->firstItem()??0 }}</strong> to <strong>{{ $menus->lastItem()??0 }}</strong> of <strong>{{ $menus->total() }}</strong> entries</p>{{ $menus->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