@extends('layouts.app')
@section('title', isset($origem) ? 'Editar Origem' : 'Nova Origem')
@section('page_title', isset($origem) ? 'Editar Origem' : 'Nova Origem')
@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="{{ isset($origem) ? route('admin.origens.update', $origem) : route('admin.origens.store') }}">
            @csrf
            @if(isset($origem)) @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 type="text" name="nome" value="{{ old('nome', $origem->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', $origem->sigla ?? '') }}" placeholder="ARM RIO"
                               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', $origem->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', $origem->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', $origem->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="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', $origem->is_active ?? true) ? 'checked' : '' }}>
                    <label for="is_active" class="text-sm font-medium text-gray-700">Origem ativa</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">
                    {{ isset($origem) ? 'Salvar' : 'Criar Origem' }}
                </button>
                <a href="{{ route('admin.origens.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