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

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

<?= $this->section('content') ?>
<section class="section-block">
    <div class="section-heading">
        <div>
            <span class="eyebrow">Elige tu cine</span>
            <h2>Selecciona un local</h2>
        </div>
        <button type="button" class="nav-pick-cine" onclick="document.getElementById('btn-elegir-cine').click();">
            📍 Buscar por ciudad <span class="chev">▾</span>
        </button>
    </div>

    <div class="membership-box">
        <p>Explora los cines disponibles y descubre la cartelera con funciones, horarios y salas.</p>
    </div>

    <?php if (empty($locales)): ?>
        <div class="empty-state">No hay cines disponibles en este momento.</div>
    <?php else: ?>
        <div class="card-grid">
            <?php foreach ($locales as $local): ?>
                <article class="promo-card accent">
                    <h3><?= esc($local->nombre) ?></h3>
                    <p><?= esc($local->direccion) ?></p>
                    <p><strong><?= esc($local->distrito) ?>, <?= esc($local->ciudad) ?></strong></p>
                    <a href="<?= base_url('cines/' . $local->id_local) ?>" class="btn btn-primary">Ver películas y horarios</a>
                </article>
            <?php endforeach; ?>
        </div>
    <?php endif; ?>
</section>
<?= $this->endSection() ?>
