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

<?= $this->section('title') ?>Cartelera de Películas<?= $this->endSection() ?>

<?= $this->section('content') ?>
<section class="hero-slider">
    <div class="hero-slide hero-slide-one">
        <div class="hero-copy">
            <span class="eyebrow">Experiencia premium</span>
            <h2>Tu próxima película favorita te espera en CinePlex</h2>
            <p>Estrenos, asientos confort, palomitas y promociones exclusivas para tu noche perfecta.</p>
            <div class="hero-actions">
                <a href="<?= base_url('cines') ?>" class="btn btn-primary">Comprar entradas</a>
                <a href="<?= base_url('promociones') ?>" class="btn btn-secondary">Ver promociones</a>
            </div>
        </div>
    </div>

    <div class="hero-slide hero-slide-three">
        <div class="hero-copy">
            <span class="eyebrow">Súper combos</span>
            <h2>Alimentos y bebidas con sabor a experiencia</h2>
            <p>Combos irresistibles para acompañar cada función y disfrutar más en tu visita.</p>
            <div class="hero-actions">
                <a href="#productos" class="btn btn-primary">Ver combos</a>
            </div>
        </div>
    </div>
</section>

<section class="highlight-grid">
    <article class="highlight-card">
        <h3><a href="<?= base_url('cines') ?>" class="text-link">Cartelera</a></h3>
        <p>Elige tu cine y descubre las películas con sus horarios.</p>
    </article>
    <article class="highlight-card">
        <h3><a href="<?= base_url('alimentos') ?>" class="text-link">Alimentos y bebidas</a></h3>
        <p>Combos, snacks y bebidas para hacer de cada función un momento especial.</p>
    </article>
    <article class="highlight-card">
        <h3><a href="<?= base_url('promociones') ?>" class="text-link">Promociones</a></h3>
        <p>Ofertas activas para miembros y clientes frecuentes.</p>
    </article>
</section>

<section class="section-block" id="cartelera">
    <div class="section-heading">
        <div>
            <span class="eyebrow">Películas en cartelera</span>
            <h2>Películas destacadas</h2>
        </div>
        <span class="cp-badge-recomendado">☺ Recomendado</span>
    </div>

    <?php if (empty($peliculas)): ?>
        <div class="empty-state">No hay películas disponibles en este momento.</div>
    <?php else: ?>
        <div class="card-grid movie-grid">
            <?php foreach (array_slice($peliculas, 0, 9) as $pelicula): ?>
                <article class="movie-card">
                    <div class="movie-card-poster" style="min-height:0;aspect-ratio:2/3;border-radius:16px 16px 0 0;">
                        <span class="duration-badge"><?= esc($pelicula->duracion_min) ?> min</span>
                        <img src="<?= $pelicula->getPosterUrl() ?>" alt="<?= esc($pelicula->titulo) ?>" style="height:100%;">
                    </div>
                    <div class="movie-card-content">
                        <h3><?= esc($pelicula->titulo) ?></h3>
                        <p><?= esc($pelicula->genero_nombre) ?> • <?= esc($pelicula->duracion_min) ?> min</p>
                        <p class="movie-meta"><?= esc($pelicula->clasificacion) ?> • <?= esc($pelicula->idioma) ?></p>
                        <a href="<?= base_url('pelicula/' . $pelicula->id_pelicula) ?>" class="btn btn-primary">Ver detalles</a>
                    </div>
                </article>
            <?php endforeach; ?>
        </div>
        <div class="section-actions" style="margin-top: 18px; text-align:right;">
            <a href="<?= base_url('cines') ?>" class="btn btn-secondary">Ver más películas</a>
        </div>
    <?php endif; ?>
</section>

<section class="section-block" id="productos">
    <div class="section-heading">
        <div>
            <span class="eyebrow">Alimentos y bebidas</span>
            <h2>Disfruta de tus snacks favoritos</h2>
        </div>
        <span class="cp-badge-recomendado">☺ Recomendado</span>
    </div>

    <?php if (empty($productos)): ?>
        <div class="empty-state">No hay alimentos o bebidas disponibles en este momento.</div>
    <?php else: ?>
        <div class="card-grid product-grid">
            <?php foreach (array_slice($productos, 0, 6) as $producto): ?>
                <article class="movie-card product-card">
                    <div class="movie-card-poster product-poster">
                        <img src="<?= $producto->getimagenUrl() ?>" alt="<?= esc($producto->nombre) ?>">
                    </div>
                    <div class="movie-card-content">
                        <div class="product-card-header">
                            <h3><?= esc($producto->nombre) ?></h3>
                            <span class="price-pill">S/ <?= number_format($producto->precio, 2) ?></span>
                        </div>
                        <p class="product-category"><?= esc($producto->categoria) ?></p>
                        <p class="movie-meta"><?= esc($producto->descripcion) ?></p>
                    </div>
                </article>
            <?php endforeach; ?>
        </div>
        <div class="section-actions" style="margin-top: 18px; text-align:right;">
            <a href="<?= base_url('alimentos') ?>" class="btn btn-secondary">Ver más alimentos y bebidas</a>
        </div>
    <?php endif; ?>
