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

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

<?= $this->section('content') ?>
<div class="form-container">
    <h2>Nueva Sala</h2>

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

    <form method="POST" action="<?= base_url('admin/salas/guardar') ?>">
        <div class="form-group">
            <label for="id_local">Local Asociado</label>
            <select name="id_local" id="id_local" required>
                <option value="">-- Seleccionar Local --</option>
                <?php foreach ($locales as $local): ?>
                    <option value="<?= $local->id_local ?>" <?= old('id_local') == $local->id_local ? 'selected' : '' ?>>
                        <?= esc($local->nombre) ?>
                    </option>
                <?php endforeach; ?>
            </select>
        </div>

        <div class="form-group">
            <label for="nombre">Nombre de la Sala</label>
            <input type="text" name="nombre" id="nombre" value="<?= old('nombre') ?>" required placeholder="Ej. Sala 1, IMAX, Sala Premium">
        </div>

        <div class="form-group">
            <label for="tipo">Tipo de Proyección</label>
            <select name="tipo" id="tipo" required>
                <option value="">-- Seleccionar Tipo --</option>
                <option value="2D" <?= old('tipo') == '2D' ? 'selected' : '' ?>>2D</option>
                <option value="3D" <?= old('tipo') == '3D' ? 'selected' : '' ?>>3D</option>
                <option value="IMAX" <?= old('tipo') == 'IMAX' ? 'selected' : '' ?>>IMAX</option>
                <option value="4DX" <?= old('tipo') == '4DX' ? 'selected' : '' ?>>4DX</option>
            </select>
        </div>

        <div class="form-group">
            <label for="capacidad">Capacidad de Asientos</label>
            <input type="number" name="capacidad" id="capacidad" min="1" value="<?= old('capacidad', 50) ?>" required>
        </div>

        <div class="form-group checkbox-group">
            <label>
                <input type="checkbox" name="estado" value="1" <?= old('estado', '1') == '1' ? 'checked' : '' ?>> Activa
            </label>
        </div>

        <div class="form-actions">
            <button type="submit" class="btn btn-primary">Guardar</button>
            <a href="<?= base_url('admin/salas') ?>" class="btn btn-cancel">Cancelar</a>
        </div>
    </form>
</div>
<?= $this->endSection() ?>
