<!DOCTYPE html>
<html lang="fr">
<head>
  <link rel="icon" type="image/png" href="{{ asset('images/favicon.png') }}">
    <link rel="apple-touch-icon" href="{{ asset('images/favicon.png') }}">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@yield('titre', 'InnerHayti — Le hub numérique d\'Haïti')</title>

      <meta name="description" content="@yield('description', "InnerHayti, le hub numérique d'Haïti : annonces, marketplace, événements, emploi, livres et actualités.")">

    {{-- Partage sur les réseaux sociaux --}}
    <meta property="og:title" content="@yield('titre', 'InnerHayti')">
    <meta property="og:description" content="@yield('description', "Le hub numérique d'Haïti.")">
    <meta property="og:type" content="website">
    <meta property="og:image" content="{{ asset('images/logo.png') }}">
    <meta name="twitter:card" content="summary_large_image">

    <link rel="stylesheet" href="{{ asset('css/innerhayti.css') }}">
</head>
<body>

<header class="site">
  <div class="wrap bar">
    <a class="brand" href="{{ route('accueil') }}">
      <img src="{{ asset('images/logo.png') }}" alt="InnerHayti" style="height:32px;width:auto">
    </a>
    <button class="menu-toggle" id="menuBtn" aria-label="Ouvrir le menu" aria-expanded="false">☰</button>
    <nav class="main" id="mainNav">
      <a href="{{ route('services') }}">{{__('Nos services')}}</a>
      <div class="has-sub">
        <a class="navtop" href="#">{{__('Annonces')}} <span class="caret">▾</span></a>
        <div class="submenu">
          <a href="{{ route('annonces.index') }}">{{__('Toutes les annonces')}}</a>
          <a href="{{ route('annonces.index', ['categorie'=>'marketplace']) }}">{{__('Marketplace')}}</a>
          <a href="{{ route('annonces.index', ['categorie'=>'evenement']) }}">{{__('Événements')}}</a>
          <a href="{{ route('annonces.index', ['categorie'=>'emploi']) }}">{{__('Emploi')}}</a>
          <a href="{{ route('annonces.index', ['categorie'=>'annuaire']) }}">{{__('Annuaire')}}</a>
          <a href="{{ route('liv509') }}">{{__('Liv509')}}</a>
        </div>
      </div>
      <div class="has-sub">
        <a class="navtop" href="#">{{__('Actualités')}} <span class="caret">▾</span></a>
        <div class="submenu">
          <a href="{{ route('articles.index') }}">{{__("Fil d'actualités")}}</a>
          <a href="{{ route('articles.index', ['rubrique'=>'ayitizana']) }}">{{__('Ayitizana')}}</a>
          <a href="{{ route('articles.index', ['rubrique'=>'infos_utiles']) }}">{{__('Infos-Utiles')}}</a>
        </div>
      </div>
      <div class="nav-right">
       <div class="lang">
          <a href="{{ route('langue', 'fr') }}" class="{{ app()->getLocale() === 'fr' ? 'active' : '' }}">FR</a>
          <a href="{{ route('langue', 'en') }}" class="{{ app()->getLocale() === 'en' ? 'active' : '' }}">EN</a>
          <a href="{{ route('langue', 'ht') }}" class="{{ app()->getLocale() === 'ht' ? 'active' : '' }}">KR</a>
        </div>
        <div class="nav-auth">
          <a class="btn btn-ghost" href="{{ url('/espace-membre/login') }}">{{ __('Se connecter') }}</a>
          <a class="btn btn-solid" href="{{ url('/espace-membre/annonces/create') }}">{{ __('Publier une annonce') }}</a>
        </div>
      </div>
    </nav>
  </div>
</header>

@yield('content')

<footer class="site">
  <div class="wrap">
    <div class="cols">
      <div>
        <a class="brand" href="{{ route('accueil') }}" style="font-weight:800;font-size:20px;letter-spacing:-.02em">
          <span style="color:#fff">INNER</span><span style="color:#F47920">HAYTI</span>
        </a>
        <p class="desc">{{__("La plateforme qui rassemble les annonces, les services et la vie économique d'Haïti.")}}</p>
      </div>
      <div>
        <h4>Explorer</h4>
        <ul>
          <li><a href="#">{{__('Marketplace')}}</a>
          </li><li><a href="#">{{__('Événements')}}</a>
          </li><li><a href="#">{{__('Emploi')}}</a></li>
          <li><a href="#">{{__('Annuaire')}}</a></li>
          <li><a href="{{route('liv509')}}">Liv509</a></li>
        </ul>
      </div>
      <div>
        <h4>InnerHayti</h4>
        <ul>
          <li><a href="{{route('services')}}">{{__("L'agence")}}</a></li>
          <li><a href="#">{{__('Actualités')}}</a></li>
          <li><a href="#">{{__('Infos-Utiles')}}</a></li>
          <li><a href="#">Ayitizana</a></li>
        </ul>
      </div>
      <div>
        <h4>{{__('Compte')}}</h4>
        <ul>
          <li><a href="{{ url('/espace-membre/login') }}">{{__('Se connecter')}}</a></li>
        <li><a href="{{ url('/espace-membre/register') }}">{{__('Créer un compte')}}</a></li>
        <li><a href="{{ url('/espace-membre/annonces/create') }}">{{__('Publier une annonce')}}</a></li>
        <li><a href="{{ route('contact') }}">Contact</a></li>
        </ul>
      </div>

      <div>
        <ul>
          <li><a href="{{ route('legal') }}">{{__('Mentions légales')}}</a></li>
        </ul>
      </div>
    </div>
    <div class="rule"></div>
    <div class="legal">
      <span>© {{ date('Y') }} InnerHayti. Tous droits réservés.</span>
      <span>Conditions · Confidentialité · Contact</span>
      
    </div>
  </div>
</footer>

<script src="{{ asset('js/innerhayti.js') }}"></script>
</body>
</html>