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

<?= $this->section('title') ?>Compra de alimentos confirmada<?= $this->endSection() ?>

<?= $this->section('content') ?>
<div class="confirmation-container">
    <div class="confirmation-header">
        <div class="success-icon" style="width:52px;height:52px;border-radius:50%;background:#4caf50;color:#000;display:flex;align-items:center;justify-content:center;font-size:1.8rem;">✓</div>
        <div>
            <h2>Compra de alimentos completada</h2>
            <p style="color:#bbb;">Gracias por tu compra. Aquí está el resumen y tu boleta se adjuntará al correo.</p>
        </div>
    </div>

    <?php if (session()->getFlashdata('success_email')): ?>
        <div class="alert-mail">✉️ <?= session()->getFlashdata('success_email') ?></div>
    <?php elseif (session()->getFlashdata('warning_email')): ?>
        <div class="alert-mail">⚠️ <?= session()->getFlashdata('warning_email') ?></div>
    <?php endif; ?>

    <div class="confirmation-details">
        <div class="confirmation-card">
            <h3>Resumen de compra</h3>
            <p><strong>Código de referencia</strong> <?= esc($reserva->referencia) ?></p>
            <p><strong>Método de pago</strong> <?= esc($reserva->metodo) ?> (simulado)</p>
            <p><strong>Fecha de operación</strong> <?= date('d/m/Y H:i:s', strtotime($reserva->fecha_pago)) ?></p>
            <p><strong>Total pagado</strong> S/ <?= number_format($reserva->total, 2) ?></p>
        </div>

        <div class="summary-box">
            <div><span>Productos</span><strong><?= count($productos) ?></strong></div>
            <div><span>Descuento aplicado</span><strong><?= esc($reserva->descuento_pct ?? 0) ?>%</strong></div>
        </div>
    </div>

    <div class="confirmation-card">
        <h3>Productos comprados</h3>
        <?php foreach ($productos as $producto): ?>
            <?php
                $imagenUrl = $producto->imagen_url ?? '';
                if (!empty($imagenUrl)) {
                    $imagenUrl = preg_match('#^https?://#i', $imagenUrl) ? $imagenUrl : base_url('uploads/productos/' . $imagenUrl);
                } else {
                    $imagenUrl = base_url('img/placeholder-poster.jpg');
                }
            ?>
            <div class="product-item">
                <div class="product-thumb" style="background-image:url('<?= esc($imagenUrl) ?>')"></div>
                <div class="product-meta">
                    <strong><?= esc($producto->nombre) ?> ×<?= esc($producto->cantidad) ?></strong>
                    <span><?= esc($producto->descripcion) ?></span>
                </div>
                <div style="text-align:right;color:#fff;">S/ <?= number_format($producto->precio_unitario, 2) ?></div>
            </div>
        <?php endforeach; ?>
    </div>

    <div class="actions-row">
        <a href="<?= base_url('alimentos/boleta/' . $reserva->id_reserva) ?>" class="btn btn-primary">Descargar boleta</a>
        <a href="<?= base_url('alimentos') ?>" class="btn btn-secondary">Volver a alimentos</a>
    </div>
</div>
<?= $this->endSection() ?>
