<?php /** /app/views/public/pedido_sucesso.php */
$msgWpp = "Olá! Acabei de fazer o pedido *{$pedido['codigo']}* no site da OFFICE.\n\n";
foreach ($itens as $it) {
    $msgWpp .= "• {$it['produto_nome']} ({$it['produto_sku']}) — Qtd: {$it['quantidade']}\n";
}
?>

<section style="padding: 80px 0; min-height: 70vh">
  <div class="container" style="max-width: 720px; text-align: center">

    <div style="width:80px;height:80px;border-radius:50%;background:var(--color-gold);margin:0 auto 24px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.5rem">✓</div>

    <span style="font-size:.78rem;letter-spacing:.32em;text-transform:uppercase;color:var(--color-gold)">Pedido confirmado</span>
    <h1 style="margin:12px 0">Obrigado, <?= e(explode(' ', $pedido['cliente_nome'])[0]) ?>!</h1>
    <p style="color:var(--color-muted);font-size:1.05rem">
      Recebemos seu pedido. Em breve entraremos em contato para confirmar os detalhes.
    </p>

    <div style="display:inline-block;padding:20px 40px;background:var(--color-soft);margin:32px 0;border-left:3px solid var(--color-gold)">
      <div style="font-size:.72rem;letter-spacing:.25em;text-transform:uppercase;color:var(--color-muted);margin-bottom:6px">Código do pedido</div>
      <div style="font-family:'Cormorant Garamond',serif;font-size:1.8rem;letter-spacing:.1em"><?= e($pedido['codigo']) ?></div>
    </div>

    <div style="text-align:left;background:#fff;border:1px solid var(--color-border);padding:24px;margin-top:24px">
      <h3 style="margin-top:0;font-size:1.1rem">Itens do pedido</h3>
      <?php foreach ($itens as $it): ?>
        <div style="display:flex;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border)">
          <?php if (!empty($it['imagem'])): ?>
            <img src="<?= upload_url($it['imagem']) ?>" alt="" style="width:60px;height:60px;object-fit:cover">
          <?php endif; ?>
          <div style="flex:1">
            <div style="font-weight:500"><?= e($it['produto_nome']) ?></div>
            <div style="font-size:.82rem;color:var(--color-muted)">
              <?= e($it['produto_sku']) ?>
              <?php if (!empty($it['variacao_descricao'])): ?> · <?= e($it['variacao_descricao']) ?><?php endif; ?>
            </div>
          </div>
          <div style="font-weight:600">×<?= (int)$it['quantidade'] ?></div>
        </div>
      <?php endforeach; ?>
    </div>

    <div style="margin-top:32px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap">
      <?php if (!empty($config['contato_whatsapp'])): ?>
        <a href="<?= e(whatsapp_link($config['contato_whatsapp'], $msgWpp)) ?>" target="_blank" class="btn btn-whatsapp">
          Enviar resumo por WhatsApp
        </a>
      <?php endif; ?>
      <a href="<?= url() ?>" class="btn btn-outline">Voltar ao início</a>
      <a href="<?= url('catalogo') ?>" class="btn">Continuar no catálogo</a>
    </div>

    <p style="font-size:.82rem;color:var(--color-muted);margin-top:40px">
      Guarde o código <strong><?= e($pedido['codigo']) ?></strong> para consultas futuras.
      Enviamos uma cópia para o e-mail <strong><?= e($pedido['cliente_email']) ?></strong>.
    </p>
  </div>
</section>
