@extends('layouts.app')
@php
    $isEdit    = isset($local);
    $tipoLabel = $tipo === 'origem' ? 'Origem' : 'Destino';
    $isOrigem  = $tipo === 'origem';
@endphp
@section('title', $isEdit ? "Editar Registro ({$tipoLabel})" : "Novo Registro ({$tipoLabel})")
@section('page_title', $isEdit ? "Editar Registro ({$tipoLabel})" : "Novo Registro ({$tipoLabel})")
@section('content')
<div class="py-6 max-w-xl">
    <div class="bg-white rounded-xl shadow-sm border border-gray-200 p-8">
        <form method="POST"
              action="{{ $isEdit
                  ? route('admin.locais.update', [$local->id, 'tipo' => $tipo])
                  : route('admin.locais.store') }}">
            @csrf
            @if($isEdit) @method('PUT') @endif

            <div class="grid grid-cols-1 gap-5">

                {{-- Tipo: selecionável no cadastro, informativo na edição --}}
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Tipo *</label>
                    @if($isEdit)
                        <input type="hidden" name="tipo" value="{{ $tipo }}">
                        <p class="text-sm font-semibold {{ $isOrigem ? 'text-orange-600' : 'text-blue-700' }}">
                            {{ $tipoLabel }}
                            <span class="text-xs font-normal text-gray-400 ml-1">(não pode ser alterado)</span>
                        </p>
                    @else
                        <select name="tipo" required
                                class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
                            <option value="origem" {{ $tipo === 'origem' ? 'selected' : '' }}>Origem</option>
                            <option value="destino" {{ $tipo === 'destino' ? 'selected' : '' }}>Destino</option>
                            <option value="ambos" {{ $tipo === 'ambos' ? 'selected' : '' }}>Ambos (Origem e Destino)</option>
                        </select>
                    @endif
                </div>

                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">ID A52</label>
                    <input type="number" min="1" name="id_a52" value="{{ old('id_a52', $local->id_a52 ?? '') }}"
                           class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm font-mono focus:outline-none focus:ring-2 focus:ring-blue-500" placeholder="ID do endereço/local na A52">
                    <p class="mt-1 text-[11px] text-gray-400">Vincula este local ao <strong>idClienteOrigemEndereco / idClienteDestinoEndereco</strong> da A52.</p>
                    @error('id_a52')<p class="mt-1 text-xs text-red-600">{{ $message }}</p>@enderror
                </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">Nome *</label>
                        <input type="text" name="nome" value="{{ old('nome', $local->nome ?? '') }}" required
                               class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
                    </div>
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">Sigla</label>
                        <input type="text" name="sigla" value="{{ old('sigla', $local->sigla ?? '') }}"
                               placeholder="{{ $isOrigem ? 'Ex: ARM RIO' : 'Ex: PDOCAS' }}"
                               class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm uppercase font-mono focus:outline-none focus:ring-2 focus:ring-blue-500">
                    </div>
                </div>
                <div>
                    <label class="block text-sm font-medium text-gray-700 mb-1">Endereço</label>
                    <input type="text" name="endereco" value="{{ old('endereco', $local->endereco ?? '') }}"
                           class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
                </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 type="text" name="cidade" value="{{ old('cidade', $local->cidade ?? '') }}"
                               class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm focus:outline-none focus:ring-2 focus:ring-blue-500">
                    </div>
                    <div>
                        <label class="block text-sm font-medium text-gray-700 mb-1">UF</label>
                        <input type="text" name="estado" value="{{ old('estado', $local->estado ?? '') }}" maxlength="2" placeholder="RJ"
                               class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm uppercase focus:outline-none focus:ring-2 focus:ring-blue-500">
                    </div>
                </div>
                <div class="rounded-lg border border-blue-100 bg-blue-50/40 p-4">
                    <div class="mb-3">
                        <h3 class="text-sm font-semibold text-gray-800">Coordenadas geográficas</h3>
                        <p class="text-xs text-gray-500 mt-1">Serão usadas para roteirização, conferência GPS e cálculo dos trechos operacionais. Informe latitude e longitude juntas.</p>
                    </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" min="-90" max="90" name="latitude"
                                   value="{{ old('latitude', $local->latitude ?? '') }}" placeholder="-22.9068467"
                                   class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm font-mono focus:outline-none focus:ring-2 focus:ring-blue-500">
                        </div>
                        <div>
                            <label class="block text-sm font-medium text-gray-700 mb-1">Longitude</label>
                            <input type="number" step="0.0000001" min="-180" max="180" name="longitude"
                                   value="{{ old('longitude', $local->longitude ?? '') }}" placeholder="-43.1728965"
                                   class="w-full border border-gray-300 rounded-lg px-4 py-2.5 text-sm font-mono focus:outline-none focus:ring-2 focus:ring-blue-500">
                        </div>
                    </div>
                </div>

                <div class="flex items-center gap-3">
                    <input type="hidden" name="is_active" value="0">
                    <input type="checkbox" name="is_active" value="1" id="is_active"
                           class="w-4 h-4 text-blue-600 rounded border-gray-300"
                           {{ old('is_active', $local->is_active ?? true) ? 'checked' : '' }}>
                    <label for="is_active" class="text-sm font-medium text-gray-700">Registro ativo</label>
                </div>
            </div>

            <div class="mt-8 flex items-center gap-4">
                <button type="submit"
                        class="bg-blue-600 text-white px-6 py-2.5 rounded-lg text-sm font-medium hover:bg-blue-700 transition">
                    {{ $isEdit ? 'Salvar' : "Criar Registro" }}
                </button>
                <a href="{{ route('admin.locais.index') }}"
                   class="inline-flex items-center px-5 py-2.5 rounded-lg border border-gray-300 text-gray-700 hover:bg-gray-50 text-sm font-medium transition">Cancelar</a>
            </div>
        </form>
    </div>
</div>
@endsection