@extends('layouts.dashboard')

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

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

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

        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <x-dashboard-field name="name" label="Name" :value="$town->name" required />
            <x-dashboard-field name="area" label="Area" :value="$town->area" />
        </div>

        <x-dashboard-field name="postcode" label="Postcode" :value="$town->postcode" class="max-w-xs" />

        <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
            <x-dashboard-field name="latitude" label="Latitude" type="number" step="0.0000001" :value="$town->latitude" />
            <x-dashboard-field name="longitude" label="Longitude" type="number" step="0.0000001" :value="$town->longitude" />
        </div>
        <p class="text-xs text-muted">Leave blank if unknown — the pricing engine falls back to the town-list distance method for towns with no coordinates.</p>

        <x-dashboard-field name="sort_order" label="Sort order" type="number" :value="$town->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', $town->active ?? true))>
            Active
        </label>

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