<?php 
require_once __DIR__ . '/components/product_card.php';
require_once __DIR__ . '/theme-init.php';

$pageTitle = "Venda no Atacado - " . ($dadosLoja['nome'] ?? 'Catálogo 44');
$pageDescription = "Aproveite nossas ofertas exclusivas para compras em atacado. Confira nossa lista completa de produtos com desconto para lojistas e revendedores.";
$pageKeywords = "atacado, revenda, comprar atacado, lote, loja online";
$ogType = "website";

include 'header.php';
?>

<!-- Hero / Banner Title Start -->
<div class="container-fluid bg-primary py-5 hero-header mb-5" style="background: linear-gradient(rgba(249, 115, 22, 0.85), rgba(249, 115, 22, 0.85)), url(../img/carousel-1.jpg) center center no-repeat; background-size: cover;">
    <div class="row py-3">
        <div class="col-12 text-center">
            <h1 class="display-3 text-white animated zoomIn">Venda no Atacado</h1>
            <div class="text-white mt-3 mx-auto" style="max-width: 600px;">
                Catálogo completo de produtos disponíveis para compra em quantidade. Adicione ao carrinho para ativar o preço de atacado de acordo com nossas regras de venda.
            </div>
            <div class="mt-4">
                <a href="index.php" class="h5 text-white text-decoration-none">Início</a>
                <i class="far fa-circle text-white px-2"></i>
                <span class="h5 text-white">Atacado</span>
            </div>
        </div>
    </div>
</div>
<!-- Hero / Banner Title End -->

<!-- Team Start -->
<div class="container-fluid py-5">
    <div class="container">
        <?php
        // ── Ordenação via GET (whitelist — sem risco de SQL injection) ──────
        $ordenacoes_permitidas = [
            'novos'         => 'p.id DESC',
            'menor_preco'   => 'COALESCE(NULLIF(p.preco_atacado,0), p.preco) ASC',
            'maior_preco'   => 'COALESCE(NULLIF(p.preco_atacado,0), p.preco) DESC',
            'az'            => 'p.nome ASC',
        ];
        $ordem_escolhida = $_GET['ordem'] ?? 'novos';
        if (!array_key_exists($ordem_escolhida, $ordenacoes_permitidas)) {
            $ordem_escolhida = 'novos';
        }
        $order_sql = $ordenacoes_permitidas[$ordem_escolhida];

        // URL base sem o parâmetro ordem (para montar os links)
        $params_base = $_GET;
        unset($params_base['ordem']);
        $url_base = '?' . http_build_query($params_base);
        $url_base = rtrim($url_base, '?');

        // ── Barra de ordenação ───────────────────────────────────────────────
        $opcoes_ordenacao = [
            'novos'       => ['icone' => 'fas fa-clock',       'label' => 'Mais Novos'],
            'menor_preco' => ['icone' => 'fas fa-arrow-up',    'label' => 'Menor Preço'],
            'maior_preco' => ['icone' => 'fas fa-arrow-down',  'label' => 'Maior Preço'],
            'az'          => ['icone' => 'fas fa-sort-alpha-down', 'label' => 'A–Z'],
        ];
        ?>

        <!-- Barra de Ordenação -->
        <div class="d-flex flex-wrap align-items-center gap-2 mb-4 wow fadeInUp" data-wow-delay="0.1s">
            <span class="text-muted small fw-semibold me-1">
                <i class="fas fa-sort me-1"></i>Ordenar por:
            </span>
            <?php foreach ($opcoes_ordenacao as $chave => $op):
                $ativo = ($chave === $ordem_escolhida);
                $link  = $url_base . (strpos($url_base, '?') !== false ? '&' : '?') . 'ordem=' . $chave;
            ?>
                <a href="<?= htmlspecialchars($link) ?>"
                   class="btn btn-sm <?= $ativo ? 'btn-primary' : 'btn-outline-secondary' ?> d-flex align-items-center gap-1">
                    <i class="<?= $op['icone'] ?> fa-sm"></i>
                    <?= $op['label'] ?>
                </a>
            <?php endforeach; ?>
        </div>

        <div class="row g-5" id="prod-grid-atacado">
            <div class="col-lg-4 wow slideInUp" data-wow-delay="0.1s">
                <div class="section-title bg-light rounded h-100 p-5" style="border-left: 4px solid #f97316;">
                    <h5 class="position-relative d-inline-block text-uppercase" style="color: #f97316;">Nossos Produtos</h5>
                    <h1 class="display-6 mb-4">Veja as opções exclusivas para Atacado</h1>
                    <p class="text-muted mb-4">Todos os produtos listados aqui possuem preços especiais para compras em atacado. Aproveite para montar seu estoque!</p>
                    <a href="index.php" class="btn btn-primary py-3 px-5 w-100" style="background-color: #f97316; border-color: #f97316;">Ver Todos Produtos</a> 
                </div>
            </div>

            <?php
            // ── Busca produtos com preço de atacado com ordenação e paginação ──────────
            $sql_prod = "SELECT p.*, c.nome AS categoria_nome
                         FROM produtos p
                         LEFT JOIN categorias c ON p.categoria_id = c.id
                         WHERE p.status = 'Ativo'
                           AND p.preco_atacado > 0
                         ORDER BY $order_sql
                         LIMIT 19";

            $result_prod = $conn->query($sql_prod);

            if ($result_prod && $result_prod->num_rows > 0) {
                $index = 0;
                $hasMore = false;
                while ($row = $result_prod->fetch_assoc()) {
                    if ($index < 18) {
                        echo renderProductCard($row, false, $index);
                    } else {
                        $hasMore = true;
                    }
                    $index++;
                }
                
                if ($hasMore): ?>
                    <div class="col-12 text-center mt-4">
                        <button class="btn btn-glass-primary btn-load-more py-3 px-5 wow fadeInUp"
                                data-atacado="1"
                                data-offset="18"
                                data-container="prod-grid-atacado"
                                onclick="carregarMais(this)">
                            Ver Mais <i class="fas fa-plus ms-2"></i>
                        </button>
                    </div>
                <?php endif;
            } else {
                echo '
                <div class="col-lg-8 wow slideInUp" data-wow-delay="0.3s">
                    <div class="bg-light rounded h-100 d-flex flex-column justify-content-center p-5 text-center">
                        <i class="fas fa-boxes fa-3x text-muted mb-4"></i>
                        <h4 class="mb-3">Nenhum produto em atacado</h4>
                        <p class="text-muted mb-0">No momento, não temos produtos configurados para venda no atacado.</p>
                    </div>
                </div>';
            }
            ?>

        </div>
    </div>
</div>
<!-- Team End -->

<?php include 'footer.php'; ?>
