<!-- ══ GRADE DE DEPARTAMENTOS / CATEGORIAS ═══════════════════════════════════════════════════════ -->
<div class="container-fluid py-5 wow fadeInUp" data-wow-delay="0.1s">
    <div class="container">
        <div class="row g-5 mb-5">
            <div class="col-lg-12">
                <div class="section-title mb-5 text-center">
                    <h5 class="position-relative d-inline-block text-primary text-uppercase">DEPARTAMENTOS / CATEGORIAS
                    </h5>
                    <h1 class="display-5 mb-0 text-heading">Encontre o Departamento Ideal para o Seu Estilo e
                        Tecnologia</h1>
                </div>
                <p class="mb-4 text-center"> Explore nossas categorias e descubra o melhor em <strong>roupas, acessórios e
                        eletrônicos</strong>.
                    Crie uma loja digital moderna e atraente para destacar seus produtos e conquistar mais clientes.
                </p>
                <div class="row g-5">
                    <?php


                    $sql = "SELECT id, nome, descricao, imagem_categoria, status FROM categorias WHERE status = 'ativo' OR status = 'Ativo' ORDER BY posicao ASC";
                    $result = $conn->query($sql);

                    if ($result && $result->num_rows > 0) {
                        while ($row = $result->fetch_assoc()) {

                            $fotoHtml = '';
                            $roundedClass = 'rounded flex-grow-1 d-flex align-items-center justify-content-center';
                            if (isset($mostrarFotoCategoria) && $mostrarFotoCategoria === 'sim') {
                                $fotoHtml = '
    <div class="rounded-top overflow-hidden">
        <a href="departamento.php?categoria_id=' . htmlspecialchars($row['id']) . '">
            <img class="img-fluid img-quadrada" src="../adm/uploads/categorias/' . htmlspecialchars($row['imagem_categoria']) . '" alt="">
        </a>
    </div>';
                                $roundedClass = 'rounded-bottom';
                            }

                            echo '
<div class="col-lg-4 col-md-6 service-item wow zoomIn" data-wow-delay="0.6s">
    ' . $fotoHtml . '
    <a href="departamento.php?categoria_id=' . htmlspecialchars($row['id']) . '" class="text-decoration-none d-block h-100">
        <div class="position-relative bg-light ' . $roundedClass . ' text-center p-4">
            <h5 class="m-0 text-dark">' . htmlspecialchars($row['nome']) . '</h5>
        </div>
    </a>
</div>
';

                        }


                    } else {
                        echo '<p>Nenhuma categoria encontrada.</p>';

                    }

                    ?>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- ══ FIM GRADE DE DEPARTAMENTOS / CATEGORIAS ═══════════════════════════════════════════════════════ -->

