{% extends 'menuback.html.twig' %}

{% block stylesheets %}
{{parent()}}


{% endblock %}

{% block body %}
<div class="main-content" style="min-height: 568px;">
    <section class="section">
        <center>
            <h1> <b style="color:crimson;font-size:19px;"> Rechercher une feuille de route</b></h1>
            <p id="msgerror" style="color: red; text-align: center;"></p>
        </center>
        <div class="row">
            <div class="col-md-12">

                <div class="card">
                    <div class="card-header">

                        <h4>Informations client</h4>
                    </div>
                    <div class="card-body">
                        <form action="{{ path('searchcommande') }}" method="post">
                            <input name="valide" value="ok" type="hidden" class="form-control">

                            <div class="form-group">
                                <label for="numerocommande">Numero de commande</label>
                                <input type="text" name="numerocommande" id="numerocommande" class="form-control"
                                    aria-describedby="emailHelp" placeholder="Enter un numero de commande">
                                <small id="emailHelp" class="form-text text-muted">Merci de saisir un numero de commande
                                    valide</small>
                            </div>

                            <button type="submit" class="btn btn-primary">Soumettre</button>
                        </form>
                    </div>
                </div>
            </div>

            {% if retVal == true %}
            {% set referencefeuillederoute = "" %}
            {% set nomliv = "" %}
            {% set id = "" %}
            {% for commande in commandes   %}
            {% if loop.first %}
            {% set referencefeuillederoute = commande.livraison.reference %}
            {% set nomliv = commande.livreur.nom %}
            {% set id = commande.livreur.id %}



            {% endif %}
            {% endfor %}
            <div class="row">
                <div class="col-md-12">
                    <div class="card text-center">
                        <div class="card-header">
                            FEUILLE DE ROUTE
                        </div>
                        <div class="card-body">
                            <h5 class="card-title">{{referencefeuillederoute}}</h5>
                            <p class="card-text"></p>
                            <a href="{{ path('reimpression_feuille', {'id': id}) }}" target="_blank"
                                class="btn btn-primary">imprimer</a>
                        </div>
                        <div class="card-footer text-muted">
                            {{nomliv}}
                        </div>
                    </div>
                </div>
            </div>
            {% else %}

            {% endif %}

        </div>
    </section>
</div>
{% endblock %}