<?= $this->extend('layouts/admin') ?>

<?= $this->section('title') ?>Nuevo Usuario<?= $this->endSection() ?>

<?= $this->section('content') ?>
<section class="panel-card" style="max-width: 700px;">
    <div class="form-header">
        <h2>Nuevo Usuario</h2>
        <p>Completa el formulario para agregar un usuario al sistema.</p>
    </div>

    <?php if (session()->getFlashdata('errors')): ?>
        <div class="form-errors">
            <strong>Por favor, revisa los siguientes errores:</strong>
            <ul>
                <?php foreach (session()->getFlashdata('errors') as $error): ?>
                    <li><?= esc($error) ?></li>
                <?php endforeach; ?>
            </ul>
        </div>
    <?php endif; ?>

    <form action="<?= base_url('admin/usuarios/guardar') ?>" method="POST">
        <?= csrf_field() ?>

        <div class="form-group">
            <label for="nombres">Nombres</label>
            <input type="text" id="nombres" name="nombres" value="<?= old('nombres') ?>" required>
        </div>

        <div class="form-group">
            <label for="apellidos">Apellidos</label>
            <input type="text" id="apellidos" name="apellidos" value="<?= old('apellidos') ?>" required>
        </div>

        <div class="form-group">
            <label for="email">Correo Electrónico</label>
            <input type="email" id="email" name="email" value="<?= old('email') ?>" required>
        </div>

        <div class="form-group">
            <label for="id_rol">Rol</label>
            <select id="id_rol" name="id_rol" required>
                <option value="">Selecciona un rol</option>
                <?php foreach ($roles as $rol): ?>
                    <option value="<?= $rol->id_rol ?>" <?= old('id_rol') == $rol->id_rol ? 'selected' : '' ?>>
                        <?= esc($rol->nombre) ?>
                    </option>
                <?php endforeach; ?>
            </select>
        </div>

        <div class="form-group">
            <label for="password">Contraseña</label>
            <input type="password" id="password" name="password" required>
            <span class="help-text">Mínimo 6 caracteres</span>
        </div>

        <div class="form-group">
            <label for="telefono">Teléfono</label>
            <input type="text" id="telefono" name="telefono" value="<?= old('telefono') ?>">
        </div>

        <div class="form-group checkbox-group">
            <input type="checkbox" id="estado" name="estado" value="1" <?= old('estado', '1') == '1' ? 'checked' : '' ?>>
            <label for="estado">Usuario activo (permitir acceso al sistema)</label>
        </div>

        <div class="form-actions">
            <a href="<?= base_url('admin/usuarios') ?>" class="btn btn-secondary">Cancelar</a>
            <button type="submit" class="btn btn-primary">Crear Usuario</button>
        </div>
    </form>
</section>
<?= $this->endSection() ?>
