@csrf
<div class="space-y-6">
    
    <div>
        <x-input-label for="nombre" value="Nombre de la Dependencia/Institución" />
        <x-text-input id="nombre" name="nombre" type="text" class="mt-1 block w-full" :value="old('nombre', $dependencia->nombre ?? '')" required autofocus />
        <x-input-error class="mt-2" :messages="$errors->get('nombre')" />
    </div>

    <div>
        <x-input-label for="ambito" value="Ámbito / Tipo" />
        <select id="ambito" name="ambito" class="border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm mt-1 block w-full" required>
            <option value="">Selecciona un tipo...</option>
            @foreach($ambitos as $key => $label)
                <option value="{{ $key }}" 
                    {{ old('ambito', $dependencia->ambito ?? '') == $key ? 'selected' : '' }}>
                    {{ $label }}
                </option>
            @endforeach
        </select>
        <x-input-error class="mt-2" :messages="$errors->get('ambito')" />
    </div>

    <div class="flex items-center gap-4">
        <x-primary-button>{{ $buttonText }}</x-primary-button>
        <a href="{{ route('admin.dependencias.index') }}" class="text-gray-600 hover:text-gray-900">Cancelar</a>
    </div>
</div>