@extends('layouts.app')
@php($edit = isset($ponto))
@section('title', $edit ? 'Editar Ponto de Espera' : 'Novo Ponto de Espera')
@section('page_title', $edit ? 'Editar Ponto de Espera' : 'Novo Ponto de Espera')
@section('content')
<div class="py-6 max-w-2xl">
    <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-8">
        @if($errors->any())<div class="mb-5 bg-red-50 border border-red-200 text-red-700 rounded-lg px-4 py-3 text-sm"><ul class="list-disc list-inside">@foreach($errors->all() as $e)<li>{{ $e }}</li>@endforeach</ul></div>@endif
        <form method="POST" action="{{ $edit ? route('admin.pontos-espera.update', $ponto) : route('admin.pontos-espera.store') }}">@csrf @if($edit) @method('PUT') @endif
            <div class="grid grid-cols-1 gap-5">
                <div class="grid grid-cols-3 gap-4"><div class="col-span-2"><label class="block text-sm font-medium text-gray-700 mb-1">Nome *</label><input name="nome" required value="{{ old('nome',$ponto->nome ?? '') }}" class="w-full border rounded-lg px-4 py-2.5"></div><div><label class="block text-sm font-medium text-gray-700 mb-1">Sigla</label><input name="sigla" value="{{ old('sigla',$ponto->sigla ?? '') }}" class="w-full border rounded-lg px-4 py-2.5"></div></div>
                <div><label class="block text-sm font-medium text-gray-700 mb-1">Endereço</label><input name="endereco" value="{{ old('endereco',$ponto->endereco ?? '') }}" class="w-full border rounded-lg px-4 py-2.5"></div>
                <div class="grid grid-cols-3 gap-4"><div class="col-span-2"><label class="block text-sm font-medium text-gray-700 mb-1">Cidade</label><input name="cidade" value="{{ old('cidade',$ponto->cidade ?? '') }}" class="w-full border rounded-lg px-4 py-2.5"></div><div><label class="block text-sm font-medium text-gray-700 mb-1">UF</label><input name="estado" maxlength="2" value="{{ old('estado',$ponto->estado ?? '') }}" class="w-full border rounded-lg px-4 py-2.5 uppercase"></div></div>
                <div class="grid grid-cols-2 gap-4"><div><label class="block text-sm font-medium text-gray-700 mb-1">Latitude</label><input type="number" step="0.0000001" name="latitude" value="{{ old('latitude',$ponto->latitude ?? '') }}" placeholder="-22.9068467" class="w-full border rounded-lg px-4 py-2.5 font-mono"></div><div><label class="block text-sm font-medium text-gray-700 mb-1">Longitude</label><input type="number" step="0.0000001" name="longitude" value="{{ old('longitude',$ponto->longitude ?? '') }}" placeholder="-43.1728965" class="w-full border rounded-lg px-4 py-2.5 font-mono"></div></div>
                <p class="text-xs text-gray-500">Informe latitude e longitude juntas. Esses pontos serão usados para sugerir o local de espera geograficamente mais próximo do destino.</p>
                <label class="flex items-center gap-3"><input type="hidden" name="is_active" value="0"><input type="checkbox" name="is_active" value="1" {{ old('is_active',$ponto->is_active ?? true) ? 'checked' : '' }}><span class="text-sm">Ponto ativo</span></label>
            </div>
            <div class="mt-8 flex gap-3"><button class="bg-blue-600 text-white px-6 py-2.5 rounded-lg text-sm font-medium">Salvar</button><a href="{{ route('admin.pontos-espera.index') }}" class="px-5 py-2.5 border rounded-lg text-sm">Cancelar</a></div>
        </form>
    </div>
</div>
@endsection