<?php
include_once "template-parts/head.php";
$main_slug = 'https://www.karina.com.br';
function printMainSlug() {
  global $main_slug;
  echo $main_slug;
}
?>

<!-- ======= HEADER ======= -->
<header>

  <div class="logo-mobile d-sm-none">
    <a href="<?= $main_slug; ?>" class="logo" aria-label="Logo Karina">
      <?php include "assets/images/logo.svg"; ?>
    </a>
  </div>

  <div class="header-content d-flex align-items-center">
    <div class="container-fluid container-xxl position-relative">
      <div class="d-flex align-items-center justify-content-between">

        <a href="<?= $main_slug; ?>" class="logo d-none d-sm-flex" aria-label="Logo Karina">
          <?php include "assets/images/logo.svg"; ?>
        </a>

        <nav class="d-flex align-items-center gap-4">
          <ul class="esg-eko list-unstyled d-none d-sm-flex align-items-center m-0">
            <li><a href="<?= home_url(); ?>" aria-label="ESG" class="active">ESG</a></li>
            <li><a href="<?= $main_slug . '/eko' ?>" aria-label="EKO">EKO</a></li>
          </ul>
          <div class="menu-sanduba">
            <div class="sanduba-inner">
              <div class="top"></div>
              <div class="mid"></div>
              <div class="bot"></div>
            </div>
            <div class="menu-text d-sm-none">Menu</div>
          </div>
        </nav>

      </div>
    </div>
  </div>

  <div class="hidden-menu">
    <div class="row row-gap-4 mx-auto">
      <div class="col-12 col-sm-6">
        <?php
        include "assets/images/logo-esg.svg";
        dynamic_sidebar('esg-header'); ?>
      </div>
      <div class="col-12 col-sm-6">
        <?php
        include "assets/images/logo-eko.svg";
        dynamic_sidebar('eko-header'); ?>
      </div>
    </div>
  </div>

</header>