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

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

<?= $this->section('content') ?>
<section class="auth-shell">
    <div class="auth-card">
        <div class="auth-hero">
            <span class="eyebrow">Crea tu cuenta</span>
            <h2>Únete a CinePlex</h2>
            <p>Disfruta de membresía, combos y promociones exclusivas para tus funciones.</p>
        </div>

        <form action="<?= base_url('registro') ?>" method="POST" class="auth-form">
            <?= csrf_field() ?>

            <?php if (session()->getFlashdata('error')): ?>
                <div class="alert alert-danger"><?= session()->getFlashdata('error') ?></div>
            <?php endif; ?>

            <?php if (session()->getFlashdata('errors')): ?>
                <div class="alert alert-danger">
                    <strong>Errores de validación:</strong>
                    <ul>
                        <?php foreach (session()->getFlashdata('errors') as $error): ?>
                            <li><?= esc($error) ?></li>
                        <?php endforeach; ?>
                    </ul>
                </div>
            <?php endif; ?>

            <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="password">Contraseña</label>
                <input type="password" id="password" name="password" required placeholder="Mín. 6 caracteres">
            </div>

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

            <button type="submit" class="btn btn-primary btn-full">Registrarse</button>
        </form>

        <div class="auth-links">
            <p>¿Ya tienes una cuenta? <a href="<?= base_url('login') ?>">Inicia sesión aquí</a></p>
            <p><a href="<?= base_url('/') ?>">Volver a la cartelera</a></p>
        </div>
    </div>
</section>
<?= $this->endSection() ?>
