templates/inscription/devis_public.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.     <title>Déposer une demande - Formulaire client</title>
  7.     {{ include('inscription/assets/style.html.twig') }}
  8.     {{ include('_flashbag.html.twig') }}
  9.     {{ encore_entry_script_tags('app') }}
  10.     <link rel="shortcut icon" href="{{ asset('uploads/images/company/favicon/'~ company.faviconName) }}"/>
  11. </head>
  12. <body>
  13.      <div class="container-partner "  {{ stimulus_controller('inscription--devis') }}>
  14.             <div class="container-element inscription-partner">
  15.                 <div class="container-logo text-center">
  16.                      <img src="{{ asset('/uploads/images/company/'~company.logoName) }}" style="height: 50px;" alt='{{ company.name }}'/>
  17.                 </div>
  18.                 <div class="container-description my-18">
  19.                     <h1 class="titlet-h1">Déposer mon brief</h1>
  20.                     <div class="contenus-description">
  21.                         <p>Plusieurs options s’offrent à vous pour déposer un brief :&nbsp;</p>
  22.                         <ul>
  23.                             <li >Par E-mail : Envoyez votre brief à l’adresse {{ company.emailProject }}</li>
  24.                             <li >Via le formulaire ci-dessous</li>
  25.                         </ul>
  26.                         <p>Si vous disposez déjà d’un compte, vous bénéficiez de possibilités supplémentaires grâce auxquelles nous pouvons vous apporter une meilleure réactivité. Connectez vous pour en savoir plus.</p>                        
  27.                         </div>
  28.                     {{ form_start(form, {'attr': {'id': 'devis-form'}}) }}
  29.                          <div class="form-group row ">
  30.                             {{ form_label(form.orderedBy, null, {'label_attr':{'class':'col-xl-3 col-lg-12 col-form-label'}}) }}
  31.                             <div class="col-lg-12 col-xl-12">
  32.                                 {{ form_widget(form.orderedBy, {
  33.                                     'attr': {
  34.                                         'class': form.orderedBy.vars.errors|length ? 'form-control is-invalid' : 'form-control',
  35.                                         'placeholder': 'E-mail *'
  36.                                     }
  37.                                 }) }}
  38.                             </div>
  39.                         </div>
  40.                          <div class="form-group row ">
  41.                             {{ form_label(form.phoneNumber, null, {'label_attr':{'class':'col-xl-3 col-lg-12 col-form-label'}}) }}
  42.                             <div class="col-lg-12 col-xl-12">
  43.                                {{ form_widget(form.phoneNumber, {
  44.                                     'attr': {
  45.                                         'class': form.phoneNumber.vars.errors|length ? 'form-control is-invalid' : 'form-control',
  46.                                         'placeholder': 'Numéro de téléphone *'
  47.                                     }
  48.                                 }) }}
  49.                             </div>
  50.                         </div>
  51.                         <div class="form-group row ">
  52.                             {{ form_label(form.company, null, {'label_attr':{'class':'col-xl-3 col-lg-12 col-form-label'}}) }}
  53.                             <div class="col-lg-12 col-xl-12">
  54.                                {{ form_widget(form.company, {
  55.                                     'attr': {
  56.                                         'class': form.company.vars.errors|length ? 'form-control is-invalid' : 'form-control',
  57.                                         'placeholder': 'Entreprise'
  58.                                     }
  59.                                 }) }}
  60.                             </div>
  61.                         </div>
  62.                        <div class="form-group row ">
  63.                             {{ form_label(form.name, null, {'label_attr':{'class':'col-xl-3 col-lg-12 col-form-label'}}) }}
  64.                             <div class="col-lg-12 col-xl-12">
  65.                                {{ form_widget(form.name, {
  66.                                     'attr': {
  67.                                         'class': form.name.vars.errors|length ? 'form-control is-invalid' : 'form-control',
  68.                                         'placeholder': 'Donnez un titre à votre projet'
  69.                                     }
  70.                                 }) }}
  71.                             </div>
  72.                         </div>
  73.                         
  74.                          <div class="form-group row ">
  75.                             {{ form_label(form.brief, null, {'label_attr':{'class':'col-xl-3 col-lg-12 col-form-label'}}) }}
  76.                             <div class="col-lg-12 col-xl-12">
  77.                                {{ form_widget(form.brief, {
  78.                                     'attr': {
  79.                                         'class': form.brief.vars.errors|length ? 'form-control is-invalid' : 'form-control',
  80.                                         'placeholder': "Décrivez votre besoin, le contexte et les objectifs à atteindre. Ajoutez si possible les éléments utiles (documents, liens, délais, contraintes…)."
  81.                                     }
  82.                                 }) }}
  83.                             </div>
  84.                         </div>
  85.                         <div class ="mt-5" style="background:transparent;" id="drop-zone-other-file">
  86.                             <input type="hidden" id="campaing_id_modal" name="campaing_id_modal" value="">
  87.                                 <input type="file" id="previousfile" name="files[]" multiple style="display: none;">
  88.                                 <div class="parent-div" style="width: 100%;">
  89.                                         {{ form_widget(form.attachments, {
  90.                                             'attr':{
  91.                                                 'class':form.attachments.vars.errors|length ? 'form-control is-invalid':'form-control btn btn-transparant btn-join-file-chat mt-5',
  92.                                                 'style':'display:none'}
  93.                                                 }) 
  94.                                         }}
  95.                                         <label id="drop" type="button" for="devis_public_attachments" class="btn btn-transparant btn-join-file-chat flex-column">
  96.                                             Glissez et déposez vos fichiers ici (Maximum : 4Go)<br>
  97.                                             <div>
  98.                                                 <img src="/uploads/icons/vsc.png" class="cursor " title="Sécurité garantie par VirusCamp." style="width: 20px;"> Tous les fichiers déposés sont automatiquement analysés<br> pour garantir un environnement sécurisé.
  99.                                             </div>
  100.                                         </label>
  101.                                         <div id="loader-dropmodal" >
  102.                                             <progress style="position: absolute;top: 30%;right: 0;left: 0;margin: auto;" id="progressBar-modal" style="display:block !important;" value="0" max="100"></progress>
  103.                                             <div id="valeur"></div>
  104.                                         </div>
  105.                                     <span ></span>
  106.                                 </div>
  107.                                 <div id="preview-file-edit-upload" class="d-flex mt-2"></div>
  108.                            </div> 
  109.                         <p id="element-error-message" style="color: rgb(185, 71, 71); font-size: 12px;">
  110.                         </p>
  111.                     <button  id="btn-validation" {{ stimulus_action('inscription--devis','validationForm','click') }} type="button" class="d-block ml-auto mt-8 btn btn-primary-custom">
  112.                         Je dépose mon brief maintenant
  113.                     </button>
  114.                     {{ form_end(form) }}
  115.                     <p class="mt-14 footer-p">Les informations recueillies sur ce formulaire sont enregistrées dans un fichier informatisé par {{ company.name }} pour les besoins de la communication marketing, commerciale et la gestion des opérations. <br/> Elles sont conservées pendant 3 ans et sont destinées aux services marketing, commercial et opérationnel de {{ company.name }}.<br/><br/> Conformément à la loi « Informatique et Libertés », vous pouvez accéder à vos données, les rectifier ou les supprimer à tout moment depuis votre espace personnel.</p>
  116.                 </div>
  117.             </div>
  118.         </div>
  119.         {{ include('_flashbag.html.twig') }}
  120.      {{ include('inscription/_modal_shared_element.html.twig') }}
  121. </body>
  122. </html>