templates/support/sav.html.twig line 1

  1. {% extends 'base.html.twig' %}
  3. {% block title %}
  4.     {{ breadcrumb[0].name }}
  5. {% endblock %}
  7. {% block description %}
  8.     {{ breadcrumb[0].name }}
  9. {% endblock %}
  11. {% block _app_data %}
  12.     app_data.path.rma_file = "{{ path('rma_file')|base64_encode }}";
  13.     app_data.path.sav_remerciements = "{{ path('accueil_pages', {link : "sav-remerciement"} )|base64_encode }}";
  14.     app_data.path.send_sav = "{{ path('send_sav')|base64_encode }}";
  15. {% endblock %}
  17. {% block javascript %}
  18.     <script src="{{ asset('assets/js/support/sav.js') }}"></script>
  19. {% endblock %}
  21. {% block stylesheets %}
  22.     <link rel="stylesheet" href="{{ asset('assets/css/sav.min.css') }}" />
  23. {% endblock %}
  25. {% block content %}
  26.     <h1 class="bottom-indent SAV-remove-after ps-3"><span class="SAV-bottom-border">{{ breadcrumb[0].name }}</span></h1>
  27.     <div id='FormSAV' class="row ps-3">
  28.         <div id="left_column" class="sidebar column col-12 col-sm-12 col-md-3 col-lg-3 offcanvas-sidebar pt-2">
  29.             <p class="form-group">
  30.                 <label for="surname">{{ 'nom'|trans({}, 'contact')|raw }} *</label>
  31.                 <input class="form-control grey validate" type="text" id="surname" name="surname" value="" maxlength="40">
  32.             </p>
  33.             <p class="form-group">
  34.                 <label for="function">{{ 'fonction'|trans({}, 'contact')|raw }}</label>
  35.                 <input class="form-control grey validate" type="text" id="function" name="function" value="" maxlength="40">
  36.             </p>
  37.             <p class="form-group">
  38.                 <label for="email">{{ 'email'|trans({}, 'contact')|raw }} *</label>
  39.                 <input class="form-control grey validate" type="text" id="email" name="from" data-validate="isEmail" value="">
  40.             </p>
  41.             <p class="form-group">
  42.                 <label for="company">{{ 'societe'|trans({}, 'configurateur')|raw }} *</label>
  43.                 <input class="form-control grey validate" type="text" id="company" name="company" value="" maxlength="40">
  44.             </p>
  45.             <p class="form-group">
  46.                 <label for="address">{{ 'adresse'|trans({}, 'contact')|raw }} *</label>
  47.                 <br/>
  48.                 <label for="street">{{ 'rue'|trans({}, 'contact')|raw }}</label>
  49.                 <input class="form-control grey validate" type="text" id="street" name="street" value="" maxlength="40">
  50.                 <div class="row">
  51.                     <div class="col-4 pe-0">
  52.                         <label for="cp">{{ 'cp'|trans({}, 'contact')|raw }}</label>
  53.                         <input class="form-control grey validate" type="text" id="cp" name="cp" value="" maxlength="40">
  54.                     </div>
  55.                     <div class="col-8">
  56.                         <label for="town">{{ 'localite'|trans({}, 'contact')|raw }}</label>
  57.                         <input class="form-control grey validate" type="text" id="town" name="town" value="" maxlength="40">
  58.                     </div>
  59.                 </div>
  60.                 <label for="country">{{ 'pays'|trans({}, 'configurateur')|raw }} **</label>
  61.                 <input class="form-control grey validate" type="text" id="country" name="country" value="" maxlength="40">
  62.             </p>
  63.             <input id="site_lang" type="hidden" name="site_lang" value="{{ lang }}">
  64.             <p class="form-group selector1">
  65.                 <label for="language">{{ 'langue'|trans({}, 'contact')|raw }}s</label>
  66.                 <select id="language" class="form-control grey" name="language">
  67.                     <option value="0" {% if lang == "en" %}selected{% endif %}>English</option>
  68.                     <option value="1" {% if lang == "fr" %}selected{% endif %}>Fran&ccedil;ais</option>
  69.                     <option value="2">Deutsch</option>
  70.                     <option value="3">Nederlands</option>
  71.                     <option value="4">Espa&ntilde;ol</option>
  72.                     <option value="5">Italiano</option>
  73.                     <option value="6">Magyar</option>
  74.                     <option value="7">Hrvatski</option>
  75.                     <option value="8">Cesk&yacute;</option>
  76.                     <option value="9">Polski</option>
  77.                 </select>
  78.             </p>
  79.             <p class="form-group">
  80.                 <label for="telephone">{{ 'telephone'|trans({}, 'configurateur')|raw }}</label>
  81.                 <input class="form-control grey validate" type="text" id="telephone" name="telephone" value="" maxlength="40">
  82.             </p>
  83.             <p class="form-group">
  84.                 <label for="dateEnvoi">{{ 'date.envoi'|trans({}, 'contact')|raw }}</label>
  85.                 <input class="form-control grey validate" type="date" min="{{ "now"|date("Y-m-d") }}" id="dateEnvoi" name="dateEnvoi" value="" maxlength="40">
  86.             </p>
  87.             <div class='LabelGrisClair RemarqueIncase'>
  88.                 * {{ 'requis'|trans({}, 'configurateur')|raw }}<br/>
  89.                 <span class="TexteImportant">** {{ 'en.cas.de'|trans({}, 'contact')|raw }}</span><br/>
  90.             </div>
  92.         </div>
  93.         <div class="col-12 col-sm-12 col-md-9 col-lg-9">
  94.             <div id="ColBtnPlus" class="d-flex justify-content-end">
  95.                 <div id='ButtonAdd' data-bs-toggle="modal" data-bs-target="#myModal">{{ 'add.product'|trans({}, 'contact')|raw }}</div>
  96.             </div>
  97.             <div id="tablecolumn">
  98.                 <table id='TableSav'>
  99.                     <tr>
  100.                         {# {*<th>{l s='Number of parts'}</th>*} #}
  101.                         <th>{{ 'product.type'|trans({}, 'contact')|raw }}</th>
  102.                         <th class='ThSerialNum'>{{ 'serial.number'|trans({}, 'contact')|raw }}</th>
  103.                         <th class='ThOrderNum'>{{ 'command.number'|trans({}, 'contact')|raw }}</th>
  104.                         <th class='ThNote'>{{ 'note'|trans({}, 'contact')|raw }}</th>
  105.                         <th></th>
  106.                     </tr>
  107.                 </table>
  108.                 <div id='PleaseAddALine'>{{ 'add.line'|trans({}, 'contact')|raw }}</div>
  109.             </div>
  110.         </div>
  111.         <div  class=" column col-12 col-sm-12 col-md-12 col-lg-12" style="text-align: right;">
  112.             <a  id='SendButton' class="btn btn-default" style="margin-right: 40px;">{{ 'envoyer'|trans({}, 'configurateur')|raw }} <span class="navigation-pipe">&gt;</span></a>
  113.             <br/><div id='Erreur'>{{ 'fill.required'|trans({}, 'contact')|raw }}</div>
  114.         </div>
  115.         <div  class=" column col-12 col-sm-12 col-md-12 col-lg-12">
  116.             <br/>
  117.             <h2 class="page-heading bottom-indent SAV-remove-after"><span class="SAV-bottom-border">IMPORTANT</span></h2>
  118.             <div class=''>
  119.                 <p>{{ 'rem1'|trans({}, 'contact')|raw }}</p>
  121.                 <p><strong>{{ 'remarques'|trans({}, 'configurateur')|raw }}</strong>
  122.                 {{ 'rem2'|trans({}, 'contact')|raw }}
  123.                 <br/>{{ 'garantie'|trans({}, 'contact')|raw }}</p>
  124.             </div>
  125.         </div>
  127.         <!-- Modal -->
  128.         <div class="modal fade" id="DeleteOrNot" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
  129.             <div class="modal-dialog modal-dialog-centered" role="document">
  130.                 <div class="modal-content">
  131.                     <div class="modal-header">
  132.                         <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
  133.                             <span aria-hidden="true">&times;</span>
  134.                         </button>
  135.                     </div>
  136.                     <div class="modal-body">
  137.                         {{ 'suppr.ligne'|trans({}, 'contact')|raw }}
  138.                     </div>
  139.                     <div class="modal-footer">
  140.                         <button type="button" id='OkDelete' class="btn btn-primary">{{ 'oui'|trans({}, 'configurateur')|raw }}</button>
  141.                         <button type="button" id='DismissDelete' class="btn btn-secondary" data-bs-dismiss="modal">{{ 'non'|trans({}, 'configurateur')|raw }}</button>
  142.                     </div>
  143.                 </div>
  144.             </div>
  145.         </div>
  147.         <div id="myModal" class="modal fade" role="dialog" style="display: none;">
  148.             <div class="modal-dialog">
  149.                 <!-- Modal content-->
  150.                 <div class="modal-content">
  151.                     <div id='ContenuPopup'>
  152.                         <button type="button" id='CloseModal'  onclick="" class="close" data-bs-dismiss="modal">&times;</button>
  153.                         <div class="row">
  154.                             <div class="column col-12 col-sm-12 col-md-6 col-lg-6 offcanvas-sidebar">
  155.                                 {# <p class="form-group">
  156.                                     <label for="surname">{l s='Number of parts'}</label>
  157.                                     <input class="form-control grey validate" type="text" id="NumberParts" name="NumberParts" value="">
  158.                                 </p> #}
  159.                                 <p class="form-group">
  160.                                     <label for="ProductName">{{ 'product.type'|trans({}, 'contact')|raw }} *</label>
  161.                                     <span data-bs-toggle="tooltip" title="" style="width:17px; display: inline; padding-left:10px;" data-bs-html="true" data-bs-placement="bottom" data-bs-original-title="<img src='/img/cms/Etiquette-sensy-Modele.jpg'>"><i class="fas fa-info-circle"></i></span>
  162.                                     <input class="form-control grey validate sav-popup-input" type="text" id="ProductName" name="ProductName" value="" maxlength="40" placeholder="e.g. 5000, CRANE-BOY, Axe,...">
  163.                                 </p>
  164.                                 <p class="form-group">
  165.                                     <input type="checkbox" id="ProductLabel" name="ProductLabel" value="">
  166.                                     <label for="ProductLabel">{{ 'product.type.checkbox'|trans({}, 'contact')|raw }}</label>
  167.                                 </p>
  168.                                 <p class="form-group">
  169.                                     <label for="SerialNumber">{{ 'serial.number'|trans({}, 'contact')|raw }}</label>
  170.                                     <span data-bs-toggle="tooltip" title="" style="width:17px; display: inline; padding-left:10px;" data-bs-html="true" data-bs-placement="bottom" data-bs-original-title="<div style='display:flex; flex-direction:column;'><div style='white-space: normal;'></div> <img src='/img/cms/Etiquette-sensy-NumSerie.jpg'></div>"><i class="fas fa-info-circle"></i></span>
  171.                                     <span id='serialNumberError'>{{ 'serial.number.error'|trans({}, 'contact')|raw }}</span>
  172.                                     <input class="form-control grey validate sav-popup-input" type="text" id="SerialNumber" name="SerialNumber" maxlength="10" value="" pattern="[0-9]{8,10}" placeholder="e.g. 2014114001">
  173.                                 </p>
  174.                                 <p class="form-group">
  175.                                     <label for="OrderNumber">{{ 'command.number'|trans({}, 'contact')|raw }}</label>
  176.                                     <input class="form-control grey validate sav-popup-input" type="text" id="OrderNumber" name="OrderNumber" value="" maxlength="8" pattern="[0-9]{8}" placeholder="e.g. 20161140"><span id='orderNumberError'>{{ 'command.number.error'|trans({}, 'contact')|raw }}</span>
  177.                                 </p>
  178.                             </div>
  179.                             <div id='ColDroiteMotif' class="column col-12 col-sm-12 col-md-6 col-lg-6 offcanvas-sidebar">
  180.                                 <p class="form-group">
  181.                                     <label for="SerialNumber">{{ 'renvoi'|trans({}, 'contact')|raw }} *</label> <span id='PleaseFill'>{{ 'motif'|trans({}, 'contact')|raw }}</span>
  182.                                 </p>
  183.                                 <p class="form-group">
  184.                                     <input type="checkbox" id="Reparation" name="reason" value="{{ 'reparation'|trans({}, 'contact')|raw }}">
  185.                                     <label for="Reparation" class='LabelGrisClair'>{{ 'reparation'|trans({}, 'contact')|raw }}</label>
  186.                                 </p>
  187.                                 <p class="form-group">
  188.                                     <input type="checkbox" id="Calibration" name="reason" value="{{ 'calibration'|trans({}, 'contact')|raw }}">
  189.                                     <label for="Calibration" class='LabelGrisClair'>{{ 'calibration'|trans({}, 'contact')|raw }}</label>
  190.                                 </p>
  191.                                 {# {*<p class="form-group">
  192.                                     <input type="checkbox" id="MauvaiseManip" name="reason" value="{l s='MauvaiseManip'}">
  193.                                     <label for="MauvaiseManip" class='LabelGrisClair'>{l s='MauvaiseManip'}</label>
  194.                                 </p>*} #}
  195.                                 <p class="form-group">
  196.                                     <input type="checkbox" id="OrderError" name="reason" value="{{ 'order.error'|trans({}, 'contact')|raw }}">
  197.                                     <label for="OrderError" class='LabelGrisClair'>{{ 'order.error'|trans({}, 'contact')|raw }}</label>
  198.                                 </p>
  199.                                 <p class="form-group">
  200.                                     <input type="checkbox" id="Upgrade" name="reason" value="{{ 'upgrade'|trans({}, 'contact')|raw }}">
  201.                                     <label for="Upgrade" class='LabelGrisClair'>{{ 'upgrade'|trans({}, 'contact')|raw }}</label>
  202.                                 </p>
  203.                                 <p class="form-group">
  204.                                     <input type="checkbox" id="DeliveryError" name="reason" value="{{ 'autre'|trans({}, 'configurateur')|raw }}">
  205.                                     <label for="DeliveryError" class='LabelGrisClair'>{{ 'autre'|trans({}, 'configurateur')|raw }}</label>
  206.                                 </p>
  207.                             </div>
  208.                         </div>
  209.                         <div class="column col-12 col-sm-12 col-md-12 col-lg-12 offcanvas-sidebar">
  210.                             <p class="form-group">
  211.                                 <label for="note">{{ 'remark.fault'|trans({}, 'contact')|raw }} *</label>
  212.                                 <textarea class="form-control grey validate" id="note" name="note" rows="5"></textarea>
  213.                             </p>
  214.                             <p class="form-group">
  215.                                 <label for="">{{ 'option'|trans({}, 'contact')|raw }}</label><br/>
  216.                                 <input type="checkbox" id="report" name="report" value="report">
  217.                                 <label for="report" class='LabelGrisClair'>{{ 'calibration.certificate'|trans({}, 'contact')|raw }}</label>
  218.                                 <br/>
  219.                                 <input type="checkbox" id="newCable" name="newCable" value="newCable">
  220.                                 <label for="newCable" class='LabelGrisClair'>{{ 'new.cable'|trans({}, 'contact')|raw }}</label>
  221.                                 <br/>
  222.                                 <input type="checkbox" id="newConnector" name="newConnector" value="newConnector">
  223.                                 <label for="newConnector" class='LabelGrisClair'>{{ 'new.connector'|trans({}, 'contact')|raw }}</label>
  224.                             </p>
  225.                         </div>
  226.                         <div class="row">
  227.                             <div class="column col-7 LabelGrisClair RemarqueIncase">* {{ 'requis'|trans({}, 'configurateur')|raw }}</div>
  228.                             <div class="column col-5">
  229.                                 <a id='CloseButtonDevis' class="btn btn-default" >{{ 'ajouter'|trans({}, 'contact')|raw }}</a>
  230.                             </div>
  231.                         </div>
  232.                     </div>
  233.                 </div>
  234.             </div>
  235.         </div>
  236.     </div>
  237.     <div id='MessageConfirmSAV'>
  238.         {l s='Message de confirmation SAV'}
  239.     </div>
  240. {% endblock %}