<?php
  if (isset($bodyClass)) {
    ?>
    <div id="nav-container" class="nav-container transitionless">
      <!--<div class="search">
        <div class="icon icon-search"></div>
        <input type="text">
      </div>-->
      <ul class="questions-container">
        <li class="nav-item <?php if($bodyClass == 'question-one') echo 'active'; ?>">
          <div class="box"></div>
          <a href="quem-perdeu-mais-com-a-crise">
            <div class="text">
              <div class="icon icon-family"></div>
              <h3>
                Quem mais perdeu
                com a crise?
              </h3>
            </div>
          </a>
        </li>
        <li class="nav-item <?php if($bodyClass == 'question-two') echo 'active'; ?>">
          <div class="box"></div>
          <a href="a-crise-foi-pior-em-portugal-do-que-na-europa">
            <div class="text">
              <div class="icon icon-portugal-shape"></div>
              <h3>
                A crise foi pior em Portugal
                do que na Europa?
              </h3>
            </div>
          </a>
        </li>
        <li class="nav-item <?php if($bodyClass == 'question-three') echo 'active'; ?>">
          <div class="box"></div>
          <a href="quanto-se-ganha-em-portugal">
            <div class="text">
              <div class="icon icon-hand-unequal"></div>
              <h3>
                Quanto se ganha
                em Portugal?
              </h3>
            </div>
          </a>
        </li>
        <li class="nav-item <?php if($bodyClass == 'question-four') echo 'active'; ?>">
          <div class="box"></div>
          <a href="desigualdade-e-pobreza-sao-o-mesmo">
            <div class="text">
              <div class="icon icon-hands-cool"></div>
              <h3>
                Desigualdade e pobreza
                são o mesmo?
              </h3>
            </div>
          </a>
        </li>
      </ul>
    </div>
    <?php
  }
?>