<div>
    <div class="container-fluid py-3">
        <h4 class="fw-bold mb-4">Gestión de Equipos</h4>

        <!-- Mensaje de éxito -->
        <?php if(session()->has('mensaje')): ?>
            <div class="alert alert-success shadow-sm">
                <?php echo e(session('mensaje')); ?>

            </div>
        <?php endif; ?>

        <!-- Botón para abrir modal -->
        <div class="mb-3">
            <button class="btn btn-primary" wire:click="cancelar" data-bs-toggle="modal" data-bs-target="#modalEquipo">
                + Nuevo Equipo
            </button>
        </div>

        <!-- Filtros -->
        <div class="row mb-3 g-3">
            <div class="col-md-4">
                <input type="text" class="form-control" placeholder="Buscar por descripción, marca o modelo"
                       wire:model.debounce.500ms="busqueda">
            </div>
            <div class="col-md-3">
                <select wire:model="filtroEstado" class="form-select">
                    <option value="">-- Filtrar por estado --</option>
                    <option value="activo">Activo</option>
                    <option value="inactivo">Inactivo</option>
                </select>
            </div>
            <div class="col-md-5">
                <select wire:model="unidadFiltro" class="form-select">
                    <option value="">-- Filtrar por unidad --</option>
                    <?php $__currentLoopData = $unidades; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $unidad): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                        <option value="<?php echo e($unidad->id); ?>"><?php echo e($unidad->nombre); ?></option>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                </select>
            </div>
        </div>

        <!-- Tabla -->
        <div class="table-responsive shadow-sm">
            <table class="table table-bordered table-hover align-middle">
                <thead class="table-dark">
                    <tr>
                        <th>Código</th>
                        <th>Descripción</th>
                        <th>Marca</th>
                        <th>Modelo</th>
                        <th>Año</th>
                        <th>Unidad</th>
                        <th>Estado</th>
                        <th>Propiedad</th>
                        <th>Acciones</th>
                    </tr>
                </thead>
                <tbody>
                    <?php $__empty_1 = true; $__currentLoopData = $equipos; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $equipo): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); $__empty_1 = false; ?>
                        <tr>
                            <td><?php echo e($equipo->codigo); ?></td>
                            <td><?php echo e($equipo->descripcion); ?></td>
                            <td><?php echo e($equipo->marca); ?></td>
                            <td><?php echo e($equipo->modelo); ?></td>
                            <td><?php echo e($equipo->anio); ?></td>
                            <td><?php echo e($equipo->unidad->nombre ?? 'Sin unidad'); ?></td>
                            <td>
                                <span class="badge bg-<?php echo e($equipo->estado === 'activo' ? 'success' : 'secondary'); ?>">
                                    <?php echo e(ucfirst($equipo->estado)); ?>

                                </span>
                            </td>
                            <td><?php echo e($equipo->propiedad); ?></td>
                            <td>
                                <button class="btn btn-sm btn-info me-1" wire:click="editar(<?php echo e($equipo->id); ?>)">
                                    <i class="bi bi-pencil-square"></i>
                                </button>
                                <button class="btn btn-sm btn-danger" wire:click="eliminar(<?php echo e($equipo->id); ?>)"
                                        onclick="return confirm('¿Eliminar este equipo?')">
                                    <i class="bi bi-trash"></i>
                                </button>
                            </td>
                        </tr>
                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); if ($__empty_1): ?>
                        <tr>
                            <td colspan="9" class="text-center text-muted">No hay equipos encontrados.</td>
                        </tr>
                    <?php endif; ?>
                </tbody>
            </table>
        </div>

        <div class="d-flex justify-content-center mt-3">
            <?php echo e($equipos->links()); ?>

        </div>
    </div>

    <!-- Modal -->
    <div wire:ignore.self class="modal fade" id="modalEquipo" tabindex="-1" aria-labelledby="modalEquipoLabel" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-centered">
            <div class="modal-content">
                <form wire:submit.prevent="<?php echo e($modoEdicion ? 'actualizar' : 'guardar'); ?>">
                    <div class="modal-header bg-primary text-white">
                        <h5 class="modal-title"><?php echo e($modoEdicion ? 'Editar Equipo' : 'Registrar Nuevo Equipo'); ?></h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Cerrar"></button>
                    </div>
                    <div class="modal-body">
                        <div class="row g-3 mb-2">
                            <div class="col-md-4">
                                <input type="text" class="form-control" placeholder="Código" wire:model="codigo">
                                <?php $__errorArgs = ['codigo'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> <small class="text-danger"><?php echo e($message); ?></small> <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                            </div>
                            <div class="col-md-8">
                                <input type="text" class="form-control" placeholder="Descripción" wire:model="descripcion">
                                <?php $__errorArgs = ['descripcion'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> <small class="text-danger"><?php echo e($message); ?></small> <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                            </div>
                        </div>

                        <div class="row g-3 mb-2">
                            <div class="col-md-4">
                                <input type="text" class="form-control" placeholder="Marca" wire:model="marca">
                            </div>
                            <div class="col-md-4">
                                <input type="text" class="form-control" placeholder="Modelo" wire:model="modelo">
                            </div>
                            <div class="col-md-4">
                                <input type="number" class="form-control" placeholder="Año" wire:model="anio">
                            </div>
                        </div>

                        <div class="row g-3">
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">Estado</label>
                                <select wire:model="estado" class="form-select">
                                    <option value="activo">Activo</option>
                                    <option value="inactivo">Inactivo</option>
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">Propiedad</label>
                                <input type="text" wire:model="propiedad" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">Unidad</label>
                                <select wire:model="unidad_id" class="form-select">
                                    <option value="">Seleccione una unidad</option>
                                    <?php $__currentLoopData = $unidades; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $unidad): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
                                        <option value="<?php echo e($unidad->id); ?>"><?php echo e($unidad->nombre); ?></option>
                                    <?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
                                </select>
                                <?php $__errorArgs = ['unidad_id'];
$__bag = $errors->getBag($__errorArgs[1] ?? 'default');
if ($__bag->has($__errorArgs[0])) :
if (isset($message)) { $__messageOriginal = $message; }
$message = $__bag->first($__errorArgs[0]); ?> <small class="text-danger"><?php echo e($message); ?></small> <?php unset($message);
if (isset($__messageOriginal)) { $message = $__messageOriginal; }
endif;
unset($__errorArgs, $__bag); ?>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="submit" class="btn btn-success">
                            <?php echo e($modoEdicion ? 'Actualizar' : 'Guardar'); ?>

                        </button>
                        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
                    </div>
                </form>
            </div>
        </div>
    </div>

    <!-- Scripts del modal -->
    <script>
        window.addEventListener('abrir-modal', () => {
            const modal = new bootstrap.Modal(document.getElementById('modalEquipo'));
            modal.show();
        });

        window.addEventListener('cerrar-modal', () => {
            const modal = bootstrap.Modal.getInstance(document.getElementById('modalEquipo'));
            modal.hide();
        });
    </script>
</div>
<?php /**PATH /home/sonsonate/public_html/control/control-flota/resources/views/livewire/equipos.blade.php ENDPATH**/ ?>