<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Outil souscripteur Transport">
    <title>EasyTransport</title>

    <!-- Variable pour complément spécifique HEAD -->
    <%- typeof extraHeadContent !=='undefined' ? extraHeadContent : '' %>

    <!-- Init CSS -->
    <!-- Favicon: icône affichée dans l'onglet du navigateur -->
    <link rel="icon" href="/images/favicon-axa.ico">
    <!-- Import de la police Roboto avec différents poids pour une utilisation dans le site -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap">
    <!-- Icônes Material Design : Bibliothèque d'icônes pour utilisation dans le site -->
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <!-- Normalisation du CSS : élimine les différences de style par défaut entre les navigateurs -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
    <!-- Materialize CSS : Bibliothèque CSS pour des éléments de conception matérialisée -->
    <link rel="stylesheet" href="/materialize/css/materialize.min.css">
    <!-- Feuille de style globale : Styles CSS personnalisés pour ce projet -->
    <link rel="stylesheet" href="/css/global.css">
    <!-- DataTables CSS -->
    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/2.0.8/css/dataTables.dataTables.css">
</head>

  <body>
    <main>

      <%- include('partials/navbar') %>

      <div class="container">
        <%- typeof body !=='undefined' ? body : '' %>
      </div>

      <!-- Script de Materialize -->
      <script src="/materialize/js/materialize.min.js"></script>
      <!-- Script de decoding de token -->
      <script src="/js/jwt-decode.js"></script>
      <!-- Feuille de script globale : JS personnalisés pour ce projet -->
      <script src="/js/global.js"></script>
      <!-- Feuille de script pour les contrôle de saisie formulaire : JS personnalisés pour ce projet -->
      <script src="/js/verif-form.js"></script>
      <!-- Feuille de script pour les donnée static JSON de saisie formulaire -->
      <script src="/js/json/json-verif-form.js"></script>

    </main>
  </body>
</html>