Tul xxx Tul

Viewing: form.php

<div class="empleados-form container-fluid py-4">
    <?php if (!empty($mensaje)): ?>
        <div class="alert alert-<?php echo htmlspecialchars($mensaje['tipo'], ENT_QUOTES, 'UTF-8'); ?> border-0 shadow-sm mb-4">
            <i class="fa-solid fa-circle-info me-2"></i><?php echo htmlspecialchars($mensaje['mensaje'], ENT_QUOTES, 'UTF-8'); ?>
        </div>
    <?php endif; ?>

    <div class="row g-4">
        <div class="col-12 col-xl-8">
            <div class="card border-0 shadow-sm">
                <div class="card-body p-4">
                    <div class="d-flex justify-content-between align-items-center mb-3">
                        <div>
                            <span class="badge bg-primary-subtle text-primary mb-2">
                                <?php echo $accion === 'crear' ? 'Nuevo registro' : 'Editar registro'; ?>
                            </span>
                            <h1 class="h4 fw-semibold mb-0"><?php echo $accion === 'crear' ? 'Registrar empleado' : 'Actualizar datos del empleado'; ?></h1>
                        </div>
                        <a class="btn btn-outline-secondary" href="<?php echo base_url('empleados'); ?>">
                            <i class="fa-solid fa-arrow-left me-1"></i>Volver
                        </a>
                    </div>

                    <?php
                    $empleado = $empleado ?? ['nombre' => '', 'telefono' => '', 'correo' => '', 'rol' => '', 'rol_id' => null, 'estado' => 'Activo'];
                    $action = $accion === 'crear' ? base_url('empleados/guardar') : base_url('empleados/actualizar/' . $empleado['id']);
                    ?>

                    <form action="<?php echo $action; ?>" method="POST" class="row g-3 needs-validation" novalidate>
                        <div class="col-12">
                            <label for="nombre" class="form-label">Nombre completo</label>
                            <input type="text" class="form-control" id="nombre" name="nombre" value="<?php echo htmlspecialchars($empleado['nombre'], ENT_QUOTES, 'UTF-8'); ?>" required>
                            <div class="invalid-feedback">Ingresa el nombre completo del empleado.</div>
                        </div>
                        <div class="col-12 col-md-6">
                            <label for="telefono" class="form-label">Teléfono</label>
                            <input type="tel" class="form-control" id="telefono" name="telefono" value="<?php echo htmlspecialchars($empleado['telefono'], ENT_QUOTES, 'UTF-8'); ?>" required>
                            <div class="invalid-feedback">Ingresa un contacto telefónico.</div>
                        </div>
                        <div class="col-12 col-md-6">
                            <label for="correo" class="form-label">Correo electrónico</label>
                            <input type="email" class="form-control" id="correo" name="correo" value="<?php echo htmlspecialchars($empleado['correo'], ENT_QUOTES, 'UTF-8'); ?>" required>
                            <div class="invalid-feedback">Ingresa un correo válido.</div>
                        </div>
                        <div class="col-12 col-md-6">
                            <label for="usuario" class="form-label">Usuario <span class="text-muted small">(opcional)</span></label>
                            <input type="text" class="form-control" id="usuario" name="usuario" value="<?php echo htmlspecialchars($empleado['usuario'] ?? '', ENT_QUOTES, 'UTF-8'); ?>" placeholder="Nombre de usuario para iniciar sesión">
                        </div>
                        <div class="col-12 col-md-6">
                            <label for="rol_id" class="form-label">Rol</label>
                            <select class="form-select" id="rol_id" name="rol_id" required>
                                <option value="" hidden>Selecciona un rol</option>
                                <?php foreach ($roles as $rol): ?>
                                    <option value="<?php echo (int) $rol['id']; ?>" <?php echo (int) ($empleado['rol_id'] ?? 0) === (int) $rol['id'] ? 'selected' : ''; ?>>
                                        <?php echo htmlspecialchars($rol['nombre'], ENT_QUOTES, 'UTF-8'); ?>
                                    </option>
                                <?php endforeach; ?>
                            </select>
                            <div class="invalid-feedback">Selecciona el rol asignado.</div>
                        </div>
                        <div class="col-12 col-md-6">
                            <label for="estado" class="form-label">Estado</label>
                            <select class="form-select" id="estado" name="estado" required>
                                <option value="Activo" <?php echo $empleado['estado'] === 'Activo' ? 'selected' : ''; ?>>Activo</option>
                                <option value="Inactivo" <?php echo $empleado['estado'] === 'Inactivo' ? 'selected' : ''; ?>>Inactivo</option>
                            </select>
                        </div>
                        <div class="col-12">
                            <label for="password" class="form-label">Contraseña <?php echo $accion === 'editar' ? '<span class="text-muted small">(deja en blanco para mantener la actual)</span>' : ''; ?></label>
                            <div class="input-group">
                                <input type="password" class="form-control" id="password" name="password" placeholder="<?php echo $accion === 'crear' ? 'Mínimo 6 caracteres' : 'Ingrese nueva contraseña'; ?>" <?php echo $accion === 'crear' ? 'required' : ''; ?> minlength="6">
                                <span class="input-group-text"><i class="fa-solid fa-key"></i></span>
                                <button type="button" class="btn btn-outline-secondary toggle-password" data-target="#password" aria-label="Mostrar u ocultar contraseña">
                                    <i class="fa-solid fa-eye"></i>
                                </button>
                            </div>
                            <div class="invalid-feedback">Define una contraseña válida (mínimo 6 caracteres).</div>
                        </div>
                        <div class="col-12 d-flex gap-2">
                            <button type="submit" class="btn btn-primary flex-grow-1">
                                <i class="fa-solid fa-floppy-disk me-1"></i><?php echo $accion === 'crear' ? 'Guardar empleado' : 'Actualizar empleado'; ?>
                            </button>
                            <a class="btn btn-outline-secondary" href="<?php echo base_url('empleados'); ?>">Cancelar</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        <div class="col-12 col-xl-4">
            <div class="card border-0 shadow-sm h-100">
                <div class="card-body">
                    <h2 class="h6 text-uppercase text-muted fw-semibold mb-3">Instrucciones</h2>
                    <ul class="list-unstyled text-muted small mb-4 empleados-tips">
                        <li><i class="fa-solid fa-circle-check text-success me-2"></i>Verifica la información de contacto antes de guardar.</li>
                        <li><i class="fa-solid fa-circle-check text-success me-2"></i>El rol determina los permisos visibles dentro del sistema.</li>
                        <li><i class="fa-solid fa-circle-check text-success me-2"></i>Empleados inactivos no aparecen en el control diario de asistencia.</li>
                    </ul>
                    <div class="border rounded p-3 bg-light-subtle">
                        <h3 class="h6 fw-semibold mb-2">Roles disponibles</h3>
                        <ul class="list-unstyled mb-0 small">
                            <?php foreach ($roles as $rol): ?>
                                <li class="mb-1"><i class="fa-solid fa-user-shield text-primary me-2"></i><?php echo htmlspecialchars($rol['nombre'], ENT_QUOTES, 'UTF-8'); ?></li>
                            <?php endforeach; ?>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
document.addEventListener('DOMContentLoaded', function () {
    document.querySelectorAll('.toggle-password').forEach(function (btn) {
        btn.addEventListener('click', function () {
            var target = document.querySelector(btn.getAttribute('data-target'));
            if (!target) {
                return;
            }
            var icon = btn.querySelector('i');
            if (target.type === 'password') {
                target.type = 'text';
                if (icon) {
                    icon.classList.remove('fa-eye');
                    icon.classList.add('fa-eye-slash');
                }
            } else {
                target.type = 'password';
                if (icon) {
                    icon.classList.remove('fa-eye-slash');
                    icon.classList.add('fa-eye');
                }
            }
        });
    });
});
</script>
User / IP	: 216.73.217.33
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