templates/front/produit/devis.html.twig line 1

Open in your IDE?
  1. {% extends 'front/base.html.twig' %}
  3. {% block title %}Webgiciel - Demander un devis{% endblock %}
  4. {% block description %}Remplisser le formulaire pour obtenir un devis{% endblock %}
  5. {% block keywords %}Devis{% endblock %}
  7. {% block stylesheets %}
  8.     <!-- ckeditor -->
  9.     <script src="https://cdn.ckeditor.com/ckeditor5/41.1.0/classic/ckeditor.js"></script>
  11.     <style>
  12.         /* Style de base pour le cookie-banner */
  13.         #cookie-banner {
  14.             display: none;
  15.             position: fixed;
  16.             bottom: 0;
  17.             left: 50%;
  18.             transform: translateX(-50%);
  19.             background-color: #f1f1f1;
  20.             padding: 15px;
  21.             box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  22.             z-index: 1000;
  23.         }
  25.         .btnRound{
  26.             color: #213b52;
  27.             border-radius: 50px;
  28.             padding: 8px 35px 10px 35px;
  29.             border: 2px solid #fdc134;
  30.             transition: all ease-in-out 0.3s;
  31.             display: inline-block;
  32.             background: #fdc134;
  33.         }
  34.         .btnRound:hover {
  35.             background: #213b52;
  36.             color: #fff;
  37.         }
  39.     </style>
  40. {% endblock %}
  42. {% block body %}
  44.     {% include "front/cases/header.html.twig" %}
  46.     <!-- début main -->
  47.     <main id="main" style="background-color:white;">
  49.         <div class="container" id="contentForm">
  50.             <div class="row justify-content-center">
  52.                 <div class="col-sm-12 col-md-8 mt-2" data-aos="fade-right" style="text-align:left;">
  54.                     <h1 class="mt-4 mb-3">
  55.                         Demande de devis
  56.                     </h1>
  58.                 </div>
  60.                     {{ form_start(formDevis, {'attr': {'id': 'demandeDevis'}}) }}
  62.                         <p class="text-center mt-1 mb-3" style="font-size:18px; color:gray; opacity:0.5;"> 
  63.                             <small><i>* Champs obligatoires</i></small> 
  64.                         </p>
  66.                         <div class="row justify-content-center">
  67.                             <div class="col-sm-12 col-md-4 mt-2">
  68.                                 <h6>
  69.                                     {{ form_label(formDevis.prenom, 'Prénom') }}
  70.                                 </h6>
  71.                                 {{ form_widget(formDevis.prenom) }}
  72.                                 <small>{{ form_help(formDevis.prenom) }}</small>
  73.                             </div>
  74.                             <div class="col-sm-12 col-md-4 mt-2">
  75.                                 <h6>
  76.                                     {{ form_label(formDevis.nom, 'Nom *') }}
  77.                                 </h6>
  78.                                 {{ form_widget(formDevis.nom) }}
  79.                                 <small>{{ form_help(formDevis.nom) }}</small>
  80.                             </div>
  81.                         </div>
  83.                         <div class="row justify-content-center">
  84.                             <div class="col-sm-12 col-md-8 mt-4">
  85.                                 <h6>
  86.                                     {{ form_label(formDevis.societe, 'Société') }}
  87.                                 </h6>
  88.                                 {{ form_widget(formDevis.societe) }}
  89.                                 <small>{{ form_help(formDevis.societe) }}</small>
  90.                             </div>
  91.                         </div>
  93.                         <div class="row justify-content-center mb-4">
  94.                             <div class="col-sm-12 col-md-4 mt-4">
  95.                                 <h6>
  96.                                     {{ form_label(formDevis.tel, 'Téléphone *') }}
  97.                                 </h6>
  98.                                 {{ form_widget(formDevis.tel) }}
  99.                                 <small>{{ form_help(formDevis.tel) }}</small>
  100.                             </div>
  101.                             <div class="col-sm-12 col-md-4 mt-4">
  102.                                 <h6>
  103.                                     {{ form_label(formDevis.mailx, 'Email *') }}
  104.                                 </h6>
  105.                                 {{ form_widget(formDevis.mailx) }}
  106.                                 <small>{{ form_help(formDevis.mailx) }}</small>
  107.                             </div>
  108.                         </div>
  110.                         <div class="row justify-content-center">
  111.                             <div class="col-sm-12 col-md-8 mt-2">
  112.                                 <h6>
  113.                                     {{ form_label(formDevis.texte, 'Présentez votre projet') }}
  114.                                 </h6>
  115.                                 {{ form_widget(formDevis.texte) }}
  116.                                 <small>{{ form_help(formDevis.texte) }}</small>
  117.                             </div>
  118.                         </div>
  120.                         <div class="row justify-content-center mt-3">
  121.                             <div class="col-sm-12 col-md-4">
  122.                             </div>
  123.                             <div class="col-sm-12 col-md-4">
  125.                                 <button type="submit" id="btnEnvoiA" class="btnRound" title="Envoyer" style="max-width:100%; margin:10px 0; width:100%;">
  126.                                     <span class="q-label">
  127.                                         Envoyer
  128.                                     </span>
  129.                                 </button>
  131.                             </div>
  132.                         </div>
  134.                         <br>
  135.                         <br>
  137.                     {{ form_end(formDevis) }}
  140.             </div>
  141.         </div>
  143.         <!-- caseLoading  -->
  144.         <div class="container" style="height:500px;">
  145.             <div id="caseLoading" class="row" style="display:none; background-color:white; color:black;">
  146.                 <div class="col-3">
  147.                 </div>
  149.                 <div class="col-6 text-center mt-4 mb-4 wb-button--primary" style="color:#black; border-radius: 15px; padding:15px;">
  150.                     <i class="fas fa-fan fa-3x fa-spin"></i> <br>
  151.                     <i>Traitement en cours</i>
  152.                 </div>
  153.                 
  154.                 <div class="col-3">
  155.                 </div>
  156.             </div>
  157.         </div>
  160.     </main>
  161.     <!-- fin main -->
  163.     {% include "front/cases/footer.html.twig" %}
  165.     <!-- myModal -->
  166.     <div class="modal modal-lg fade" id="myModal" tabindex="-1" aria-labelledby="myModalLabel" aria-hidden="true">
  167.         <div class="modal-dialog modal-dialog-centered">
  168.             <div class="modal-content">
  169.             </div>
  170.         </div>
  171.     </div>
  173. {% endblock %}
  176. {% block javascripts %}
  177.     {% include "cookies/js/consentement.js" %}
  178.     {% include "front/js/devis.js" %}
  179. {% endblock %}