<?php /** /app/views/admin/catalogo_pdf/index.php */ ?>

<div style="display:grid;grid-template-columns:1fr 1.6fr;gap:20px;align-items:start">

  <div class="card">
    <h3 style="margin-top:0">Gerar novo catálogo</h3>
    <p style="color:var(--admin-muted);font-size:.88rem">
      Crie um PDF premium da sua coleção. Você pode gerar o catálogo completo ou filtrar por categoria/coleção.
    </p>

    <form action="<?= admin_url('catalogo-pdf/gerar') ?>" method="post" id="pdfForm">
      <?= csrf_field() ?>

      <div class="form-group">
        <label>Tipo do catálogo</label>
        <select name="tipo" id="tipoSel" class="form-select" onchange="toggleFiltro()">
          <option value="completo">Catálogo completo</option>
          <option value="categoria">Por categoria</option>
          <option value="colecao">Por coleção</option>
        </select>
      </div>

      <div class="form-group" id="filtroCat" style="display:none">
        <label>Categoria</label>
        <select name="filtro_id" class="form-select">
          <?php foreach ($categorias as $c): ?>
            <option value="<?= (int)$c['id'] ?>"><?= e($c['nome']) ?></option>
          <?php endforeach; ?>
        </select>
      </div>

      <div class="form-group" id="filtroCol" style="display:none">
        <label>Coleção</label>
        <select name="filtro_id" class="form-select" disabled>
          <?php foreach ($colecoes as $c): ?>
            <option value="<?= (int)$c['id'] ?>"><?= e($c['nome']) ?></option>
          <?php endforeach; ?>
        </select>
      </div>

      <button type="submit" class="btn btn-gold" style="width:100%">❏ Gerar e baixar PDF</button>
    </form>
  </div>

  <div class="card">
    <h3 style="margin-top:0">Histórico de catálogos</h3>

    <?php if (empty($catalogos)): ?>
      <p style="color:var(--admin-muted)">Nenhum catálogo gerado ainda.</p>
    <?php else: ?>
      <table class="table" style="box-shadow:none">
        <thead>
          <tr><th>Título</th><th>Tipo</th><th>Produtos</th><th>Tamanho</th><th>Data</th><th></th></tr>
        </thead>
        <tbody>
          <?php foreach ($catalogos as $cat): ?>
          <tr>
            <td><strong><?= e($cat['titulo']) ?></strong></td>
            <td><span class="badge badge-secondary"><?= e($cat['tipo']) ?></span></td>
            <td><?= (int)$cat['total_produtos'] ?></td>
            <td><?= number_format((int)$cat['tamanho_kb']) ?> KB</td>
            <td><small><?= date_br($cat['created_at'], true) ?></small></td>
            <td style="white-space:nowrap">
              <a href="<?= admin_url('catalogo-pdf/baixar/' . $cat['id']) ?>" class="btn btn-sm btn-outline">↓ Baixar</a>
              <a href="<?= admin_url('catalogo-pdf/excluir/' . $cat['id']) ?>" class="btn btn-sm btn-danger" onclick="return confirm('Excluir?')">×</a>
            </td>
          </tr>
          <?php endforeach; ?>
        </tbody>
      </table>
    <?php endif; ?>
  </div>
</div>

<script>
function toggleFiltro() {
  const t = document.getElementById('tipoSel').value;
  const cat = document.getElementById('filtroCat');
  const col = document.getElementById('filtroCol');
  cat.style.display = t === 'categoria' ? 'block' : 'none';
  col.style.display = t === 'colecao' ? 'block' : 'none';
  cat.querySelector('select').disabled = t !== 'categoria';
  col.querySelector('select').disabled = t !== 'colecao';
}
</script>
