@extends('layouts.app')
@section('title', 'Categories')
@section('content')
<h4 class="mb-3">Categories</h4>
<div class="card p-3 mb-3" style="max-width:500px;">
<form method="POST" action="{{ route('admin.categories.store') }}" class="d-flex gap-2">
    @csrf
    <input name="name" class="form-control" placeholder="New category name" required>
    <select name="menu_group_id" class="form-select" style="max-width:180px;">
        <option value="">No group</option>
        @foreach ($menuGroups as $g)
        <option value="{{ $g->id }}">{{ $g->name }}</option>
        @endforeach
    </select>
    <button class="btn btn-dark">Add</button>
</form>
</div>
<table class="table bg-white" style="max-width:900px;">
    <thead><tr><th>Name</th><th>Menu Group</th><th># Items</th><th>Prints To</th><th></th></tr></thead>
    <tbody>
    @foreach ($categories as $c)
    <tr>
        <td>{{ $c->name }}</td>
        <td>
            <form method="POST" action="{{ route('admin.categories.menu-group', $c) }}" class="d-flex gap-1">
                @csrf @method('PATCH')
                <select name="menu_group_id" class="form-select form-select-sm" onchange="this.form.submit()">
                    <option value="">-- none --</option>
                    @foreach ($menuGroups as $g)
                    <option value="{{ $g->id }}" {{ $c->menu_group_id == $g->id ? 'selected' : '' }}>{{ $g->name }}</option>
                    @endforeach
                </select>
            </form>
        </td>
        <td>{{ $c->products_count }}</td>
        <td>
            <form method="POST" action="{{ route('admin.categories.printer', $c) }}" class="d-flex gap-1">
                @csrf @method('PATCH')
                <select name="printer_id" class="form-select form-select-sm" onchange="this.form.submit()">
                    <option value="">-- no printer --</option>
                    @foreach (\App\Models\Printer::where('is_active', true)->get() as $printer)
                    <option value="{{ $printer->id }}" {{ $c->printer_id == $printer->id ? 'selected' : '' }}>
                        {{ $printer->name }} ({{ strtoupper($printer->station) }})
                    </option>
                    @endforeach
                </select>
            </form>
        </td>
        <td>
            <form method="POST" action="{{ route('admin.categories.destroy', $c) }}" onsubmit="return confirm('Delete category?')">
                @csrf @method('DELETE')
                <button class="btn btn-sm btn-outline-danger">Delete</button>
            </form>
        </td>
    </tr>
    @endforeach
    </tbody>
</table>
<a href="{{ route('admin.menu-groups.index') }}" class="btn btn-outline-dark btn-sm">Manage Menu Groups</a>
<a href="{{ route('admin.printers.index') }}" class="btn btn-outline-dark btn-sm">Manage Printers</a>
<a href="{{ route('admin.categories.printer-routing') }}" class="btn btn-outline-dark btn-sm">Per-Branch Printer Routing</a>
<a href="{{ route('admin.menu-import.show') }}" class="btn btn-outline-primary btn-sm">Import Menu (CSV)</a>
@endsection