{% include 'sidebar/sidebarLivreur.html.twig' %}
 <nav class="navbar navbar-main navbar-expand-lg px-0 mx-4 shadow-none border-radius-xl" id="navbarBlur" data-scroll="false">
      <div class="container-fluid py-1 px-3">
        <nav aria-label="breadcrumb">
          <ol class="breadcrumb bg-transparent mb-0 pb-0 pt-1 px-0 me-sm-6 me-5">
            <li class="breadcrumb-item text-sm text-white active"><i class="fas fa-home"></i></li>
          </ol>
          <h6 class="font-weight-bolder text-white mb-0">Livraison(s)</h6>
        </nav>
        {% include 'sidebar/navbar.html.twig' %}
    </div>
</nav>

    <div class="container-fluid py-4">
      <div class="row">
     <div class="col-lg-12 grid-margin stretch-card">
        <div class="card">
            <div class="card-body px-0 pt-0 pb-2">
                            <div class="table-responsive p-0">
                                <table class="table align-items-center mb-0">
                                    <thead>
                                        <tr>
                                            <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Livreur</th>
                                            <th class="text-uppercase text-secondary text-xxs font-weight-bolder opacity-7 ps-2">Tarif</th>
                                            <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Status</th>
                                            <th class="text-center text-uppercase text-secondary text-xxs font-weight-bolder opacity-7">Date</th>
                                            <th class="text-secondary opacity-7"></th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        {% for livraison in livraisons %}
                                        <tr>
                                            <td>
                                                <div class="d-flex px-2 py-1">
                                                    <div>
                                                        <img src="{{ asset('assets/images/user/' ~ (livraison.livreur.image ? livraison.livreur.image : 'default.jpg')) }}" class="avatar avatar-sm me-3" alt="user">
                                                    </div>
                                                    <div class="d-flex flex-column justify-content-center">
                                                        <h6 class="mb-0 text-sm">{{ livraison.livreur.firstname }} {{ livraison.livreur.lastname }}</h6>
                                                        <p class="text-xs text-secondary mb-0">{{ livraison.livreur.email }}</p>
                                                    </div>
                                                </div>
                                            </td>
                                            <td>
                                                <p class="text-xs font-weight-bold mb-0">Tarif</p>
                                                <p class="text-xs text-secondary mb-0">{{ livraison.tarif }}</p>
                                            </td>
                                            <td class="align-middle text-center text-sm">
                                                <span class="badge badge-sm bg-gradient-success">En cours</span>
                                            </td>
                                            <td class="align-middle text-center">
                                                <span class="text-secondary text-xs font-weight-bold">{{ livraison.createdAt|date('F j, Y, g:i a') }}</span>
                                            </td>
                                           <td class="align-middle">
                                                <a href="{{ path('app_compte_livreur_parcours', { id: livraison.id}) }}" class="text-secondary font-weight-bold text-xs" data-toggle="tooltip" data-original-title="Edit user">Parcours</a>
                                            </td>

                                        </tr>
                                        {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        </div>
            </div>
        </div>
    </div>  
     </div>
  
 {% include 'sidebar/parameter.html.twig' %}