<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link rel="apple-touch-icon" sizes="76x76" href="{{ asset('./a/img/apple-icon.png')}}">
  <link rel="icon" type="image/png" href="{{ asset('images/favicon.png') }}">
  <title>{{user.societeLivraison.designation}}</title>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700" rel="stylesheet" />
  <link href="{{ asset('./a/css/nucleo-icons.css')}}" rel="stylesheet" />
  <link href="{{ asset('./a/css/nucleo-svg.css')}}" rel="stylesheet" />
  <script src="https://kit.fontawesome.com/42d5adcbca.js" crossorigin="anonymous"></script>
  <link id="pagestyle" href="{{ asset('./a/css/argon-dashboard.css?v=2.0.4')}}" rel="stylesheet" />
  <link rel="stylesheet" href="https://unpkg.com/ionicons@5.5.2/dist/css/ionicons.min.css">
</head>

<body class="g-sidenav-show bg-gray-100">
  <div class="min-height-300 bg-primary position-absolute w-100"></div>
  <aside class="sidenav bg-white navbar navbar-vertical navbar-expand-xs border-0 border-radius-xl my-3 fixed-start ms-4" id="sidenav-main">
    <div class="sidenav-header">
        <a class="navbar-brand brand-logo"><img src="{{ asset('images/favicon.png') }}" alt="logo" class="navbar-brand-img h-100" style="max-width: 50px;" />
        <span class="ms-1 font-weight-bold">{{user.societeLivraison.designation}}</span>
        </a>
    </div>
    <hr class="horizontal dark mt-0">
    <div class="collapse navbar-collapse w-auto" id="sidenav-collapse-main">
      <ul class="navbar-nav">
        <li class="nav-item">
  <a class="nav-link active" href="{{ path('app_dash_board_accueil') }}">
    <div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
      <i class="ni ni-tv-2 text-primary text-sm opacity-10"></i>
    </div>
    <span class="nav-link-text text-xs ms-1">Dashboard</span>
  </a>
</li>
<li class="nav-item">
  <a class="nav-link" href="{{ path('app_dash_board_portefeuille') }}">
    <div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
      <i class="ni ni-credit-card text-warning text-sm opacity-10"></i>
    </div>
    <span class="nav-link-text text-xs ms-1">Portefeuille</span>
  </a>
</li>
<li class="nav-item">
  <a class="nav-link" href="{{ path('app_tarif_zone_all_tarif_zone') }}">
    <div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
      <i class="ni ni-badge text-info text-sm opacity-10"></i>
    </div>
    <span class="nav-link-text text-xs ms-1">Tarif Zone</span>
  </a>
</li>
<li class="nav-item">
  <a class="nav-link" href="{{ path('app_tarif_zone_all_tarif_kilometrique') }}">
    <div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
      <i class="ni ni-ruler-pencil text-danger text-sm opacity-10"></i>
    </div>
    <span class="nav-link-text text-xs ms-1">Tarif Kilometrique</span>
  </a>
</li>
<li class="nav-item">
  <a class="nav-link" href="{{ path('app_tarif_par_defaut') }}">
    <div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
      <i class="ni ni-settings text-secondary text-sm opacity-10"></i>
    </div>
    <span class="nav-link-text text-xs ms-1">Tarif Par Defaut</span>
  </a>
</li>
<li class="nav-item">
  <a class="nav-link" href="{{ path('app_livreur_all_livreur') }}">
    <div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
      <i class="ni ni-single-02 text-success text-sm opacity-10"></i>
    </div>
    <span class="nav-link-text text-xs ms-1">Livreur</span>
  </a>
</li>
<li class="nav-item">
  <a class="nav-link" href="{{ path('app_non_disponibilite') }}">
    <div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
      <i class="ni ni-notification-70 text-warning text-sm opacity-10"></i> <!-- Icône de Non Disponibilité -->
    </div>
    <span class="nav-link-text text-xs ms-1">Non Disponibilité</span>
  </a>
</li>
<li class="nav-item">
  <a class="nav-link" href="{{ path('app_all_livraison') }}">
    <div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
      <i class="ni ni-bag-17 text-success text-sm opacity-10"></i>
    </div>
    <span class="nav-link-text text-xs ms-1">Livraison</span>
  </a>
</li>

<li class="nav-item mt-3">
  <h6 class="ps-4 ms-2 text-uppercase text-xs font-weight-bolder opacity-6">Account pages</h6>
</li>
<li class="nav-item">
  <a class="nav-link" href="{{ path('app_compte_go_profil_compte') }}">
    <div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
      <i class="ni ni-single-02 text-dark text-sm opacity-10"></i>
    </div>
    <span class="nav-link-text text-xs ms-1">Profile</span>
  </a>
</li>
<li class="nav-item">
  <a class="nav-link" href="{{ path('app_go_register_logOut') }}">
    <div class="icon icon-shape icon-sm border-radius-md text-center me-2 d-flex align-items-center justify-content-center">
      <i class="ni ni-single-02 text-dark text-sm opacity-10"></i>
    </div>
    <span class="nav-link-text text-xs ms-1">Logout</span>
  </a>
</li>


</ul>
</div>
<div class="sidenav-footer mx-3">
<div class="card card-plain shadow-none" id="sidenavCard">
<img class="w-50 mx-auto" src="{{ asset('./a/img/illustrations/icon-documentation.svg')}}" alt="sidebar_illustration">
<div class="card-body text-center p-3 w-100 pt-0">
  <div class="docs-info">
    <h6 class="mb-0 text-xs ">Need help?</h6>
    <p class="text-xs text-xs font-weight-bold mb-0">Please check our docs</p>
  </div>
</div>
</div>
</div>
<div id="error-modal" class="error-modal">
<span class="close" onclick="document.getElementById('error-modal').classList.remove('active')">&times;</span>
<div class="message">
{% if app.session.flashBag.has('error') %}
    {% for message in app.session.flashBag.get('error') %}
        {{ message }}<br>
    {% endfor %}
{% endif %}
</div>
</div>

</aside>
<main class="main-content position-relative border-radius-lg">
<!-- Error Modal -->

<script>
// Show the error modal if there are error messages
{% if app.session.flashBag.has('error') %}
  document.getElementById('error-modal').classList.add('active');
{% endif %}
</script>
