@extends('layouts.dashboard')

@section('title', $bin->exists ? 'Edit bin' : 'Add bin')

@section('content')
    <h1 class="font-display text-3xl mb-6">{{ $bin->exists ? 'Edit bin' : 'Add bin' }}</h1>

    <form method="POST" action="{{ $bin->exists ? route('dashboard.bins.update', $bin) : route('dashboard.bins.store') }}" class="card p-6 space-y-4 max-w-2xl">
        @csrf
        @if ($bin->exists) @method('PUT') @endif

        @if ($bin->exists)
            <div>
                <p class="label mb-1">QR identifier</p>
                <p class="text-sm">{{ $bin->qr_token }}</p>
            </div>
        @endif

        <div>
            <label for="bin_type_id" class="label block mb-1">Size</label>
            <select id="bin_type_id" name="bin_type_id" class="select" required>
                @foreach ($binTypes as $binType)
                    <option value="{{ $binType->id }}" @selected(old('bin_type_id', $bin->bin_type_id) === $binType->id)>{{ $binType->name }}</option>
                @endforeach
            </select>
        </div>

        <div>
            <label for="status" class="label block mb-1">Status</label>
            <select id="status" name="status" class="select">
                @foreach (\App\Enums\BinStatus::cases() as $status)
                    <option value="{{ $status->value }}" @selected(old('status', $bin->status?->value ?? 'depot') === $status->value)>{{ str_replace('_', ' ', $status->value) }}</option>
                @endforeach
            </select>
        </div>

        <x-dashboard-field name="notes" label="Notes" :value="$bin->notes" />

        <button type="submit" class="btn btn-primary">Save</button>
    </form>
@endsection