{% extends 'menuback.html.twig' %}
{% block stylesheets %} 
   {{parent()}}
 {% endblock %}

{% block body %}
<div class="main-content">
<section class="section">
          <div class="section-body">
            <div class="row">
              <div class="col-12 col-md-12 col-lg-12">
                <div class="card">
                  {{ form_start(form) }}
                    <div class="card-header">
                      <h4>Champ de recherche ({{commandes|length }})</h4>
                    </div>
                    <div class="card-body">
                     <div class="form-row">
                   
                    
                      <div class="form-group col-md-3">
                        <label>Nom</label>
                        {{ form_widget(form.nom) }}
                      </div>
                      <div class="form-group col-md-3">
                        <label>Prenoms</label>
                         {{ form_widget(form.prenoms) }}
                      </div>
                      
                      <div class="form-group col-md-3">
                        <label>Email client</label>
                         {{ form_widget(form.email) }}
                      </div>
                       <div class="form-group col-md-3">
                        <label>Numero de la commandes </label>
                         
                           {{ form_widget(form.numerocommande) }}
                       </div>
                      </div>
                       <div class="form-row">
                      <div class="form-group col-md-3">
                        <label>Adresse de livraison </label>
                         
                           {{ form_widget(form.adresseclientlivraison) }}
                       </div>

                        <div class="form-group col-md-3">
                        <label>Contact 1</label>
                        
                           {{ form_widget(form.telephone) }}
                       </div>

                        <div class="form-group col-md-3">
                        <label>Contact 2</label>
                         
                           {{ form_widget(form.contact) }}
                       </div>
                       <div class="form-group col-md-3">
                        <label>Etat</label>
                         
                           {{ form_widget(form.typestatut) }}
                       </div>
                        </div>

                       <div class="form-row">
                      <div class="form-group col-md-6">
                        <label>Canal de communication </label>
                         
                           {{ form_widget(form.typecanalcom) }}
                       </div>

                       <div class="form-group col-md-6">
                        <label>Commune </label>
                         
                           {{ form_widget(form.typecommune) }}
                       </div>
                       </div>
                        
                       
                    </div> 
                    {# <div class="card-footer text-right">
                      <button class="btn btn-primary">Submit</button>
                    </div> #}

                      <button type="submit" class="btn btn-primary btn-lg btn-block">
                      RECHERCHE
                    </button>
                      {{ form_end(form) }}
                </div>
                 
            </div>
          </div>
        </section>
       
{% if commandes|length != 0 %}
        <div class="row">
         {% for commande in commandes %}
 
 
         <a href="{{ path('commandes_timeline', {'id': commande.id}) }}" style="text-decoration:none;" >
              <div class="col-xl-3 col-lg-6">
                <div class="card">
                  <div class="card-body card-type-3">
                    <div class="row">
                      <div class="col">
                        <h6 class="text-muted mb-0">Numero de commande :<b style="color:crimson;"> {{commande.numerocommande}}</b></h6>
                      
                      </div>
                      <div class="col-auto">
                        
                          {% if commande.typestatut.designation =="en attente" %}
                   <b class="badge badge-warning">  {{ commande.typestatut.designation   }} </b>
                   
                  
                  {% elseif commande.typestatut.designation =="en cours" %}
                   <b class="badge badge-primary">  {{ commande.typestatut.designation   }} </b>

                {% else %}
  {{ commande.typestatut.designation   }}
                  {% endif %}
                       
                      </div>
                    </div>
                    <p class="mt-3 mb-0 text-muted text-sm">
                      <span class="text-success mr-2"> Client:</span>
                      <span class="text-nowrap">{{commande.nom}} {{commande.prenoms}}</span>
                    </p>
                  </div>
                </div>
</a>
              </div>
              
        {% endfor %}
            </div>
            {% else %}
                <h2 style="color:red;"><center>AUCUN RESULTAT </center>  </h2>
        {% endif %}

      
				
        
              					 
      {{ knp_pagination_render(commandes) }}
   
      </div>
  {# <div class="jumbotron">
    <div class="container">
      {{ form_start(form) }}
      <div class="form-row align-items-end">
        <div class="col-md-3">
          {{ form_widget(form.minSurface) }}
        </div>
        <div class="col-md-3">
          {{ form_widget(form.maxPrice) }}
        </div>
        <div class="col-md-4">
          {{ form_widget(form.options) }}
        </div>
      </div>
      <div class="form-row align-items-end">
        <div class="col-md-8">
          {{ form_widget(form.address, {'id': 'search_address'}) }}
        </div>
        <div class="col-md-2">
          {{ form_widget(form.distance) }}
        </div>
        <div class="col-md-1">
          <div class="form-group">
            <button class="btn btn-primary">{{ 'Search' | trans }}</button>
          </div>
        </div>
      </div>
      {{ form_end(form) }}
    </div>
  </div>

   
    {# display navigation #}
   

 
 
{% endblock %}
{% block javascripts %} 
   {{parent()}}
 {% endblock %}