@extends('layouts.dashboard') @section('content') <div class="container mx-auto px-4 py-6"> <div class="max-w-lg mx-auto"> <div class="bg-white rounded-lg shadow-lg overflow-hidden"> <div class="p-6"> <!-- Encabezado del formulario --> <div class="flex items-center justify-between mb-6"> <h2 class="text-2xl font-bold text-gray-800"> {{ isset($tipoLicencia) ? 'Editar Tipo de Licencia' : 'Nuevo Tipo de Licencia' }} </h2> <div class="h-10 w-10 bg-blue-100 rounded-full flex items-center justify-center"> <i class="fas fa-car text-blue-600"></i> </div> </div> <!-- Mensajes de error --> @if($errors->any()) <div class="mb-6 bg-red-50 border-l-4 border-red-500 p-4 rounded-r-lg"> <div class="flex items-center"> <i class="fas fa-exclamation-circle text-red-500 mr-3"></i> <div class="text-red-700"> <ul> @foreach($errors->all() as $error) <li>{{ $error }}</li> @endforeach </ul> </div> </div> </div> @endif <!-- Formulario --> <form id="tipoLicenciaForm" action="{{ isset($tipoLicencia) ? route('tiposLicencias.update', $tipoLicencia->id) : route('tiposLicencias.store') }}" method="POST"> @csrf @if(isset($tipoLicencia)) @method('PUT') @endif <div class="space-y-6"> <!-- Campo Nombre --> <div> <label for="nombre" class="block text-sm font-medium text-gray-700 mb-2"> Nombre del Tipo de Licencia </label> <div class="relative rounded-md shadow-sm"> <div class="absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none"> <i class="fas fa-tag text-gray-400"></i> </div> <input type="text" name="nombre" id="nombre" class="block w-full pl-10 pr-3 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500" value="{{ isset($tipoLicencia) ? $tipoLicencia->nombre : old('nombre') }}" placeholder="Ingrese el nombre del tipo de licencia" required> </div> @error('nombre') <p class="mt-1 text-sm text-red-600">{{ $message }}</p> @enderror </div> <!-- Botones de acción --> <div class="flex justify-end space-x-2 pt-4 border-t border-gray-200"> <a href="{{ route('tiposLicencias.index') }}" class="px-4 py-2 border border-gray-300 rounded-md text-sm font-medium text-gray-700 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"> Cancelar </a> <button type="submit" class="px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500"> {{ isset($tipoLicencia) ? 'Actualizar' : 'Guardar' }} </button> </div> </div> </form> </div> </div> </div> </div> @endsection