@extends('layouts.app')
@section('title', 'Menu Items')
@section('content')
<div class="d-flex justify-content-between mb-3">
    <h4>Menu Items</h4>
    <div>
        <a href="{{ route('admin.categories.index') }}" class="btn btn-outline-dark btn-sm">Categories</a>
        <a href="{{ route('admin.products.create') }}" class="btn btn-dark btn-sm">+ Add Item</a>
    </div>
</div>
<table class="table bg-white">
    <thead><tr><th>Name</th><th>Category</th><th>Price</th><th>Stock Tracked</th><th>Status</th><th></th></tr></thead>
    <tbody>
    @foreach ($products as $p)
    <tr>
        <td>
            {{ $p->name }}
            @if ($p->serveSequenceLabel())
            <span class="badge bg-info text-dark">{{ $p->serveSequenceLabel() }}</span>
            @endif
        </td>
        <td>{{ $p->category->name ?? '-' }}</td>
        <td>{{ number_format($p->price,2) }}</td>
        <td>{{ $p->track_inventory ? 'Yes ('.$p->stock_qty.')' : 'No' }}</td>
        <td>{{ $p->is_active ? 'Active' : 'Hidden' }}</td>
        <td>
            <a href="{{ route('admin.products.edit', $p) }}" class="btn btn-sm btn-outline-dark">Edit</a>
            <form method="POST" action="{{ route('admin.products.destroy', $p) }}" class="d-inline" onsubmit="return confirm('Delete this item?')">
                @csrf @method('DELETE')
                <button class="btn btn-sm btn-outline-danger">Delete</button>
            </form>
        </td>
    </tr>
    @endforeach
    </tbody>
</table>
@endsection