{% set logo = fn.m_subfield("color_logo") %}
{% set imgLogo = fn.wp_get_attachment_image_src(logo, 'medium')[0] %}

{% set social = fn.get_option('minotaure_data').m_social %}

{% set address = fn.m_subfield("address") %}
{% set zip = fn.m_subfield("zip") %}
{% set city = fn.m_subfield("city") %}
{% set country = fn.m_subfield("country") %}

{% set phone = fn.m_subfield("phone") %}
{% set email = fn.m_subfield("email") %}


<footer class="bottombar">
    <section class="bottombar__contact">
        {% if imgLogo %}<a href="{{ fn.home_url() }}" class="bottombar__brand"><img src="{{imgLogo}}" alt="{{ fn.bloginfo('name') }}"></a>{% endif %}
      {{ fn.wp_nav_menu({
        'theme_location': 'm_footer',
        'container': 'nav',
        'menu_class': 'bottom__menu',
        'container_class': 'bottom__navigation'
      })|raw }}

    </section>


    <section class="bottombar__contact">
      {# Contact #}
      <small class="h5">Contact detail</small>
      {% if address or zip or city or country %}
      {# Address #}
      <address class="address infos">
        <span class="icon--pin icon">
          <span class="text--hidden">Address</span>
          <svg xmlns="http://www.w3.org/2000/svg" width="12" height="17" viewBox="0 0 12 17">
            <path fill="#000000" fill-opacity=".8" fill-rule="evenodd" d="M6 0C2.692 0 0 2.808 0 6.259c0 .9.177 1.76.525 2.555 1.5 3.424 4.376 7.039 5.222 8.065.063.077.156.121.253.121s.19-.044.253-.12c.846-1.027 3.722-4.642 5.222-8.066A6.326 6.326 0 0 0 12 6.259C12 2.808 9.308 0 6 0zm0 8.5A2.503 2.503 0 0 1 3.5 6c0-1.378 1.122-2.5 2.5-2.5S8.5 4.622 8.5 6 7.379 8.5 6 8.5z"/>
          </svg>
      </span>
        <span class="bottombar__address">{{address}} {{zip}} {{city}} {{country}}</span>
      </address>
      {% endif %}


      {# Phone #}
      {% if phone %}
      <a class="phone infos" href="tel:{{phone}}">
        <span class="icon--phone icon">
          <span class="text--hidden">Phone</span>
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="15" viewBox="0 0 16 15">
            <path fill="#000000" fill-opacity=".8" fill-rule="evenodd" d="M5.207 6.173c-.46-.43.396-1.88.396-1.88.262-.557.133-1.383-.291-1.847L3.41.366a1.12 1.12 0 0 0-1.597-.06L.504 1.532C-.3 2.29.003 3.734.421 4.72c0 0 .529 1.65 4.657 5.52 4.128 3.87 5.889 4.367 5.889 4.367 1.05.391 2.592.677 3.398-.079l1.31-1.228c.457-.429.43-1.1-.065-1.497l-2.219-1.782c-.495-.398-1.376-.519-1.97-.273 0 0-1.614.74-2.074.309l-2.036-1.91-2.104-1.973z"/>
          </svg>
        </span>
        {{phone}}
      </a>
      {% endif %}

      {# Email #}
      {% if email %}
      <a class="email infos" href="tel:{{email}}">
        <span class="icon--email icon">
          <span class="text--hidden">Mail</span>
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="12" viewBox="0 0 16 12">
            <path fill="#000000" fill-opacity=".8" fill-rule="evenodd" d="M14.87 2.733c.624-.54 1.13-.314 1.13.517v7.145c0 .826-.667 1.495-1.505 1.495H1.505A1.498 1.498 0 0 1 0 10.395V3.25c0-.826.5-1.062 1.13-.517l6.117 5.305c.416.36 1.097.355 1.506 0l6.118-5.305zm0-1.742c.624-.547.463-.991-.375-.991H1.505C.674 0 .5.44 1.13.991l6.118 5.37c.416.365 1.097.359 1.506 0L14.87.99z"/>
          </svg>
      </span>
        {{email}}
      </a>
      {% endif %}


    </section>

    {% include 'm_layout/footer/components/social.twig' %}

</footer>