<?php /** /app/views/public/carrinho.php */ ?>

<section style="padding: 60px 0">
  <div class="container">
    <div style="text-align:center;margin-bottom:48px">
      <span style="font-size:.78rem;letter-spacing:.32em;text-transform:uppercase;color:var(--color-gold)">Pedido</span>
      <h1 style="margin:12px 0 0">Meu pedido</h1>
    </div>

    <?php if (empty($itens)): ?>
      <div class="empty-state">
        <h3>Nenhum produto selecionado ainda</h3>
        <p>Adicione modelos do catálogo para formalizar seu pedido.</p>
        <a href="<?= url('catalogo') ?>" class="btn" style="margin-top:20px">Ver catálogo</a>
      </div>
    <?php else: ?>

      <div style="display:grid;grid-template-columns:1.6fr 1fr;gap:40px">
        <form action="<?= url('carrinho/atualizar') ?>" method="post">
          <?= csrf_field() ?>
          <table class="cart-table">
            <thead>
              <tr>
                <th>Produto</th>
                <th>Qtd.</th>
                <th style="text-align:right">Remover</th>
              </tr>
            </thead>
            <tbody>
            <?php foreach ($itens as $chave => $it): ?>
              <tr>
                <td>
                  <div class="cart-item">
                    <?php if (!empty($it['imagem'])): ?>
                      <img src="<?= upload_url($it['imagem']) ?>" alt="">
                    <?php else: ?>
                      <div style="width:80px;height:80px;background:var(--color-soft);display:flex;align-items:center;justify-content:center">◎</div>
                    <?php endif; ?>
                    <div>
                      <div style="font-family:'Cormorant Garamond',serif;font-size:1.2rem">
                        <a href="<?= url('produto/' . $it['produto_slug']) ?>"><?= e($it['produto_nome']) ?></a>
                      </div>
                      <div style="font-size:.8rem;color:var(--color-muted);letter-spacing:.1em">
                        SKU <?= e($it['produto_sku']) ?>
                        <?php if (!empty($it['variacao_descricao'])): ?> · <?= e($it['variacao_descricao']) ?><?php endif; ?>
                      </div>
                    </div>
                  </div>
                </td>
                <td>
                  <input type="number" min="1" name="quantidade[<?= e($chave) ?>]"
                         value="<?= (int)$it['quantidade'] ?>" class="qty-input">
                </td>
                <td style="text-align:right">
                  <a href="<?= url('carrinho/remover/' . $chave) ?>" style="color:#e74c3c">Remover</a>
                </td>
              </tr>
            <?php endforeach; ?>
            </tbody>
          </table>

          <div style="margin-top:20px;display:flex;gap:12px;flex-wrap:wrap">
            <button type="submit" class="btn btn-outline">Atualizar quantidades</button>
            <a href="<?= url('carrinho/limpar') ?>" class="btn btn-outline" style="border-color:#e74c3c;color:#e74c3c">Esvaziar pedido</a>
            <a href="<?= url('catalogo') ?>" class="btn btn-outline">Continuar comprando</a>
          </div>
        </form>

        <div class="cart-summary">
          <h3 style="margin-top:0">Resumo</h3>
          <div style="display:flex;justify-content:space-between;padding:8px 0">
            <span>Itens no pedido</span>
            <strong><?= cart_count() ?></strong>
          </div>
          <?php
            $temPreco = false; $total = 0;
            foreach ($itens as $it) {
              if (!empty($it['preco_unitario'])) { $total += $it['preco_unitario'] * $it['quantidade']; $temPreco = true; }
            }
          ?>
          <?php if ($temPreco): ?>
            <div style="display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid var(--color-border);margin-top:12px">
              <span>Total estimado</span>
              <strong style="color:var(--color-gold);font-size:1.2rem"><?= price($total) ?></strong>
            </div>
          <?php endif; ?>

          <p style="font-size:.82rem;color:var(--color-muted);margin-top:20px">
            Preencha seus dados na próxima etapa para formalizar o pedido. Entraremos em contato para confirmar.
          </p>

          <a href="<?= url('checkout') ?>" class="btn btn-gold btn-block" style="margin-top:12px">Finalizar pedido</a>
        </div>
      </div>

    <?php endif; ?>
  </div>
</section>
