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