{% 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"><a href="{{ path('app_compte_livreur') }}"><i class="fas fa-home"></i></a></li>
                <li class="breadcrumb-item text-sm text-white active opacity-5" aria-current="page">Parcours</li>
            </ol>
            <h6 class="font-weight-bolder text-white mb-0">Parcours</h6>
        </nav>
        {% include 'sidebar/navbar.html.twig' %}
    </div>
</nav>

<div class="container-fluid py-4">
    <div class="row">
        <div class="col-md-12 mt-4">
            <div class="card">
                <div class="card-header pb-0 px-3 d-flex justify-content-between align-items-center">
                    <h6 class="mb-0">Parcours</h6>
                    <button 
                        class="btn btn-success text-xs" 
                        data-bs-toggle="modal" 
                        data-bs-target="#validateOrderModal"
                        {% if parcours is not empty and parcours|filter(p => p.ictusCommande is not null and (p.ictusCommande.isRecuperer == null or p.ictusCommande.isRecuperer == 0))|length > 0 %}
                            disabled
                        {% endif %}>
                        Valider la livraison
                    </button>
                </div>
                <div class="card-body pt-4 p-3">
                    {% for parcours in parcours %}
                        <ul class="list-group">
                            <li class="list-group-item border-0 d-flex p-4 mb-2 bg-gray-100 border-radius-lg justify-content-between">
                                <div class="d-flex flex-column">
                                    {% if parcours.ictusCommande is not null and parcours.ictusCommande.id is not empty %}
                                        <h6 class="mb-3 text-sm">Pharmacie</h6>
                                        <span class="mb-2 text-xs">Commande: <span class="text-dark font-weight-bold ms-sm-2">N°{{ parcours.ictusCommande.id }}</span></span>
                                        {% if parcours.ictusCommande.isRecuperer == null or parcours.ictusCommande.isRecuperer == 0 %}
                                            <p class="infocommande text-xs">
                                                <span class="text-xs">{% trans %}Code{% endtrans %}:</span>
                                                <span class="text-dark font-weight-bold ms-sm-2">{{ parcours.ictusCommande.code }} {{ parcours.ictusCommande.codeSecret }}</span>
                                            </p>
                                        {% endif %}
                                    {% else %}
                                        <h6 class="mb-3 text-sm">Patient</h6>
                                    {% endif %}
                                    <span class="mb-2 text-xs">Lot: <span class="text-dark font-weight-bold ms-sm-2">{{ parcours.adresse.lot }}</span></span>
                                    <span class="mb-2 text-xs">Quartier: <span class="text-dark ms-sm-2 font-weight-bold">{{ parcours.adresse.quartier }}</span></span>
                                    <span class="text-xs">Adresse: <span class="text-dark ms-sm-2 font-weight-bold">{{ parcours.adresse.titre }}</span></span>
                                     
                                </div>
                                
                                <div class="text-end">
                                    {% if parcours.ictusCommande is not null and parcours.ictusCommande.id is not empty %}
                                      {% if parcours.ictusCommande.isRecuperer == null or parcours.ictusCommande.isRecuperer == 0 %}
                                        <img width="145px" height="130px" src="{{ parcours.ictusCommande.getQrCode() }}" alt="QR Code" />
                                        <div class="mt-3"></div>
                                      {% endif %}
                                    {% endif %}
                                </div>
                            </li>
                        </ul>
                    {% endfor %}
                </div>
            </div>
        </div>
    </div>

        <!-- Modal -->
        <div class="modal fade" id="validateOrderModal" tabindex="-1" aria-labelledby="validateOrderModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h6 class="modal-title text-xs" id="validateOrderModalLabel">Validation de la livraison</h6>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <form method="post" action="{{path('app_compte_livreur_validation_manuel')}}">
                            <div class="input-group mb-3">
                                <input style="width: 10px; height: 30px;" type="text" class="form-control text-xs" name="code" value="{{ livraison.code }}" disabled>
                                <input style="width: 10px; height: 30px;" type="text" name="codeSecret" class="form-control text-xs" placeholder="    ***    " name="codeSecret">
                                 <input type="hidden" name="livraison" value="{{ livraison.id}}">
                            </div>
                            <div class="text-end mb-2">
                                <p class="text-xs" style="font-size: 11px;">Code de récupération : {{ livraison.code }} ***</p>
                            </div>
                            <div class="text-end">
                                <button type="submit" class="btn btn-primary text-xs" style="font-size: 13px">Marquer comme récupéré</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- Fin Modal -->



    {% include 'sidebar/parameter.html.twig' %}     
</div>