templates/devis_commande/index.html.twig line 1

Open in your IDE?
  1. {% extends 'basePublic.html.twig' %}
  3. {% block title %}Demander un devis - Passer une commande{% endblock %}
  5. {% block body %}
  6.     <div class="container">
  7.         <form action="{{ path('app_devis_commande') }}" method="post" enctype="multipart/form-data">
  8.             {{ form_row(form._token) }}
  9.             <h1 class="text-center">Demande de devis ou commande</h1>
  10.             <fieldset>
  11.                 <legend><h2>1 - Votre demande</h2></legend>
  12.                 <div class="row">
  13.                     <div class="col col-4">
  14.                         <div class="form-group">
  15.                             {{ form_label(form.TypeClient) }}
  16.                             {{ form_widget(form.TypeClient) }}
  17.                             {{ form_errors(form.TypeClient) }}
  18.                         </div>
  19.                     </div>
  20.                     <div class="col col-4">
  21.                         <div class="form-group">
  22.                             {{ form_label(form.TypeVente) }}
  23.                             {{ form_widget(form.TypeVente) }}
  24.                             {{ form_errors(form.TypeVente) }}
  25.                         </div>
  26.                     </div>
  28.                     <div class="col col-4">
  29.                         <div class="form-group">
  30.                             {{ form_label(form.DelaiSouhaite) }}
  31.                             {{ form_widget(form.DelaiSouhaite) }}
  32.                             {{ form_errors(form.DelaiSouhaite) }}
  33.                             {{ form_label(form.Imperatif) }}
  34.                             {{ form_widget(form.Imperatif) }}
  35.                             {{ form_errors(form.Imperatif) }}
  36.                         </div>
  37.                     </div>
  38.                 </div>
  39.             </fieldset>
  40.             <fieldset>
  41.                 <legend><h2>2 - Vos coordonnées</h2></legend>
  42.                 <div class="row">
  43.                     <div class="col col-sm-12 col-md-6">
  44.                         <div class="form-group mt-3">
  45.                             {{ form_label(form.Societe) }}
  46.                             {{ form_widget(form.Societe) }}
  47.                             {{ form_errors(form.Societe) }}
  48.                         </div>
  49.                     </div>
  50.                     <div class="col col-sm-12 col-md-6">
  51.                         <div class="form-group mt-3">
  52.                             {{ form_label(form.NomComplet) }}
  53.                             {{ form_widget(form.NomComplet) }}
  54.                             {{ form_errors(form.NomComplet) }}
  55.                         </div>
  56.                     </div>
  57.                     <div class="col col-sm-12 col-md-6">
  58.                         <div class="form-group mt-3">
  59.                             {{ form_label(form.Adresse) }}
  60.                             {{ form_widget(form.Adresse) }}
  61.                             {{ form_errors(form.Adresse) }}
  62.                         </div>
  63.                     </div>
  64.                     <div class="col col-sm-12 col-md-6">
  65.                         <div class="form-group mt-3">
  66.                             {{ form_label(form.Email) }}
  67.                             {{ form_widget(form.Email) }}
  68.                             {{ form_errors(form.Email) }}
  69.                         </div>
  70.                     </div>
  71.                     <div class="col col-sm-12 col-md-6">
  72.                         <div class="form-group mt-3">
  73.                             {{ form_label(form.Telephone) }}
  74.                             {{ form_widget(form.Telephone) }}
  75.                             {{ form_errors(form.Telephone) }}
  76.                         </div>
  77.                     </div>
  78.                     <div class="col col-sm-12 col-md-6">
  79.                         <div class="form-group mt-3">
  80.                             {{ form_label(form.ReferenceChantier) }}
  81.                             {{ form_widget(form.ReferenceChantier) }}
  82.                             {{ form_errors(form.ReferenceChantier) }}
  83.                         </div>
  84.                     </div>
  85.                     <div class="col col-sm-12 col-md-6">
  86.                         <div class="row">
  87.                             <div class="col col-6">
  88.                                 <div class="form-group mt-3">
  89.                                     {{ form_label(form.CodePostal) }}
  90.                                     {{ form_widget(form.CodePostal) }}
  91.                                     {{ form_errors(form.CodePostal) }}
  92.                                 </div>
  93.                             </div>
  94.                             <div class="col col-6">
  95.                                 <div class="form-group mt-3">
  96.                                     {{ form_label(form.Ville) }}
  97.                                     {{ form_widget(form.Ville) }}
  98.                                     {{ form_errors(form.Ville) }}
  99.                                 </div>
  100.                             </div>
  101.                         </div>
  102.                     </div>
  103.                     <div class="col col-sm-12 col-md-6">
  104.                         <div class="form-group mt-3">
  105.                             {{ form_label(form.CommentaireClient) }}
  106.                             {{ form_widget(form.CommentaireClient) }}
  107.                             {{ form_errors(form.CommentaireClient) }}
  108.                         </div>
  109.                     </div>
  110.                 </div>
  111.             </fieldset>
  113.             <fieldset>
  114.                 <legend><h2>3 - Vos pièces</h2></legend>
  116.                 <fieldset id="listePieces">
  117.                     <div id="infoPieceVide">Aucune pièce ajoutée</div>
  118.                     <table class="table table-stripped" id="tableauPieces" style="display: none">
  119.                         <tr>
  120.                             <th></th>
  121.                             <th>Forme</th>
  122.                             <th>Type</th>
  123.                             <th>Matière</th>
  124.                             <th>Epaisseur</th>
  125.                             <th>Aspect, Finition, RAL</th>
  126.                             <th>Quantité</th>
  127.                             <th></th>
  128.                         </tr>
  129.                     </table>
  131.                 </fieldset>
  132.                 <div class="mt-3">
  133.                     <button class="btn btn-primary" type="button" id="ajouterPiece">Ajouter une pièce</button>
  134.                     <button class="btn btn-success btn-lg float-end" id="envoyer" type="submit">Envoyer</button>
  135.                 </div>
  136.                 <hr>
  137.             </fieldset>
  138.         </form>
  139.         <fieldset>
  140.             <div id="formCategories">
  141.                 <div class="chargement m-3">
  142.                     <div class="spinner-border ms-auto" role="status" aria-hidden="true"></div>
  143.                 </div>
  144.                 <div class="contenu"></div>
  145.             </div>
  146.             <button class="btn btn-primary" type="button" id="annulerPiece" style="display: none">Annuler</button>
  147.         </fieldset>
  148.     </div>
  150.     <script>
  151.         let url_app_devis_commande__categoriesDeForme = '{{ path('app_devis_commande__categoriesDeForme') }}';
  152.         let url_app_devis_commande__formes = '{{ path('app_devis_commande__formes', {id:'xx'}) }}';
  153.         let url_app_devis_commande__combinaisons = '{{ path('app_devis_commande__combinaison', {id:'xx'}) }}';
  154.         let url_app_devis_commande__forme_infos = '{{ path('app_devis_commande__forme_infos', {id:'xx'}) }}';
  155.     </script>
  156. {% endblock %}