templates/inscription/step_two.html.twig line 1

Open in your IDE?
  1. <div id="step-2" style="display:none;">
  2.     <div class="steps mb-12">
  3.         <div class="step">Étape 1</div>
  4.         <div class="step active">Étape 2</div>
  5.         <div class="step">Étape 3</div>
  6.         <div class="step">Étape 4</div>
  7.     </div>
  8.     <div class="tab-pane">
  9.         <div class=" flex-column flex-xl-row">
  10.             <div class="card pt-2 mb-6 mb-xl-9">
  11.                 <div class="row card-body">
  12.                     {% if is_granted("ROLE_SUBCONTRACTOR") %}
  13.                         <p class="title-info mb-5">Afin de mieux comprendre ton profil et de te fournir un service personnalisé, merci de compléter les informations suivantes concernant ton entreprise.
  14.                         </p>
  15.                     {% endif %}
  16.                     {# <span class="font-weight-bold">Gestion des notifications</span> #}
  17.                     <div class="col-lg-12">
  18.                         <div class="form-group mb-8">
  20.                             {{ form_label(inscriptionForm.userData.Status, null, {'label_attr':{'class':'col-xl-12 col-lg-12 col-form-label required'}}) }}
  21.                             <div class="col-lg-12 col-xl-12">
  22.                                 {{ form_widget(inscriptionForm.userData.Status, {'attr':{'class':inscriptionForm.userData.Status.vars.errors|length ? 'form-control is-invalid':'form-control'}}) }}
  23.                                 {{ form_errors(inscriptionForm.userData.Status) }}
  24.                             </div>
  25.                         </div>
  26.                         <div class="form-group mb-8">
  27.                             {{ form_label(inscriptionForm.userData.Tva, null, {'label_attr':{'class':'col-xl-12 col-lg-12 col-form-label required'}}) }}
  28.                             <div class="col-lg-12 col-xl-12">
  29.                                 {{ form_widget(inscriptionForm.userData.Tva, {'attr':{'class':inscriptionForm.userData.Tva.vars.errors|length ? 'form-control is-invalid':'form-control'}}) }}
  30.                                 {{ form_errors(inscriptionForm.userData.Tva) }}
  31.                             </div>
  32.                         </div>
  33.                         <div class="form-group mb-8">
  34.                             {{ form_label(inscriptionForm.userData.CompanyName, null, {'label_attr':{'class':'col-xl-12 col-lg-12 col-form-label'}}) }}
  35.                             <div class="col-lg-12 col-xl-12">
  36.                                 {{ form_widget(inscriptionForm.userData.CompanyName, {'attr':{'class':inscriptionForm.userData.CompanyName.vars.errors|length ? 'form-control is-invalid':'form-control'}}) }}
  37.                                 {{ form_errors(inscriptionForm.userData.CompanyName) }}
  38.                             </div>
  39.                         </div>
  41.                         <div class="form-group mb-8">
  42.                             {{ form_label(inscriptionForm.userData.StateCompany, null, {'label_attr':{'class':'col-xl-12 col-lg-12 col-form-label'}}) }}
  43.                             <div class="col-lg-12 col-xl-12">
  44.                                 {{ form_widget(inscriptionForm.userData.StateCompany, {'attr':{'class':inscriptionForm.userData.StateCompany.vars.errors|length ? 'form-control is-invalid':'form-control','data-inscription--handle-target':'selectStateCompany','data-action': 'change->inscription--handle#handleChange'}}) }}
  45.                                 {{ form_errors(inscriptionForm.userData.StateCompany) }}
  46.                                 <p class="state-company-not-ue d-none">Veuillez noter que vous devez respecter le RGPD applicable pour travailler avec des clients présents dans l’union européenne lors de votre collaboration avec notre plateforme</p>
  47.                             </div>
  48.                         </div>
  50.                         <div class="form-group mb-8">
  51.                             {{ form_label(inscriptionForm.userData.Siren, null, {'label_attr':{'class':'col-xl-12 col-lg-12 col-form-label'}}) }}
  52.                             <div class="col-lg-12 col-xl-12">
  53.                                 {{ form_widget(inscriptionForm.userData.Siren, {'attr':{'class':inscriptionForm.userData.Siren.vars.errors|length ? 'form-control is-invalid':'form-control'}}) }}
  54.                                 {{ form_errors(inscriptionForm.userData.Siren) }}
  55.                             </div>
  56.                         </div>
  58.                         <div class="form-group mb-8">
  59.                             <div class="d-flex d-flex align-items-center col-xl-12 col-lg-12">
  60.                                 {{ form_label(inscriptionForm.userData.IntracommunityTva, null, {'label_attr':{'class':'col-form-label'}}) }}
  61.                                 <div class="content-tooltips tooltips">
  62.                                     <img src="/assets/default/images/info.png">
  63.                                     <div align="center" class="content-mission-tooltips">
  64.                                         <p class="mission-tooltips" style="min-width: 300px;">
  65.                                             Le numéro de TVA intracommunautaire est utilisé pour les transactions commerciales au sein de l'Union européenne entre entreprises assujetties à la TVA. Si vous n'êtes pas assujetti à la TVA ou si vous n'avez pas de numéro de TVA intracommunautaire, vous pouvez laisser ce champ vide.</p>
  66.                                     </div>
  67.                                 </div>
  68.                             </div>
  70.                             <div class="col-lg-12 col-xl-12">
  71.                                 {{ form_widget(inscriptionForm.userData.IntracommunityTva, {'attr':{'class':inscriptionForm.userData.IntracommunityTva.vars.errors|length ? 'form-control is-invalid':'form-control'}}) }}
  72.                                 {{ form_errors(inscriptionForm.userData.IntracommunityTva) }}
  73.                             </div>
  75.                         </div>
  77.                         <div class="form-group mb-8">
  78.                             {{ form_label(inscriptionForm.userData.Address, null, {'label_attr':{'class':'col-xl-12 col-lg-12 col-form-label required'}}) }}
  79.                             <div class="col-lg-12 col-xl-12">
  80.                                 {{ form_widget(inscriptionForm.userData.Address, {'attr':{'class':inscriptionForm.userData.Address.vars.errors|length ? 'form-control is-invalid':'form-control'}}) }}
  81.                                 {{ form_errors(inscriptionForm.userData.Address) }}
  82.                             </div>
  83.                         </div>
  84.                         
  85.                         <div class="form-group mb-8">
  86.                             {{ form_label(inscriptionForm.userData.postalCode, null, {'label_attr':{'class':'col-xl-12 col-lg-12 col-form-label required'}}) }}
  87.                             <div class="col-lg-12 col-xl-12">
  88.                                 {{ form_widget(inscriptionForm.userData.postalCode, {'attr':{'class':inscriptionForm.userData.postalCode.vars.errors|length ? 'form-control is-invalid':'form-control'}}) }}
  89.                                 {{ form_errors(inscriptionForm.userData.postalCode) }}
  90.                             </div>
  91.                         </div>
  93.                         <div class="form-group mb-8">
  94.                             {{ form_label(inscriptionForm.userData.city, null, {'label_attr':{'class':'col-xl-12 col-lg-12 col-form-label required'}}) }}
  95.                             <div class="col-lg-12 col-xl-12">
  96.                                 {{ form_widget(inscriptionForm.userData.city, {'attr':{'class':inscriptionForm.userData.city.vars.errors|length ? 'form-control is-invalid':'form-control'}}) }}
  97.                                 {{ form_errors(inscriptionForm.userData.city) }}
  98.                             </div>
  99.                         </div>
  101.                         <div class="form-group mb-8">
  102.                                 {{ form_label(inscriptionForm.userData.Country, null, {'label_attr':{'class':'col-xl-12 col-lg-12 col-form-label required'}}) }}
  103.                                 <div class="col-lg-12 col-xl-12">
  104.                                     {{ form_widget(inscriptionForm.userData.Country, {'attr':{'class':inscriptionForm.userData.Country.vars.errors|length ? 'form-control is-invalid':'form-control','data-inscription--handle-target':'selectCountry'}}) }}
  105.                                     {{ form_errors(inscriptionForm.userData.Country) }}
  106.                                     <p class="country-not-ue d-none danger">Veuillez noter que vous devez respecter le RGPD applicable pour travailler avec des clients présents dans l’union européenne lors de votre collaboration avec notre plateforme</p>
  107.                                 </div>
  108.                             </div>
  110.                         <div>
  113.                             <div class="form-group mb-8">
  114.                                 {{ form_label(inscriptionForm.userData.SpokenLanguages, null, {'label_attr':{'class':'col-xl-12 col-lg-12 col-form-label required'}}) }}
  115.                                 <div class="col-lg-12 col-xl-12">
  116.                                     {{ form_widget(inscriptionForm.userData.SpokenLanguages, {'attr':{'class':inscriptionForm.userData.SpokenLanguages.vars.errors|length ? 'form-control is-invalid':'form-control','data-inscription--handle-target':'selectLanguage'}}) }}
  117.                                     {{ form_errors(inscriptionForm.userData.SpokenLanguages) }}
  118.                                 </div>
  119.                             </div>
  121.                             <div class="form-group mb-8">
  122.                                 <div class="col-xl-12 col-lg-12">
  123.                                     {{ form_label(inscriptionForm.userData.RIB, null, {'label_attr':{'class':'col-form-label'}}) }}
  124.                                     <div class="content-tooltips tooltips">
  125.                                         <div class="rib-mention" >
  126.                                             <img src="/assets/default/images/info.png">
  127.                                             <div align="center" class="content-mission-tooltips">
  128.                                                 <p class="mission-tooltips" style="min-width: 300px;">
  129.                                                     Veuillez fournir votre Relevé d'Identité Bancaire (RIB) complet. Nous aurons besoin de cette information pour procéder aux paiements des prestations</p>
  130.                                             </div>
  131.                                         </div>
  132.                                     </div>
  133.                                 </div>
  134.                                 <div class="col-lg-12 col-xl-12">
  135.                                     <div class="rib-mention" >
  136.                                         <em>Veuillez noter que vous devez respecter le RGPD applicable pour travailler avec des clients présents dans l’union européenne lors de votre collaboration avec notre plateforme.</em>
  137.                                     </div>
  138.                                     {{ form_widget(inscriptionForm.userData.RIB, {'attr':{'class':inscriptionForm.userData.RIB.vars.errors|length ? 'form-control is-invalid':'form-control','data-inscription--handle-target':'inputRIBPaste'}}) }}
  139.                                     {{ form_errors(inscriptionForm.userData.RIB) }}
  140.                                 </div>
  141.                             </div>
  143.                             <div class="form-group mb-8">
  144.                                 {{ form_label(inscriptionForm.userData.AccountOwner, null, {'label_attr':{'class':'col-xl-12 col-lg-12 col-form-label'}}) }}
  145.                                 <div class="col-lg-12 col-xl-12">
  146.                                     {{ form_widget(inscriptionForm.userData.AccountOwner, {'attr':{'class':inscriptionForm.userData.AccountOwner.vars.errors|length ? 'form-control is-invalid':'form-control'}}) }}
  147.                                     {{ form_errors(inscriptionForm.userData.AccountOwner) }}
  148.                                 </div>
  149.                             </div>
  151.                             <div class="form-group mb-8">
  152.                                 {{ form_label(inscriptionForm.userData.IBAN, null, {'label_attr':{'class':'col-xl-12 col-lg-12 col-form-label'}}) }}
  153.                                 <div class="col-lg-12 col-xl-12">
  154.                                     {{ form_widget(inscriptionForm.userData.IBAN, {'attr':{'class':inscriptionForm.userData.IBAN.vars.errors|length ? 'form-control is-invalid':'form-control','data-inscription--handle-target':'inputIBANPaste'}}) }}
  155.                                     {{ form_errors(inscriptionForm.userData.IBAN) }}
  156.                                 </div>
  157.                             </div>
  159.                             <div class="form-group mb-8">
  160.                                 {{ form_label(inscriptionForm.userData.BicSwift, null, {'label_attr':{'class':'col-xl-12 col-lg-12 col-form-label'}}) }}
  161.                                 <div class="col-lg-12 col-xl-12">
  162.                                     {{ form_widget(inscriptionForm.userData.BicSwift, {'attr':{'class':inscriptionForm.userData.BicSwift.vars.errors|length ? 'form-control is-invalid':'form-control'}}) }}
  163.                                     {{ form_errors(inscriptionForm.userData.BicSwift) }}
  164.                                 </div>
  165.                             </div>
  166.                             <div id="vigilance-certificate">
  167.                                 <div class="form-group mb-8">
  168.                                     <div class="col-xl-12 col-lg-12 ">
  169.                                         {{ form_label(inscriptionForm.userData.VigilanceCertificateFile, null, {'label_attr':{'class':'col-form-label'}}) }}
  170.                                         <div class="content-tooltips tooltips">
  171.                                             <img src="/assets/default/images/info.png">
  172.                                             <div align="center" class="content-mission-tooltips">
  173.                                                 <p class="mission-tooltips" style="min-width: 300px;">
  174.                                                     Veuillez télécharger votre attestation de vigilance. Nous avons besoin de cette attestation pour nous assurer que vous êtes à jour vis-à-vis de vos obligations sociales et fiscales. L'attestation de vigilance est un document officiel délivré par l'Urssaf. L'attestation de vigilance est un document officiel délivré par l'Urssaf.
  175.                                                     <a target="_blank" href="https://youtu.be/RwUYBQ-7Edw" style="color:#fff;text-decoration:underline;">Consulter cette vidéo</a>
  176.                                                     pour savoir comment récupérer cette information.</p>
  177.                                             </div>
  178.                                         </div>
  179.                                     </div>
  180.                                     <div class="col-lg-12 col-xl-12">
  181.                                         {{ form_widget(inscriptionForm.userData.VigilanceCertificateFile, {'attr':{'class':inscriptionForm.userData.VigilanceCertificateFile.vars.errors|length ? 'btn btn-transparant btn-join-file-chat mt-5 form-control is-invalid ':'form-control btn btn-transparant btn-join-file-chat mt-5'}}) }}
  182.                                         {{ form_errors(inscriptionForm.userData.VigilanceCertificateFile) }}
  183.                                         <p><img src="https://my-flow.fr/wp-content/themes/astra-child/assets/images/bouclier.png" width="16" height="16">  Tous les fichiers déposés sont automatiquement analysés pour garantir un environnement sécurisé.</p>
  184.                                     </div>
  185.                                 </div>
  186.                             </div>
  187.                         </div>
  188.                     </div>
  189.                 </div>
  190.             </div>
  191.         </div>
  192.     </div>
  193. </div>
  194. <p id="element-error-message-step-2" style="color: rgb(185, 71, 71); font-size: 12px;">
  195.         
  196. </p>
  197. <div id="all-btn-step-2" style="display:none;">    
  198.     <button id="btn-back-step-1" style="margin-right: 15px;" type="button" class="btn btn-primary-custom font-weight-bold" data-kt-stepper-action="submit" {{ stimulus_action('inscription--handle','backStepOne','click') }}>
  199.             <span class="indicator-label">
  200.                 Retour
  201.             </span>
  202.     </button>
  203.     <button  id="btn-step-3" style="margin-right: 15px;" type="button" class="btn btn-primary-custom font-weight-bold" data-kt-stepper-action="submit" {{ stimulus_action('inscription--handle','nextStepThree','click') }}>
  204.         <span class="indicator-label">
  205.                 Suivant
  206.         </span>
  207.     </button>
  208. </div>