@extends('restaurant.layouts.panel')

@section('title', 'Menu Items')

@section('content')
    <div class="d-flex justify-content-between align-items-center mb-3">
        <form method="GET" class="d-flex gap-2">
            <input type="text" name="search" value="{{ request('search') }}" class="form-control" placeholder="Search name" style="width:220px;">
            <select name="category_id" class="form-select">
                <option value="">All categories</option>
                @foreach ($categories as $category)
                    <option value="{{ $category->id }}" @selected(request('category_id') == $category->id)>{{ $category->name }}</option>
                @endforeach
            </select>
            <button class="btn btn-outline-secondary" type="submit">Filter</button>
        </form>
        <a href="{{ route('restaurant.menu-items.create') }}" class="btn btn-primary"><i class="bi bi-plus-lg"></i> Add Item</a>
    </div>

    <div class="stat-card p-0">
        <table class="table table-hover mb-0 align-middle">
            <thead>
                <tr>
                    <th>Image</th>
                    <th>Name</th>
                    <th>Category</th>
                    <th>Price</th>
                    <th>Type</th>
                    <th>Stock</th>
                    <th>Available</th>
                    <th class="text-end">Actions</th>
                </tr>
            </thead>
            <tbody>
                @forelse ($items as $item)
                    <tr>
                        <td>
                            @if ($item->image)
                                <img src="{{ Storage::url($item->image) }}" alt="{{ $item->name }}" style="width:40px;height:40px;object-fit:cover;border-radius:.25rem;">
                            @else
                                <span class="text-muted">-</span>
                            @endif
                        </td>
                        <td>{{ $item->name }}</td>
                        <td>{{ $item->category->name ?? '-' }}</td>
                        <td>₹{{ number_format($item->price, 2) }}</td>
                        <td>
                            <span class="badge bg-{{ $item->is_veg ? 'success' : 'danger' }}">{{ $item->is_veg ? 'Veg' : 'Non-Veg' }}</span>
                        </td>
                        <td>{{ $item->stock_qty }}</td>
                        <td>
                            <form action="{{ route('restaurant.menu-items.toggle-availability', $item) }}" method="POST">
                                @csrf
                                <button type="submit" class="btn btn-sm btn-outline-{{ $item->is_available ? 'success' : 'secondary' }}">
                                    {{ $item->is_available ? 'Available' : 'Unavailable' }}
                                </button>
                            </form>
                        </td>
                        <td class="text-end">
                            <a href="{{ route('restaurant.menu-items.edit', $item) }}" class="btn btn-sm btn-outline-primary">Edit</a>
                            <form action="{{ route('restaurant.menu-items.destroy', $item) }}" method="POST" class="d-inline">
                                @csrf
                                @method('DELETE')
                                <button class="btn btn-sm btn-outline-danger" onclick="return confirm('Delete this item?')">Delete</button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="8" class="text-center text-muted py-4">No menu items found.</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-3">{{ $items->links() }}</div>
@endsection