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

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

<?= $this->section('content') ?>
<div class="mis-compras-wrapper">

    <div class="mis-compras-header">
        <h1>🎟️ Mis Compras</h1>
        <?php if (!empty($reservas)): ?>
            <span class="badge-count"><?= count($reservas) ?> reserva<?= count($reservas) !== 1 ? 's' : '' ?></span>
        <?php endif; ?>
    </div>

    <?php if (empty($reservas)): ?>
        <div class="empty-state">
            <span class="empty-icon">🎬</span>
            <h3>Aún no tienes compras</h3>
            <p>Cuando compres una entrada, aparecerá aquí con todos los detalles y tu boleto digital.</p>
            <a href="<?= base_url('cines') ?>" class="btn btn-primary" style="margin-top:20px;">Ver Cartelera</a>
        </div>

    <?php else: ?>

        <?php foreach ($reservas as $r): ?>
        <div class="purchase-card">
            <div class="purchase-card-inner">

                <!-- Poster -->
                <div class="card-poster">
                    <?php if (!empty($r->poster_url)): ?>
                        <img src="<?= esc($r->poster_url) ?>" alt="<?= esc($r->pelicula_titulo) ?>" loading="lazy">
                    <?php else: ?>
                        <div class="no-poster">🎬</div>
                    <?php endif; ?>
                </div>

                <!-- Content -->
                <div class="card-content">
                    <div class="card-top">
                        <h3 class="movie-title"><?= esc($r->pelicula_titulo) ?></h3>
                        <?php
                            $estadoClass = 'cancelada';
                            $estadoIcon  = '✗';
                            if (strtolower($r->estado) === 'pagada')    { $estadoClass = 'pagada';    $estadoIcon = '✓'; }
                            if (strtolower($r->estado) === 'pendiente') { $estadoClass = 'pendiente'; $estadoIcon = '⏳'; }
                        ?>
                        <span class="badge-status <?= $estadoClass ?>">
                            <?= $estadoIcon ?> <?= ucfirst(esc($r->estado)) ?>
                        </span>
                    </div>

                    <div class="card-meta">
                        <div class="meta-item">
                            <span class="meta-label">📍 Cine</span>
                            <span class="meta-value"><?= esc($r->local_nombre) ?></span>
                        </div>
                        <div class="meta-item">
                            <span class="meta-label">🎭 Sala</span>
                            <span class="meta-value"><?= esc($r->sala_nombre) ?></span>
                        </div>
                        <div class="meta-item">
                            <span class="meta-label">📅 Función</span>
                            <span class="meta-value">
                                <?= date('d/m/Y', strtotime($r->funcion_fecha)) ?> · <?= date('g:i A', strtotime($r->hora_inicio)) ?>
                            </span>
                        </div>
                        <div class="meta-item">
                            <span class="meta-label">🗓️ Comprado el</span>
                            <span class="meta-value">
                                <?= !empty($r->fecha_reserva) ? date('d/m/Y H:i', strtotime($r->fecha_reserva)) : '—' ?>
                            </span>
                        </div>
                        <div class="meta-item">
                            <span class="meta-label">💺 Entradas</span>
                            <span class="meta-value">
                                <span class="seats-pill">🎫 <?= (int)$r->total_asientos ?> entrada<?= $r->total_asientos != 1 ? 's' : '' ?></span>
                            </span>
                        </div>
                        <div class="meta-item">
                            <span class="meta-label">💳 Método</span>
                            <span class="meta-value" style="text-transform:capitalize;"><?= esc($r->metodo) ?> (Simulado)</span>
                        </div>
                    </div>

                    <div class="card-footer">
                        <div>
                            <div style="font-size:0.73rem; color:#666; margin-bottom:3px;">Código de reserva</div>
                            <div class="reservation-ref"><?= esc($r->referencia) ?></div>
                        </div>

                        <div class="amount-label">
                            <small>Total</small>&nbsp;S/ <?= number_format($r->total, 2) ?>
                        </div>

                        <div class="card-actions">
                            <a href="<?= base_url('reserva/confirmacion/' . $r->id_reserva) ?>" class="btn-sm btn-view">
                                🎟️ Ver detalle
                            </a>
                            <?php if (strtolower($r->estado) === 'pagada'): ?>
                            <a href="<?= base_url('reserva/boleto/' . $r->id_reserva) ?>" class="btn-sm btn-download">
                                📥 Descargar Boleto
                            </a>
                            <?php endif; ?>
                        </div>
                    </div>

                </div><!-- /card-content -->
            </div><!-- /purchase-card-inner -->
        </div><!-- /purchase-card -->
        <?php endforeach; ?>

    <?php endif; ?>
</div>
<?= $this->endSection() ?>
