12 changed files with 693 additions and 83 deletions
@ -0,0 +1,96 @@ |
|||||
|
<?php |
||||
|
|
||||
|
namespace App\Http\Controllers; |
||||
|
|
||||
|
use App\Models\tiposVeiculos; |
||||
|
use Illuminate\Http\Request; |
||||
|
|
||||
|
class TiposVeiculosController extends Controller |
||||
|
{ |
||||
|
/** |
||||
|
* Display a listing of the resource. |
||||
|
*/ |
||||
|
public function index(Request $request) |
||||
|
{ |
||||
|
$busqueda = $request->busqueda; |
||||
|
|
||||
|
if($busqueda) { |
||||
|
$tiposVeiculos = tiposVeiculos::where('nombre', 'LIKE', "%{$busqueda}%")->get(); |
||||
|
|
||||
|
if($tiposVeiculos->count() == 0) { |
||||
|
return redirect()->route('tiposVeiculos.index') |
||||
|
->with('error', value: 'No existe ningun tipo de vehiculo con el nombre "' . $busqueda . '". Por favor, inténtalo de nuevo.'); |
||||
|
} |
||||
|
|
||||
|
// Si solo hay una marca, mostrar sus detalles |
||||
|
if($tiposVeiculos->count() == 1) { |
||||
|
$tiposVeiculos = $tiposVeiculos->first(); |
||||
|
return redirect()->route('vehiculos.edit', $tiposVeiculos->id); |
||||
|
} |
||||
|
|
||||
|
// Si hay múltiples coincidencias, mostrar la lista filtrada |
||||
|
return view('vehiculos', ["tiposVeiculos" => $tiposVeiculos]); |
||||
|
} |
||||
|
|
||||
|
// Si no hay búsqueda, mostrar todas las marcas |
||||
|
$tiposVeiculos = tiposVeiculos::all(); |
||||
|
return view('vehiculos', ["tiposVeiculos" => $tiposVeiculos]); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Show the form for creating a new resource. |
||||
|
*/ |
||||
|
public function create() |
||||
|
{ |
||||
|
$tiposVeiculos = tiposVeiculos::all(); |
||||
|
return view('vehiculosCrearEditar',['tiposVeiculos'=>$tiposVeiculos]); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Store a newly created resource in storage. |
||||
|
*/ |
||||
|
public function store(Request $request) |
||||
|
{ |
||||
|
$tiposVeiculos = new tiposVeiculos($request->all()); |
||||
|
$tiposVeiculos->save(); |
||||
|
return redirect()->route('vehiculos.index')->with('success', 'Tipo de vehiculo creado exitosamente.'); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Display the specified resource. |
||||
|
*/ |
||||
|
public function show(tiposVeiculos $tiposVeiculos) |
||||
|
{ |
||||
|
// |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Show the form for editing the specified resource. |
||||
|
*/ |
||||
|
public function edit($id) |
||||
|
{ |
||||
|
$tiposVeiculos = tiposVeiculos::find($id); |
||||
|
return view('vehiculosCrearEditar',['tiposVeiculos'=>$tiposVeiculos]); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Update the specified resource in storage. |
||||
|
*/ |
||||
|
public function update(Request $request, $id) |
||||
|
{ |
||||
|
$tiposVeiculos = tiposVeiculos::find($id); |
||||
|
$tiposVeiculos->fill($request->all()); |
||||
|
$tiposVeiculos->save(); |
||||
|
return redirect()->route('vehiculos.index'); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Remove the specified resource from storage. |
||||
|
*/ |
||||
|
public function destroy($id) |
||||
|
{ |
||||
|
$tiposVeiculos = tiposVeiculos::find($id); |
||||
|
$tiposVeiculos->delete(); |
||||
|
return redirect()->route('vehiculos.index')->with('success', 'Vehiculo eliminado exitosamente.'); |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,14 @@ |
|||||
|
<?php |
||||
|
|
||||
|
namespace App\Models; |
||||
|
|
||||
|
use Illuminate\Database\Eloquent\Factories\HasFactory; |
||||
|
use Illuminate\Database\Eloquent\Model; |
||||
|
|
||||
|
class tiposVeiculos extends Model |
||||
|
{ |
||||
|
use HasFactory; |
||||
|
protected $fillable = [ |
||||
|
'nombre', |
||||
|
]; |
||||
|
} |
||||
@ -0,0 +1,24 @@ |
|||||
|
<?php |
||||
|
|
||||
|
namespace Database\Factories; |
||||
|
|
||||
|
use Illuminate\Database\Eloquent\Factories\Factory; |
||||
|
|
||||
|
/** |
||||
|
* @extends \Illuminate\Database\Eloquent\Factories\Factory<\App\Models\tiposVeiculos> |
||||
|
*/ |
||||
|
class TiposVeiculosFactory extends Factory |
||||
|
{ |
||||
|
/** |
||||
|
* Define the model's default state. |
||||
|
* |
||||
|
* @return array<string, mixed> |
||||
|
*/ |
||||
|
public function definition(): array |
||||
|
{ |
||||
|
return [ |
||||
|
"nombre"=> $this->faker->name(), |
||||
|
// |
||||
|
]; |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,28 @@ |
|||||
|
<?php |
||||
|
|
||||
|
use Illuminate\Database\Migrations\Migration; |
||||
|
use Illuminate\Database\Schema\Blueprint; |
||||
|
use Illuminate\Support\Facades\Schema; |
||||
|
|
||||
|
return new class extends Migration |
||||
|
{ |
||||
|
/** |
||||
|
* Run the migrations. |
||||
|
*/ |
||||
|
public function up(): void |
||||
|
{ |
||||
|
Schema::create('tipos_veiculos', function (Blueprint $table) { |
||||
|
$table->id(); |
||||
|
$table->string('nombre'); |
||||
|
$table->timestamps(); |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
/** |
||||
|
* Reverse the migrations. |
||||
|
*/ |
||||
|
public function down(): void |
||||
|
{ |
||||
|
Schema::dropIfExists('tipos_veiculos'); |
||||
|
} |
||||
|
}; |
||||
@ -0,0 +1,17 @@ |
|||||
|
<?php |
||||
|
|
||||
|
namespace Database\Seeders; |
||||
|
|
||||
|
use Illuminate\Database\Console\Seeds\WithoutModelEvents; |
||||
|
use Illuminate\Database\Seeder; |
||||
|
|
||||
|
class TiposVeiculosSeeder extends Seeder |
||||
|
{ |
||||
|
/** |
||||
|
* Run the database seeds. |
||||
|
*/ |
||||
|
public function run(): void |
||||
|
{ |
||||
|
// |
||||
|
} |
||||
|
} |
||||
@ -0,0 +1,134 @@ |
|||||
|
@extends('layouts.dashboard') |
||||
|
|
||||
|
@section('content') |
||||
|
<div class="container mx-auto px-4 py-6"> |
||||
|
<!-- Encabezado --> |
||||
|
@if(session('success')) |
||||
|
<div class="bg-green-100 border border-green-400 text-green-700 px-4 py-3 rounded relative mb-4" role="alert"> |
||||
|
<span class="block sm:inline">{{ session('success') }}</span> |
||||
|
</div> |
||||
|
@endif |
||||
|
|
||||
|
@if(session('error')) |
||||
|
<div class="bg-red-100 border border-red-400 text-red-700 px-4 py-3 rounded relative mb-4" role="alert"> |
||||
|
<span class="block sm:inline">{{ session('error') }}</span> |
||||
|
</div> |
||||
|
@endif |
||||
|
|
||||
|
<div class="bg-white rounded-lg shadow-lg"> |
||||
|
<div class="p-4 border-b border-gray-200 flex justify-between items-center"> |
||||
|
<h2 class="text-2xl font-bold">Gestión de Vehículos</h2> |
||||
|
<a href="{{ route('vehiculos.create') }}" |
||||
|
class="px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600 flex items-center gap-2"> |
||||
|
<i class="fas fa-plus"></i> |
||||
|
Agregar |
||||
|
</a> |
||||
|
</div> |
||||
|
|
||||
|
<!-- Barra de búsqueda --> |
||||
|
<div class="p-4 border-b border-gray-200 bg-gray-50"> |
||||
|
<form action="{{ route('vehiculos.index') }}" method="GET" class="flex gap-2"> |
||||
|
<div class="relative w-full sm:w-64"> |
||||
|
<input type="text" |
||||
|
name="busqueda" |
||||
|
placeholder="Buscar vehículo..." |
||||
|
value="{{ request('busqueda') }}" |
||||
|
class="w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500"> |
||||
|
<div class="absolute left-3 top-2.5 text-gray-400"> |
||||
|
<i class="fas fa-search"></i> |
||||
|
</div> |
||||
|
</div> |
||||
|
<button type="submit" class="px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600"> |
||||
|
Buscar/Actualizar |
||||
|
</button> |
||||
|
@if(request('busqueda')) |
||||
|
<a href="{{ route('vehiculos.index') }}" class="px-4 py-2 bg-gray-500 text-white rounded-lg hover:bg-gray-600"> |
||||
|
Limpiar |
||||
|
</a> |
||||
|
@endif |
||||
|
</form> |
||||
|
</div> |
||||
|
|
||||
|
<div class="overflow-x-auto"> |
||||
|
<table class="min-w-full divide-y divide-gray-200"> |
||||
|
<thead class="bg-gray-50"> |
||||
|
<tr> |
||||
|
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">ID</th> |
||||
|
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Vehículo</th> |
||||
|
<th class="px-6 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">Acciones</th> |
||||
|
</tr> |
||||
|
</thead> |
||||
|
<tbody class="bg-white divide-y divide-gray-200"> |
||||
|
@foreach($tiposVeiculos as $vehiculo) |
||||
|
<tr class="hover:bg-gray-50"> |
||||
|
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500">{{ $vehiculo->id }}</td> |
||||
|
<td class="px-6 py-4 whitespace-nowrap text-sm text-gray-900"> |
||||
|
<i class="fas fa-car text-blue-500 mr-2"></i> |
||||
|
{{ $vehiculo->nombre }} |
||||
|
</td> |
||||
|
<td class="px-6 py-4 whitespace-nowrap text-sm"> |
||||
|
<div class="flex gap-2"> |
||||
|
<a href="#" |
||||
|
onclick="confirmarEdicion('{{ route('vehiculos.edit', $vehiculo->id) }}')" |
||||
|
class="text-blue-600 hover:text-blue-900"> |
||||
|
<i class="fas fa-edit"></i> |
||||
|
</a> |
||||
|
<form action="{{ route('vehiculos.destroy', $vehiculo->id) }}" |
||||
|
method="POST" |
||||
|
class="inline" |
||||
|
onsubmit="return false;"> |
||||
|
@csrf |
||||
|
@method('DELETE') |
||||
|
<button type="button" |
||||
|
onclick="confirmarEliminacion(this)" |
||||
|
class="text-red-600 hover:text-red-900"> |
||||
|
<i class="fas fa-trash"></i> |
||||
|
</button> |
||||
|
</form> |
||||
|
</div> |
||||
|
</td> |
||||
|
</tr> |
||||
|
@endforeach |
||||
|
</tbody> |
||||
|
</table> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<script> |
||||
|
function confirmarEdicion(url) { |
||||
|
Swal.fire({ |
||||
|
title: '¿Editar vehículo?', |
||||
|
text: "¿Estás seguro de que deseas editar este vehículo?", |
||||
|
icon: 'question', |
||||
|
showCancelButton: true, |
||||
|
confirmButtonColor: '#3085d6', |
||||
|
cancelButtonColor: '#d33', |
||||
|
confirmButtonText: 'Sí, editar', |
||||
|
cancelButtonText: 'Cancelar' |
||||
|
}).then((result) => { |
||||
|
if (result.isConfirmed) { |
||||
|
window.location.href = url; |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
function confirmarEliminacion(button) { |
||||
|
Swal.fire({ |
||||
|
title: '¿Estás seguro?', |
||||
|
text: "Esta acción no se puede deshacer", |
||||
|
icon: 'warning', |
||||
|
showCancelButton: true, |
||||
|
confirmButtonColor: '#3085d6', |
||||
|
cancelButtonColor: '#d33', |
||||
|
confirmButtonText: 'Sí, eliminar', |
||||
|
cancelButtonText: 'Cancelar' |
||||
|
}).then((result) => { |
||||
|
if (result.isConfirmed) { |
||||
|
button.closest('form').onsubmit = null; |
||||
|
button.closest('form').submit(); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
</script> |
||||
|
@endsection |
||||
|
|
||||
@ -0,0 +1,135 @@ |
|||||
|
@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($tipoVehiculo) ? 'Editar Vehículo' : 'Nuevo Vehículo' }} |
||||
|
</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="tipoVehiculoForm" |
||||
|
action="{{ isset($tipoVehiculo) ? route('vehiculos.update', $tipoVehiculo->id) : route('vehiculos.store') }}" |
||||
|
method="POST"> |
||||
|
@csrf |
||||
|
@if(isset($tipoVehiculo)) |
||||
|
@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 Vehículo |
||||
|
</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-car 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($tipoVehiculo) ? $tipoVehiculo->nombre : old('nombre') }}" |
||||
|
placeholder="Ingrese el nombre del vehículo" |
||||
|
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('vehiculos.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="button" |
||||
|
onclick="confirmarAccion()" |
||||
|
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($tipoVehiculo) ? 'Actualizar' : 'Guardar' }} |
||||
|
</button> |
||||
|
</div> |
||||
|
</div> |
||||
|
</form> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
</div> |
||||
|
|
||||
|
<script> |
||||
|
function confirmarAccion() { |
||||
|
const esEdicion = {{ isset($tipoVehiculo) ? 'true' : 'false' }}; |
||||
|
const nombre = document.getElementById('nombre').value.trim(); |
||||
|
|
||||
|
if (!nombre) { |
||||
|
Swal.fire({ |
||||
|
title: 'Error', |
||||
|
text: 'El nombre del vehículo es obligatorio', |
||||
|
icon: 'error', |
||||
|
confirmButtonColor: '#3085d6', |
||||
|
confirmButtonText: 'Entendido' |
||||
|
}); |
||||
|
return; |
||||
|
} |
||||
|
|
||||
|
Swal.fire({ |
||||
|
title: esEdicion ? '¿Editar vehículo?' : '¿Guardar vehículo?', |
||||
|
html: esEdicion ? |
||||
|
`¿Estás seguro de editar el vehículo:<br><strong>${nombre}</strong>?` : |
||||
|
`¿Estás seguro de guardar el vehículo:<br><strong>${nombre}</strong>?`, |
||||
|
icon: 'question', |
||||
|
showCancelButton: true, |
||||
|
confirmButtonColor: '#3085d6', |
||||
|
cancelButtonColor: '#d33', |
||||
|
confirmButtonText: esEdicion ? 'Sí, editar' : 'Sí, guardar', |
||||
|
cancelButtonText: 'Cancelar' |
||||
|
}).then((result) => { |
||||
|
if (result.isConfirmed) { |
||||
|
document.getElementById('tipoVehiculoForm').submit(); |
||||
|
} |
||||
|
}); |
||||
|
} |
||||
|
|
||||
|
// Prevenir envío del formulario con Enter |
||||
|
document.getElementById('tipoVehiculoForm').addEventListener('keypress', function(e) { |
||||
|
if (e.key === 'Enter') { |
||||
|
e.preventDefault(); |
||||
|
confirmarAccion(); |
||||
|
} |
||||
|
}); |
||||
|
|
||||
|
// Focus en el campo nombre al cargar la página |
||||
|
document.addEventListener('DOMContentLoaded', function() { |
||||
|
document.getElementById('nombre').focus(); |
||||
|
}); |
||||
|
</script> |
||||
|
@endsection |
||||
|
|
||||
|
|
||||
|
|
||||
Loading…
Reference in new issue