@extends('layouts.dashboard')

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

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

    @if (! empty($binType->placeholder_fields))
        <p class="placeholder-block mb-4">Seeded guess — still placeholder for: {{ implode(', ', $binType->placeholder_fields) }}. Saving a field clears its flag.</p>
    @endif

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

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

        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
            <x-dashboard-field name="length_m" label="Length (m)" type="number" step="0.01" :value="$binType->length_m" required />
            <x-dashboard-field name="width_m" label="Width (m)" type="number" step="0.01" :value="$binType->width_m" required />
            <x-dashboard-field name="height_m" label="Height (m)" type="number" step="0.01" :value="$binType->height_m" required />
        </div>

        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <x-dashboard-field name="cubic_metres" label="Cubic metres" type="number" step="0.01" :value="$binType->cubic_metres" required />
            <x-dashboard-field name="weight_allowance_kg" label="Weight allowance (kg)" type="number" :value="$binType->weight_allowance_kg" required />
        </div>

        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <x-dashboard-field name="wheelie_bin_equivalent" label="Wheelie bin equivalent" :value="$binType->wheelie_bin_equivalent" />
            <x-dashboard-field name="trailer_load_equivalent" label="Trailer load equivalent" type="number" step="0.1" :value="$binType->trailer_load_equivalent" />
        </div>

        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
            <x-dashboard-field name="included_hire_days" label="Included hire days" type="number" :value="$binType->included_hire_days" required />
            <x-dashboard-field name="price" label="Price" type="number" step="0.01" :value="$binType->price" required />
            <x-dashboard-field name="sort_order" label="Sort order" type="number" :value="$binType->sort_order ?? 0" required />
        </div>

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

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