<footer class="site-footer">
  <div class="container">
    <div class="site-footer__grid">
      <div class="site-footer__brand">
        <%- include('brand', { theme: 'light' }) %>
        <p><%= settings.rodapeTexto %></p>
        <div class="site-footer__social">
          <a href="<%= whatsappUrl %>" target="_blank" rel="noopener" aria-label="WhatsApp">
            <%- icon('whatsapp') %>
          </a>
          <% if (settings.mostrarInstagram !== false && settings.instagram) { %>
          <a href="https://instagram.com/<%= settings.instagram.replace('@','') %>" target="_blank" rel="noopener" aria-label="Instagram">
            <%- icon('instagram') %>
          </a>
          <% } %>
          <% if (settings.email) { %>
          <a href="mailto:<%= settings.email %>" aria-label="Enviar e-mail">
            <%- icon('mail') %>
          </a>
          <% } %>
        </div>
      </div>
      <div class="site-footer__col">
        <h3>Catálogo</h3>
        <a href="<%= url('/atacado') %>">Loja de atacado</a>
        <a href="<%= url('/varejo') %>">Loja de varejo</a>
        <% db.categories.slice(0, 4).forEach(function(cat) { %>
          <a href="<%= url('/varejo?categoria=' + cat.slug) %>"><%= cat.nome %></a>
        <% }); %>
      </div>
      <div class="site-footer__col">
        <h3>A loja</h3>
        <a href="<%= url('/#sobre') %>">Sobre nós</a>
        <a href="<%= url('/#modalidades') %>"> Como comprar</a>
        <a href="<%= whatsappUrl %>" target="_blank" rel="noopener">Atendimento</a>
        <a href="<%= url('/admin/login') %>">Acesso restrito</a>
      </div>
      <div class="site-footer__col site-footer__contact">
        <h3>Fale com a gente</h3>
        <a href="<%= whatsappUrl %>" target="_blank" rel="noopener">
          <%- icon('phone') %>
          <span><%= settings.whatsappExibicao %></span>
        </a>
        <% if (settings.email) { %>
        <a href="mailto:<%= settings.email %>">
          <%- icon('mail') %>
          <span><%= settings.email %></span>
        </a>
        <% } %>
        <p>
          <%- icon('map-pin') %>
          <span><%= settings.endereco %><br><%= settings.cidade %></span>
        </p>
        <p>
          <%- icon('clock') %>
          <span><%= (settings.horario || '').replace(/\n/g, ' · ') %></span>
        </p>
      </div>
    </div>
    <div class="site-footer__bottom">
      <p>© <%= new Date().getFullYear() %> <%= settings.nomeLoja %>. Todos os direitos reservados.</p>
      <p>Catálogo digital • Pedidos pelo WhatsApp</p>
    </div>
  </div>
</footer>
<%- include('whatsapp-button', { whatsappUrl: whatsappUrl }) %>
<%- include('toast') %>
<script src="<%= url('/js/site.js') %>?v=<%= assetVersion %>" defer></script>
