@php
  $register_button_url = get_field('register_button_url', 'options');
  $register_button_text = get_field('register_button_text', 'options');
  $login_button_url = get_field('login_button_url', 'options');
  $login_button_text = get_field('login_button_text', 'options');
@endphp

<header class="banner">
  <div class="row">
    <div class="column column-75">
      {{ the_custom_logo() }}
    </div>
    <div class="column column-25 text-right">
      <div>
        <a href="{{$login_button_url}}" class="button button-green">{{$login_button_text}}</a>
        <a href="{{$register_button_url}}" class="button button-green">{{$register_button_text}}</a>
      </div>
      <div class="social">
        <a href="https://twitter.com/compfreedating" target="_blank" rel="noopener" title="Twitter">@php include(get_template_directory() . "/icons/twitter-square.svg"); @endphp</a>
        <a href="https://www.facebook.com/CompletelyFreeDating" target="_blank" rel="noopener" title="Facebook">@php include(get_template_directory() . "/icons/facebook-square.svg"); @endphp</a>
        <a href="https://www.instagram.com/compfreedating/" target="_blank" rel="noopener" title="Instagram">@php include(get_template_directory() . "/icons/instagram-square.svg"); @endphp</a>
      </div>
    </div>
  </div>
  <div class="row nav-container">
    <div id="nav-icon">
      <div class="menu-icon">
      @php
        include(get_template_directory() . "/icons/bars.svg");
        include(get_template_directory() . "/icons/times.svg");
      @endphp
      </div>
      <div class="menu-text">MENU</div>
    </div>
    <nav class="nav-primary">
      @if (has_nav_menu('primary_navigation'))
        {!! wp_nav_menu(['theme_location' => 'primary_navigation', 'menu_class' => 'nav']) !!}
      @endif
    </nav>
  </div>
</header>