@if(app()->getLocale()=='ar')
    <style>
        header{
            /*direction: rtl;*/
        }

    </style>
@endif

<header id="header" class="header d-flex align-items-center sticky-top">
    <div class="container-fluid container-xl position-relative d-flex align-items-center">

      <a class="navbar-brand" href="/"><img src="" style=" height:60px;" /></a>
        <a class="navbar-brand d-none  d-xl-block" href="/"><img src="/images/front-office/logo2.svg"></a>

      <nav id="navmenu" class="navmenu">
        <ul>
          <li class="dropdown"><a href="#"><span>{{__('header.À Propos')}}</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
            <ul>
              <li><a href="/a-propos">{{__('header.À Propos')}}</a></li>
              <li><a href="/programme">{{__('header.Programme')}}</a></li>
            </ul>
          </li>          <li><a href="/project-submission">{{__('header.Soumissionner un projet')}}</a></li>
          <li class="dropdown"><a href="#"><span>{{__('header.Lien utiles')}}</span> <i class="bi bi-chevron-down toggle-dropdown"></i></a>
            <ul>
              <li><a href="/faq">{{__('header.FAQ')}}</a></li>
              
              <li><a href="https://www.almoukawala.gov.ma/">{{__('header.Portail Nationale d\'appui a l\'entereprenariat')}}</a></li>
              <li><a href="https://www.daralmoukawil.com/">{{__('header.Dar Almoukawil')}}</a></li>
              <li><a href="https://www.ofppt.ma/">OFPPT</a></li>
              <li><a href="http://anapec.org/">ANAPEC</a></li>
            </ul>
          </li>
          <li><a href="/contact">{{__('header.Nous Contacter')}}</a></li>
        </ul>
        <i class="mobile-nav-toggle d-xl-none bi bi-list"></i>
      </nav>

      <a class="btn-getstarted" href="/login">{{__('header.Se Connecter')}}</a>
            <a class="btn btn-sm  dropdown-toggle" href="#" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                @if(app()->getLocale()=='ar')
                    <span class="flag-icon flag-icon-ma"></span>        عربية
                @else
                    <span class="flag-icon flag-icon-fr"></span>   Fr
                @endif
            </a>

            <div class="dropdown-menu" aria-labelledby="dropdownMenuLink">
                <a  class="dropdown-item" href="{{ route('languageConverter','en') }}" ><i class="flag-icon flag-icon-fr"></i> {{__('project-submission.Francais')}}</a>
                <a  class="dropdown-item" href="{{ route('languageConverter','ar') }}" ><i class="flag-icon flag-icon-ma"></i> {{__('project-submission.Arabe')}}</a>
            </div>
        </div>

  </header>