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

{% block body %}
 <div class="main-content" style="min-height: 568px;">
    <section class="section">
        {{ form_start(form) }}
        <center>
            <h1> <b style ="color:crimson;font-size:19px;"> Subitution  de la commande {{commande.numerocommande}}</b></h1>
            <center>
                <div class="row">
                    <div class="col-md-6">
                 
                        <div class="card">
                            <div class="card-header">

                                <h4>Informations client</h4>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table dataTable table-striped">
                                        <tbody>
                                            <tr>
                                             <div class="form-group col-md-12">
                          {{ form_widget(form.nom, {'attr': {'class': 'form-control','placeholder':'Nom'}}) }}
   <div class="invalid-feedback">
                       {{ form_errors(form.nom) }}
                    </div>

                                            </tr>

                                            <tr>
                                        <div class="form-group col-md-12">
                       {{ form_widget(form.prenoms, {'attr': {'class': 'form-control','placeholder':'Prenoms'}}) }}
   <div class="invalid-feedback">
                       {{ form_errors(form.prenoms) }}
                      </div>
                    </div>

                                            </tr>

                                            <tr>
                                   <div class="form-group col-md-12">
                       {{ form_widget(form.email, {'attr': {'class': 'form-control','placeholder':'email client'}}) }}
   <div class="invalid-feedback">
                       {{ form_errors(form.email) }}
                      </div>
                    </div>

                                            </tr>
      <tr>
                                   <div class="form-group col-md-12">
AGENCE DE TRAITEMENT
  {{ form_widget(form.uotreich, {'attr': {'class': 'form-control'}}) }}
   <div class="invalid-feedback">
                       {{ form_errors(form.uotreich) }}
                      </div>
                    </div>

                                            </tr>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="card">
                            <div class="card-header">

                                <h4>Informations de livraison</h4>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive">
                                    <table class="table dataTable table-striped">
                                        <tbody>
                                                             <tr>
                                           <div class="form-group col-md-12">
                  


                      {{ form_widget(form.priorite) }}
                     <div class="invalid-feedback">
                       {{ form_errors(form.priorite) }}
                      </div>
                    </div>


                                            </tr>
                                                                <tr>
                                           <div class="form-group col-md-12">
                  


                      {{ form_widget(form.typecommune, {'attr': {'class': 'js-example-basic-single1' }}) }}
                     <div class="invalid-feedback">
                       {{ form_errors(form.typecommune) }}
                      </div>
                    </div>


                                            </tr>
                                            <tr>
                                           <div class="form-group col-md-12">
                   


                      {{ form_widget(form.adresseclientlivraison, {'attr': {'class': 'form-control','placeholder':'Adresse de livraison'}}) }}
   <div class="invalid-feedback">
                       {{ form_errors(form.adresseclientlivraison) }}
                      </div>
                    </div>


                                            </tr>
         <tr>
         <div class="row">
         <div class="form-group col-md-6">
                  
                      {{ form_widget(form.telephone, {'attr': {'class': 'form-control','placeholder':'Saisir contact 1'}}) }}
   <div class="invalid-feedback">
                       {{ form_errors(form.telephone) }}
                      </div>
                    </div>
                     <div class="form-group col-md-6">
                      {{ form_widget(form.contact, {'attr': {'class': 'form-control','placeholder':'Saisir contact 2'}}) }}
   <div class="invalid-feedback">
                       {{ form_errors(form.contact) }}
                      </div>
                    </div>  </div>
     
                                            </tr>
                                           
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

 


                 

 
 
                 {# <div class="row">
                    <div class="col-12 col-sm-12 col-lg-12">
                        <div class="card">
                            <div class="card-header">
                                <h4>Commentaires</h4>
                            </div>
                            <div class="card-body">
                                <div class="table-responsive table-invoice">
                                    <table class="table table-striped">
                                        <tbody>
            <div class="row">                             
         <div class="form-group col-md-12">
 
                             <fieldset>
  <legend>Commentaire(s):</legend>
  <input name="valide" value="ok" type="hidden"  class="form-control">
   <textarea rows="10"  name="comment" placeholder="Entrer votre message" class="form-control" required></textarea>
  </fieldset> 
                       </div> 
                       
                       
                       </div>
                      
                                            
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> #}


 
         
              <div class="row">
                     <div class="col-md-6">
 {# <button  class="btn btn-primary">Enregistrer</button> #}
     <input type="submit" value="Valider" name="bt" class="btn btn-success"/>
 
    {# {{ form_widget(form.submit) }} #}
</div>
<div class="col-md-6">
   <a href="javascript:history.back()" class="btn btn-warning">Retour</a>
 
</div>
            </div>
  {{ form_end(form) }}
      

        </section>
       </div>

{% endblock %}
{% block javascripts %} 
   {{parent()}}
 <link href="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/css/select2.min.css" rel="stylesheet" />
<script src="https://cdn.jsdelivr.net/npm/select2@4.0.13/dist/js/select2.min.js"></script>
 
 
 <script>
 
$(document).ready(function() {

       var stylesa = {
      color : "crimson",
      fontWeight: "bold",
      fontSize:"20px",
      fontStyle:"italic" ,
      position:"center"
       
    };   
                    $(".form-check-label").html("Cochez pour Transferer la commande vers treichville").css( stylesa ); 

     $("#commandes_fraislivraison").change(function () {
   var styles = {
      color : "crimson",
      fontWeight: "bold",
      fontSize:"20px",
      fontStyle:"italic" ,
      position:"center"
       
    };     
       var styles1 = {
      color : "#01579B",
      fontWeight: "bold",
      fontSize:"20px",
      fontStyle:"italic" ,
      position:"center"
       
    };     
          
       console.log("Valeur selectionée 1", $("#commandes_fraislivraison").val()); 
                   if($("#commandes_fraislivraison").val()==="1000"){ 
                     console.log("ok");
                     $("#affiche").html(""  ).css( styles );
                   } 
                   if($("#commandes_fraislivraison").val()==="1500")  {
                     console.log("oksq");
                    $("#affiche").html(""  ).css( styles1 ); 
                   }
            

        });
   
    $('.js-example-basic-single').select2({
  theme: "classic",
  placeholder: 'choisir un type'
});
 $('.js-example-basic-single1').select2({
  theme: "classic",
  placeholder: 'CHOISIR UNE COMMUNE'
});
});
     </script>
 
 
 {% endblock %}