<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>{% block title %}{{ 'NAVBAR.titre' | trans }}{% endblock %}</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="description" content="{% block description %}{{ 'NAVBAR.metaDescription' | trans({'%station%': ''}) }}{% endblock %}"/>
<link rel="icon" type="image/x-icon" href="{{ asset('favicon.ico') }}" />
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.8.2/css/all.css">
<!-- Bootstrap core CSS -->
<link href="{{ asset('assets/css/bootstrap.min.css') }}" rel="stylesheet">
<!-- Material Design Bootstrap -->
<link href="{{ asset('assets/css/mdb.min.css') }}" rel="stylesheet">
<!-- Your custom styles (optional) -->
<link href="{{ asset('assets/css/style.css') }}" rel="stylesheet">
<link href="{{ asset('assets/css/addons/flag.min.css') }}" rel="stylesheet">
{% block stylesheets %}{% endblock %}
<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-180651004-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-180651004-1');
</script>
<script data-ad-client="ca-pub-2598217563511795" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</head>
<body class="hm-blue" style="background-color: #003c6b;">
<nav class="mb-1 navbar navbar-expand-lg navbar-dark red">
<div class="container">
<a class="navbar-brand" href="{{ path('station_pays') }}">
<img class="image logo-header" title="{{ 'NAVBAR.titre' | trans }}" alt="{{ 'NAVBAR.titre' | trans }}" src="{{ asset('assets/logo.png') }}">
</a>
<button aria-controls="navbarSupportedContent-7" aria-expanded="false" aria-label="Toggle navigation"
class="navbar-toggler" data-target="#navbarSupportedContent-7" data-toggle="collapse" type="button">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent-7">
<ul class="navbar-nav mr-auto">
<li class="nav-item active">
<a class="nav-link waves-effect waves-light" href="{{ path('station_pays') }}">{{ 'NAVBAR.localStations'|trans }}<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item"><a class="nav-link waves-effect waves-light"
href="{{ path('station_liste_pays') }}">{{ 'NAVBAR.pays'|trans }}</a>
</li>
<li class="nav-item"></li>
</ul>
<form class="form-inline search-from-width">
<div class="md-form my-0 search-div-width">
<input aria-label="Recherche" class="form-control mr-sm-2 input-search-width" type="text"
placeholder="{{ 'NAVBAR.recherche'|trans }}"></div>
</form>
<ul class="navbar-nav ml-auto nav-flex-icons">
<li class="nav-item dropdown">
<a aria-expanded="false" aria-haspopup="true"
class="nav-link dropdown-toggle waves-effect waves-light" data-toggle="dropdown"
id="navbarDropdownMenuLink-333">
<i class="fas fa-globe"></i>
</a>
<div aria-labelledby="navbarDropdownMenuLink-333" class="dropdown-menu dropdown-default">
<span class="dropdown-item mouse-pointer {% if app.request.locale == 'en' %}active{% endif %}" id="en"><a href="{{ path('language', {locale : 'en'}) }}">English</a></span>
<span class="dropdown-item mouse-pointer {% if app.request.locale == 'fr' %}active{% endif %}" id="fr"><a href="{{ path('language', {locale : 'fr'}) }}">Français</a></span>
<span class="dropdown-item mouse-pointer {% if app.request.locale == 'ar' %}active{% endif %}" id="ar"><a href="{{ path('language', {locale : 'ar'}) }}">العربية</a></span>
</div>
</li>
</ul>
</div>
</div>
</nav>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-2598217563511795"
data-ad-slot="1891274399"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
{% block body %}{% endblock %}
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-2598217563511795"
data-ad-slot="3560074129"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<!-- SCRIPTS -->
<!-- JQuery -->
<script type="text/javascript" src="{{ asset('assets/js/jquery.js') }}"></script>
<!-- Bootstrap tooltips -->
<script type="text/javascript" src="{{ asset('assets/js/popper.min.js') }}"></script>
<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="{{ asset('assets/js/bootstrap.min.js') }}"></script>
<!-- MDB core JavaScript -->
<script type="text/javascript" src="{{ asset('assets/js/mdb.min.js') }}"></script>
{% block javascripts %}{% endblock %}
</body>
</html>