Tul xxx Tul

Viewing: index.php

<?php include "Views/Templates/header.php"; ?>

<link rel="stylesheet" href="<?php echo base_url; ?>Assets/css/garajes.css">
<h1 style="text-align:center; margin-top:40px; margin-bottom:20px; color:#2c3e50;">Control de Parqueaderos</h1>

<div class="controls" style="display:flex; justify-content:space-between; margin-bottom:20px; flex-wrap:wrap; gap:10px; padding:0 20px;">
    <input type="text" id="searchInput" placeholder="Buscar parqueadero o tipo" style="padding:8px; border-radius:5px; border:1px solid #ccc; flex:1; min-width:200px;">
    <button id="btnNuevo" style="padding:8px 16px; border:none; border-radius:5px; background-color:#2c3e50; color:white; cursor:pointer;">
        Agregar Nuevo
    </button>
</div>

<div id="cardsContainer" class="cards-container"></div>
<div id="paginador" style="display:flex; justify-content:center; gap:10px; margin-top:20px;"></div>



<!-- Modal oculto por defecto -->
<div id="modalNuevoGaraje" class="modal-overlay" style="display:none;">
    <div class="modal-content">
        <h2><i class="bx bx-parking"></i> <span id="modalTitle">Editar Garaje</span></h2>
        <form id="formNuevoGaraje">
            <!-- Campo oculto para ID, se usa al editar -->
            <input type="text" id="garajeId" name="garajeId">

            <div class="form-group">
                <label for="nombre"><i class="bx bx-edit"></i> Nombre del Garaje</label>
                <input type="text" id="nombre" name="nombre" required>
            </div>
            <div class="form-group">
                <label for="tipo"><i class="bx bx-car"></i> Tipo de Vehículo</label>
                <select id="tipo" name="tipo" required>
                    <option value="moto">Moto</option>
                    <option value="carro">Carro</option>
                    <option value="camioneta">Camioneta</option>
                    <option value="bicicleta">Bicicleta</option>
                </select>
            </div>
            <div class="form-actions">
                <button type="submit" id="btnGuardar">
                    <i class="bx bx-save"></i> Guardar
                </button>
                <button type="button" id="btnCerrarModal">
                    <i class="bx bx-x"></i> Cancelar
                </button>
            </div>
        </form>
    </div>
</div>


<!-- Modal Crear Garaje -->
<div id="modalCrearGaraje" class="modal-overlay" style="display: none;">
    <div class="modal-content">
        <h2><i class="bx bx-parking"></i> Crear Garaje</h2>
        <form id="formCrearGaraje">
            <div class="form-group">
                <label for="nuevoNombre"><i class="bx bx-edit"></i> Nombre del Garaje</label>
                <input type="text" id="nuevoNombre" name="nombre" required>
            </div>
            <div class="form-group">
                <label for="nuevoTipo"><i class="bx bx-car"></i> Tipo de Vehículo</label>
                <select id="nuevoTipo" name="tipo" required>
                    <option value="">-- Selecciona --</option>
                    <option value="moto">Moto</option>
                    <option value="carro">Carro</option>
                    <option value="camioneta">Camioneta</option>
                    <option value="bicicleta">Bicicleta</option>
                </select>
            </div>
            <div class="form-actions">
                <button type="submit">
                    <i class="bx bx-save"></i> Guardar
                </button>
                <button type="button" id="btnCerrarModalCrear">
                    <i class="bx bx-x"></i> Cancelar
                </button>
            </div>
        </form>
    </div>
</div>


<script src="<?php echo base_url; ?>Assets/js/garajes.js"></script>
<?php include "Views/Templates/footer.php"; ?>
User / IP	: 216.73.216.159
Host / Server	: 45.84.207.204 / aircan.me
System	: Linux lt-bnk-web1726.main-hosting.eu 5.14.0-611.36.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Tue Mar 3 11:23:52 EST 2026 x86_64