@extends('layouts.dashboard')

@section('title', $wasteItem->exists ? 'Edit waste item' : 'Add waste item')

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

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

        <x-dashboard-field name="name" label="Name" :value="$wasteItem->name" required />

        <div>
            <label for="description" class="label block mb-1">Description</label>
            <textarea id="description" name="description" class="textarea" rows="3">{{ old('description', $wasteItem->description) }}</textarea>
        </div>

        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
            <div>
                <label for="status" class="label block mb-1">Status</label>
                <select id="status" name="status" class="select">
                    @foreach (\App\Enums\WasteItemStatus::cases() as $status)
                        <option value="{{ $status->value }}" @selected(old('status', $wasteItem->status?->value) === $status->value)>{{ ucfirst($status->value) }}</option>
                    @endforeach
                </select>
            </div>
            <x-dashboard-field name="price" label="Price" type="number" step="0.01" :value="$wasteItem->price" required />
            <div>
                <label for="unit" class="label block mb-1">Unit</label>
                <select id="unit" name="unit" class="select">
                    @foreach (\App\Enums\WasteItemUnit::cases() as $unit)
                        <option value="{{ $unit->value }}" @selected(old('unit', $wasteItem->unit?->value) === $unit->value)>{{ $unit->value }}</option>
                    @endforeach
                </select>
            </div>
        </div>

        <x-dashboard-field name="sort_order" label="Sort order" type="number" :value="$wasteItem->sort_order ?? 0" required class="max-w-xs" />

        <label class="flex items-center gap-2 text-sm">
            <input type="checkbox" name="active" value="1" @checked(old('active', $wasteItem->active ?? true))>
            Active
        </label>

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