@extends('layouts.dashboard')

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

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

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

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

        <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="$depot->latitude" required />
            <x-dashboard-field name="longitude" label="Longitude" type="number" step="0.0000001" :value="$depot->longitude" required />
        </div>

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

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