</section>

<section class="section-block" id="promociones">
    <div class="section-heading">
        <div>
            <span class="eyebrow">Promociones Actuales</span>
            <h2>Disfruta de tus promociones más esperadas</h2>
        </div>
        <span class="cp-badge-recomendado">☺ Recomendado</span>
    </div>

    <?php if (empty($promociones)): ?>
        <div class="empty-state">No hay promociones disponibles en este momento.</div>
    <?php else: ?>
        <div class="card-grid promo-grid">
            <?php foreach ($promociones as $promoData): ?>
                <?php $promocion = $promoData['promocion']; ?>
                <article class="promo-card promo-feature-card">
                    <div class="promo-feature-card-img" style="background-image:url('<?= esc($promoData['imagen_url']) ?>');"></div>
                    <div class="promo-badge"><?= $promocion->esTipoEntrada() ? 'Entradas' : 'Combo' ?></div>
                    <h3><?= esc($promocion->nombre) ?></h3>
                    <p class="promo-description"><?= esc($promocion->descripcion) ?></p>
                    <div class="promo-meta">
                        <?php if ($promoData['precio_anterior'] !== null && $promoData['precio_promo'] !== null): ?>
                            <span class="promo-price-old">S/ <?= number_format($promoData['precio_anterior'], 2) ?></span>
                            <span class="price-pill">S/ <?= number_format($promoData['precio_promo'], 2) ?></span>
                        <?php elseif ($promocion->tipo_descuento === 'PORCENTAJE'): ?>
                            <span class="price-pill">-<?= esc((string) rtrim(rtrim(number_format($promocion->valor_descuento, 1), '0'), '.')) ?>%</span>
                        <?php endif; ?>
                    </div>
                    <a href="<?= base_url('promociones') ?>" class="btn btn-secondary">Ver detalle</a>
                </article>
            <?php endforeach; ?>
        </div>
        <div class="section-actions" style="margin-top: 18px; text-align:right;">
            <a href="<?= base_url('promociones') ?>" class="btn btn-secondary">Ver más promociones</a>
        </div>
    <?php endif; ?>
</section>

<section class="section-block" id="membresia">
    <div class="section-heading">
        <div>
            <span class="eyebrow">Membresía</span>
            <h2>Hazte miembro y vive más cine</h2>
        </div>
    </div>
    <div class="membership-box membership-box-compact">
        <div>
            <p>Obtén descuentos exclusivos en alimentos, promociones especiales y puntos por cada compra.</p>
            <p class="membership-copy">Elige el plan que mejor se adapte a tus visitas y disfruta beneficios desde el primer mes.</p>
        </div>
        <a href="<?= base_url('membresia') ?>" class="btn btn-primary">Elige tu Plan</a>
    </div>

    <?php if (!empty($membresias)): ?>
        <div class="membership-showcase">
            <?php foreach (array_slice($membresias, 0, 3) as $membresia): ?>
                <article class="membership-card">
                    <div class="membership-card-top">
                        <span class="membership-plan"><?= esc($membresia->nombre) ?></span>
                        <span class="membership-price">S/ <?= number_format($membresia->precio_mensual, 2) ?></span>
                    </div>
                    <p class="membership-copy">Disfruta <?= esc($membresia->descuento_pct) ?>% de descuento y <?= esc($membresia->puntos_por_sol) ?> puntos por cada S/ gastado.</p>
                    <ul class="membership-features">
                        <li>Descuentos exclusivos en alimentos</li>
                        <li>Promociones especiales para miembros</li>
                        <li>Acceso anticipado a estrenos</li>
                    </ul>
                    <a href="<?= base_url('membresia') ?>" class="btn btn-secondary">Ver plan</a>
                </article>
            <?php endforeach; ?>
        </div>
    <?php endif; ?>
</section>


<?= $this->endSection() ?>
