templates/devis/devis.form.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block stylesheets %}
  4.     {{parent()}}
  5.     <link rel="stylesheet" href="{{ asset('assets/css/devis.min.css') }}" />
  6. {% endblock %}
  8. {% block javascript %}
  9.     {{parent()}}
  10.     <script src="{{ asset('assets/js/devis/devis.js') }}"></script>
  11. {% endblock %}
  13. {% block _app_data %}
  14.     app_data.path.devisUpdate = "{{ path('devis_update')|base64_encode }}";
  15.     app_data.path.devisFileRemove = "{{ path('devis_remove_file')|base64_encode }}";
  16. {% endblock %}
  19. {# {% block title %}
  20.     {% for content in contents %}
  21.         {{ content.meta_title|raw }}
  22.     {% endfor %}
  23. {% endblock %} #}
  25. {# {% block description %}
  26.     {% for content in contents %}
  27.         {{ content.meta_description|raw }}
  28.     {% endfor %}
  29. {% endblock %} #}
  31. {% block content %}
  32.     <h1>Formulaire de devis</h1>
  33.     
  34.     {{ form_start(formData, { 'attr': {'novalidate': true, 'class': 'full-height', 'autocomplete': 'off' }}) }}
  35.     {{ form_row(formData._token) }}
  36.     {% if products %}
  37.         <div class="row mb-2">
  38.             <div class="col-9">
  39.                 <div class="row mb-3">
  40.                     <div class="col-12 col-lg-4">
  41.                         {{ form_label(formData.societe) }}
  42.                         {{ form_widget(formData.societe, (data.error.societe ? {'attr': {'class': 'invalid is-invalid'}} : {'attr': {'class': ''}})) }}
  43.                         <div class="invalid-feedback">
  44.                             La société n'est pas complété
  45.                         </div>
  46.                     </div>
  47.                     <div class="col-12 col-lg-4">
  48.                         {{ form_label(formData.email) }}
  49.                         {{ form_widget(formData.email, (data.error.email ? {'attr': {'class': 'invalid is-invalid'}} : {'attr': {'class': ''}})) }}
  50.                         <div class="invalid-feedback">
  51.                             L'email n'est pas complété
  52.                         </div>
  53.                     </div>
  54.                     <div class="col-12 col-lg-4">
  55.                         {{ form_label(formData.pays) }}
  56.                         {{ form_widget(formData.pays) }}
  57.                     </div>
  58.                 </div>
  59.                 <div class="row mb-3">
  60.                     <div class="col-12 col-lg-4">
  61.                         {{ form_label(formData.nom) }}
  62.                         {{ form_widget(formData.nom, (data.error.nom ? {'attr': {'class': 'invalid is-invalid'}} : {'attr': {'class': ''}})) }}
  63.                         <div class="invalid-feedback">
  64.                             Le nom n'est pas complété
  65.                         </div>
  66.                     </div>
  67.                     <div class="col-12 col-lg-4">
  68.                         {{ form_label(formData.telephone) }}
  69.                         {{ form_widget(formData.telephone) }}
  70.                     </div>
  71.                     <div class="col-12 col-lg-4 form-group">
  72.                         {{ form_label(formData.langue) }}
  73.                         {{ form_widget(formData.langue, (data.error.langue ? {'attr': {'class': 'form-control invalid is-invalid'}} : {'attr': {'class': 'form-control'}})) }}
  74.                         <div class="invalid-feedback">
  75.                             La langue n'est pas complété
  76.                         </div>
  77.                     </div>
  78.                 </div>
  79.                 <div class="row mb-3">
  80.                     <div class="col-12 col-lg-4">
  81.                         {{ form_label(formData.prenom) }}
  82.                         {{ form_widget(formData.prenom) }}
  83.                     </div>
  84.                     <div class="col-12 col-lg-4">
  85.                         {{ form_label(formData.siteInternet) }}
  86.                         {{ form_widget(formData.siteInternet) }}
  87.                     </div>
  88.                 </div>
  89.                 <div class="row">
  90.                     <div class="col-12 col-lg-4">
  91.                         {{ form_label(formData.fonction) }}
  92.                         {{ form_widget(formData.fonction) }}
  93.                     </div>
  94.                 </div>
  95.                 <div class="row">
  96.                     <div class="col-12 cards-wrapper">
  97.                         <div class="visa-wrapper">
  98.                             <img src="/ps/img/visa.gif" alt="">
  99.                         </div>
  100.                         <div class="mastercard-wrapper">
  101.                             <img src="/ps/img/mastercard.png" alt="">
  102.                         </div>
  103.                     </div>
  104.                 </div>
  105.                 <div class="col-12">
  106.                     <h4>Articles ajoutés à votre devis</h4>
  107.                     <table id="articleDevis" class="table">
  108.                         <tbody>
  109.                             {% for product in products %}
  110.                             <tr data-id="{{product.id_devis}}">
  111.                                 <td>
  112.                                     <a class="cart-images" href="{{product.lien_produit}}" 
  113.                                     title="{{ product.titre }}">
  114.                                         <img src="{{product.img}}" alt="{{ product.titre }}">
  115.                                     </a>
  116.                                     <br>
  117.                                 </td>
  118.                                 <td>
  119.                                     <a class="quotation_block_product_name" href="{{product.lien_produit}}" 
  120.                                     title="{{ product.titre }}">
  121.                                         {{ product.titre }}
  122.                                     </a>
  123.                                     <br>
  124.                                     <span class="quotation_desc">{{ product.description }}</span>
  125.                                     <span class="quotation_ref" style="display: none;">{{ product.reference}}</span> 
  126.                                     <br>
  127.                                     <div style="line-height: 46px;">
  128.                                         {% if product.files is defined %}
  129.                                         {% for file in product.files %}
  130.                                         <div>
  131.                                             <div class="ImageFile" style='background-image: url("{{ app.request.schemeAndHttpHost }}/upload/{{ file.filename }}")'></div>
  132.                                             <a href="{{ app.request.schemeAndHttpHost }}/upload/{{ file.filename }}" target="_blank">moins1mo.jpg</a> 
  133.                                             <i class="fa fa-times-circle suppr" id="{{ file.id }}" data-id="{{ file.id }}"  title="Supprimer le fichier"></i> 
  134.                                             <br>
  135.                                         </div>
  136.                                         {% endfor %}
  137.                                             <div class="files" data-files="{{ product.ref }}"></div>
  138.                                         {% endif %}
  139.                                     </div>
  140.                                 </td>
  141.                                 <td>
  142.                                     <input class="ChangeQuantity" id="Qty1" data-theshop="1" data-id-quot="{{ product.id_devis }}" data-idproduct="{{product.id_product}}" data-idcombination="{{ product.id_product_attribute}}" type="text" min="1" style="width:40px; margin-right: 5px;" autocomplete="nope" value="{{ product.qty}}">
  143.                                 </td>
  144.                                 <td>
  145.                                     <a class="ajax_quotation_block_remove_link_lines" rel="nofollow" data-id-quot="{{ product.id_devis }}" title="Supprimer l'article">-</a>
  146.                                 </td>
  147.                             </tr>
  148.                             {% endfor %}
  149.                         </tbody>
  150.                     </table>
  151.                 </div>
  152.             </div>
  153.             <div class="col-3 text-center">
  154.                 <i class="fa fa-calculator" id="Calculator"></i>
  155.             </div>
  156.         </div>
  157.         <div class="row">
  158.             <div class="col-12 text-center">
  159.                 <button id="sendQuotationByEmail" type="submit" class="btn btn-lg btn-primary text-white rounded">Envoyer le devis</button>
  160.             </div>
  161.         </div>
  162.         {{ form_end(formData, { 'render_rest': false }) }}
  163.     {% else %}
  164.         <div class="alert alert-danger" role="alert"> <i class="fas fa-exclamation-circle"></i> <span class="sr-only">Erreur : </span> Vous devez ajouter au moins un produit à votre devis</div>
  165.     {% endif %}
  166.     
  167. {% endblock %}