templates/forms/devis.html.twig line 1

Open in your IDE?
  1. {% trans_default_domain 'Devis' %}
  3. {% include '@CraueFormFlow/FormFlow/stepList.html.twig' %}
  5. <div data-controller="devis-form"{% if flow.getCurrentStepNumber() > 1 %} data-category="{{ flow.getFormData().category }}"{% endif %}>
  6. {{ form_start(form, {attr: {class: 'form-devis step-' ~ flow.getCurrentStepNumber(), 'data-controller': 'dropzone'}}) }}
  7.     <h2 class="title">{{ ('step' ~ flow.getCurrentStepNumber() ~ '.title')|trans}}</h2>
  8. {% if flow.getCurrentStepNumber() == 1 %}
  10.     <div class="section">
  11.         <div class="widget full-width">
  12.             {{ form_label(form.category) }}
  13.             {{ form_widget(form.category) }}
  14.         </div>
  15.     </div>
  17.     <div class="section">
  18.         <div class="widget full-width">
  19.             {{ form_label(form.boatName) }}
  20.             {{ form_widget(form.boatName) }}
  21.         </div>
  22.         <div class="widget full-width">
  23.             {{ form_label(form.boatType) }}
  24.             {{ form_widget(form.boatType) }}
  25.         </div>
  26.     </div>
  28.     <div class="section">
  29.         <div class="widget">
  30.             {{ form_label(form.boatConstruct) }}
  31.             {{ form_widget(form.boatConstruct) }}
  32.         </div>
  33.         <div class="widget">
  34.             {{ form_label(form.boatModel) }}
  35.             {{ form_widget(form.boatModel) }}
  36.         </div>
  37.         <div class="widget full-width">
  38.             {{ form_label(form.boatMaterials) }}
  39.             {{ form_widget(form.boatMaterials) }}
  40.         </div>
  41.     </div>
  43.     <div class="section">
  44.         <div class="widget">
  45.             {{ form_label(form.boatRegistration) }}
  46.             {{ form_widget(form.boatRegistration) }}
  47.         </div>
  48.         <div class="widget">
  49.             {{ form_label(form.boatConstructionType) }}
  50.             {{ form_widget(form.boatConstructionType) }}
  51.         </div>
  52.         <div class="widget">
  53.             {{ form_label(form.boatConstructionDate) }}
  54.             {{ form_widget(form.boatConstructionDate) }}
  55.         </div>
  56.     </div>
  57.     <div class="section">
  58.         <div class="widget">
  59.             {{ form_label(form.boatLength) }}
  60.             {{ form_widget(form.boatLength) }}
  61.         </div>
  62.         <div class="widget">
  63.             {{ form_label(form.boatWidth) }}
  64.             {{ form_widget(form.boatWidth) }}
  65.         </div>
  66.         <div class="widget">
  67.             {{ form_label(form.boatMaxSpeed) }}
  68.             {{ form_widget(form.boatMaxSpeed) }}
  69.         </div>
  70.         <div class="widget">
  71.             {{ form_label(form.boatMotorNumber) }}
  72.             {{ form_widget(form.boatMotorNumber) }}
  73.         </div>
  74.         <div class="widget">
  75.             {{ form_label(form.boatMotorType) }}
  76.             {{ form_widget(form.boatMotorType) }}
  77.         </div>
  78.         <div class="widget">
  79.             {{ form_label(form.boatMotorBrand) }}
  80.             {{ form_widget(form.boatMotorBrand) }}
  81.         </div>
  82.         <div class="widget">
  83.             {{ form_label(form.boatMotorPower) }}
  84.             {{ form_widget(form.boatMotorPower) }}
  85.         </div>
  86.         <div class="widget">
  87.             {{ form_label(form.boatMotorYear) }}
  88.             {{ form_widget(form.boatMotorYear) }}
  89.         </div>
  90.     </div>
  91.     <div class="section">
  92.         <div class="widget">
  93.             {{ form_label(form.trailerBrand) }}
  94.             {{ form_widget(form.trailerBrand) }}
  95.         </div>
  96.         <div class="widget">
  97.             {{ form_label(form.trailerImmat) }}
  98.             {{ form_widget(form.trailerImmat) }}
  99.         </div>
  100.         <div class="widget">
  101.             {{ form_label(form.trailerValue) }}
  102.             {{ form_widget(form.trailerValue) }}
  103.         </div>
  104.         <div class="widget">
  105.             {{ form_label(form.trailerYear) }}
  106.             {{ form_widget(form.trailerYear) }}
  107.         </div>
  108.     </div>
  109.     <div class="section">
  110.         <div class="widget">
  111.             {{ form_label(form.boatMattCarbon) }}
  112.             {{ form_widget(form.boatMattCarbon) }}
  113.         </div>
  114.         <div class="widget">
  115.             {{ form_label(form.boatHaveAnnex) }}
  116.             {{ form_widget(form.boatHaveAnnex) }}
  117.         </div>
  118.         <div class="widget" data-dependent-on="devis_form_boatHaveAnnex-1">
  119.             {{ form_label(form.boatAnnexModele) }}
  120.             {{ form_widget(form.boatAnnexModele) }}
  121.         </div>
  122.         <div class="widget" data-dependent-on="devis_form_boatHaveAnnex-1">
  123.             {{ form_label(form.boatAnnexYear) }}
  124.             {{ form_widget(form.boatAnnexYear) }}
  125.         </div>
  126.         <div class="widget" data-dependent-on="devis_form_boatHaveAnnex-1">
  127.             {{ form_label(form.boatAnnexMotorBrand) }}
  128.             {{ form_widget(form.boatAnnexMotorBrand) }}
  129.         </div>
  130.         <div class="widget" data-dependent-on="devis_form_boatHaveAnnex-1">
  131.             {{ form_label(form.boatAnnexMotorPower) }}
  132.             {{ form_widget(form.boatAnnexMotorPower) }}
  133.         </div>
  134.         <div class="widget" data-dependent-on="devis_form_boatHaveAnnex-1">
  135.             {{ form_label(form.boatAnnexMotorYear) }}
  136.             {{ form_widget(form.boatAnnexMotorYear) }}
  137.         </div>
  138.         <div class="widget full-width">
  139.             {{ form_label(form.boatCertificat) }}
  140.             {{ form_widget(form.boatCertificat) }}
  141.         </div>
  142.         <div class="widget">
  143.             {{ form_label(form.boatCertificatDate) }}
  144.             {{ form_widget(form.boatCertificatDate) }}
  145.         </div>
  146.         <div class="widget">
  147.             {{ form_label(form.boatCertificatCommunity) }}
  148.             {{ form_widget(form.boatCertificatCommunity) }}
  149.         </div>
  150.         <div class="widget">
  151.             {{ form_label(form.boatDetectFire) }}
  152.             {{ form_widget(form.boatDetectFire) }}
  153.         </div>
  154.         <div class="widget">
  155.             {{ form_label(form.boatExtinguishersNumber) }}
  156.             {{ form_widget(form.boatExtinguishersNumber) }}
  157.         </div>
  158.         <div class="widget">
  159.             {{ form_label(form.boatExtinguishersVerified) }}
  160.             {{ form_widget(form.boatExtinguishersVerified) }}
  161.         </div>
  162.         <div class="widget">
  163.             {{ form_label(form.boatLastElectricalCheck) }}
  164.             {{ form_widget(form.boatLastElectricalCheck) }}
  165.         </div>
  166.         <div class="widget">
  167.             {{ form_label(form.boatLastGasCheck) }}
  168.             {{ form_widget(form.boatLastGasCheck) }}
  169.         </div>
  170.         <div class="widget">
  171.             {{ form_label(form.boatLastDryDocking) }}
  172.             {{ form_widget(form.boatLastDryDocking) }}
  173.         </div>
  174.         <div class="widget full-width">
  175.             {{ form_label(form.boatWorkCarried) }}
  176.             {{ form_widget(form.boatWorkCarried) }}
  177.         </div>
  178.     </div>
  179. {% elseif flow.getCurrentStepNumber() == 2 %}
  180.     <div class="section">
  181.         <div class="widget">
  182.             {{ form_label(form.usageMainResidence) }}
  183.             {{ form_widget(form.usageMainResidence) }}
  184.         </div>
  185.         <div class="widget">
  186.             {{ form_label(form.usageSecondaryResidence) }}
  187.             {{ form_widget(form.usageSecondaryResidence) }}
  188.         </div>
  189.         <div class="widget">
  190.             {{ form_label(form.usageProfessional) }}
  191.             {{ form_widget(form.usageProfessional) }}
  192.         </div>
  193.         <div class="widget full-width">
  194.             {{ form_label(form.usageTypeFluvial) }}
  195.             {{ form_widget(form.usageTypeFluvial) }}
  196.         </div>
  197.     </div>
  198.     <div class="section" data-dependent-on="devis_form_usageProfessional-1">
  199.         <div class="widget">
  200.             {{ form_label(form.usagePassagersSales) }}
  201.             {{ form_widget(form.usagePassagersSales) }}
  202.         </div>
  203.         <div class="widget">
  204.             {{ form_label(form.usagePassengerEmployeesNumber) }}
  205.             {{ form_widget(form.usagePassengerEmployeesNumber) }}
  206.         </div>
  207.         <div class="widget">
  208.             {{ form_label(form.usagePassengerNumber) }}
  209.             {{ form_widget(form.usagePassengerNumber) }}
  210.         </div>
  211.         <div class="widget">
  212.             {{ form_label(form.usagePassengerTva) }}
  213.             {{ form_widget(form.usagePassengerTva) }}
  214.         </div>
  215.         <div class="widget">
  216.             {{ form_label(form.usagePassengerMortgaged) }}
  217.             {{ form_widget(form.usagePassengerMortgaged) }}
  218.         </div>
  219.         <div class="widget">
  220.             {{ form_label(form.usagePassengerCruiseShip) }}
  221.             {{ form_widget(form.usagePassengerCruiseShip) }}
  222.         </div>
  223.         <div class="widget">
  224.             {{ form_label(form.usagePassengerPleasure) }}
  225.             {{ form_widget(form.usagePassengerPleasure) }}
  226.         </div>
  227.         <div class="widget">
  228.             {{ form_label(form.usagePassengerWithoutNavigation) }}
  229.             {{ form_widget(form.usagePassengerWithoutNavigation) }}
  230.         </div>
  231.         <div class="widget">
  232.             {{ form_label(form.usagePassengerCatering) }}
  233.             {{ form_widget(form.usagePassengerCatering) }}
  234.         </div>
  235.         <div class="widget">
  236.             {{ form_label(form.usagePassengerLandBasedFacilities) }}
  237.             {{ form_widget(form.usagePassengerLandBasedFacilities) }}
  238.         </div>
  239.         <div class="widget full-width" data-dependent-on="devis_form_usagePassengerLandBasedFacilities-1">
  240.             {{ form_label(form.usagePassengerLandBasedFacilitiesType) }}
  241.             {{ form_widget(form.usagePassengerLandBasedFacilitiesType) }}
  242.         </div>
  243.     </div>
  244.     <div class="section">
  245.         <div class="widget">
  246.             {{ form_label(form.usagePurchaseDate) }}
  247.             {{ form_widget(form.usagePurchaseDate) }}
  248.         </div>
  249.         <div class="widget">
  250.             {{ form_label(form.usageFunding) }}
  251.             {{ form_widget(form.usageFunding) }}
  252.         </div>
  253.         <div class="widget">
  254.             {{ form_label(form.usageFlag) }}
  255.             {{ form_widget(form.usageFlag) }}
  256.         </div>
  257.         <div class="widget">
  258.             {{ form_label(form.usageAnchoragePortFrance) }}
  259.             {{ form_widget(form.usageAnchoragePortFrance) }}
  260.         </div>
  261.         <div class="widget">
  262.             {{ form_label(form.usageAnchoragePort) }}
  263.             {{ form_widget(form.usageAnchoragePort) }}
  264.         </div>
  265.         <div class="widget">
  266.             {{ form_label(form.usageTypeMaritime) }}
  267.             {{ form_widget(form.usageTypeMaritime) }}
  268.         </div>
  269.         <div class="widget">
  270.             {{ form_label(form.usageNavigationArea) }}
  271.             {{ form_widget(form.usageNavigationArea) }}
  272.         </div>
  273.         <div class="widget">
  274.             {{ form_label(form.usageAloneMoreOneDay) }}
  275.             {{ form_widget(form.usageAloneMoreOneDay) }}
  276.         </div>
  278.         <div class="widget">
  279.             {{ form_label(form.usageRiverNavigationZone) }}
  280.             {{ form_widget(form.usageRiverNavigationZone) }}
  281.         </div>
  282.         <div class="widget">
  283.             {{ form_label(form.usageLakeNavigationZone) }}
  284.             {{ form_widget(form.usageLakeNavigationZone) }}
  285.         </div>
  286.     </div>
  288. {% elseif flow.getCurrentStepNumber() == 3 %}
  289.     <div class="section">
  290.         <div class="widget">
  291.             {{ form_label(form.folderValueInsurance) }}
  292.             {{ form_widget(form.folderValueInsurance) }}
  293.         </div>
  294.         <div class="widget">
  295.             {{ form_label(form.folderValueInsuranceTTC) }}
  296.             {{ form_widget(form.folderValueInsuranceTTC) }}
  297.         </div>
  298.         <div class="widget">
  299.             {{ form_label(form.folderinsuredLastSixtyMounth) }}
  300.             {{ form_widget(form.folderinsuredLastSixtyMounth) }}
  301.         </div>
  302.         <div class="widget">
  303.             {{ form_label(form.folderTakeSinister) }}
  304.             {{ form_widget(form.folderTakeSinister) }}
  305.         </div>
  306.         <div class="widget" data-dependent-on="devis_form_folderTakeSinister-1">
  307.             {{ form_label(form.folderTakeSinisterNumber) }}
  308.             {{ form_widget(form.folderTakeSinisterNumber) }}
  309.         </div>
  310.         <div class="widget">
  311.             {{ form_label(form.folderSimilarRisk) }}
  312.             {{ form_widget(form.folderSimilarRisk) }}
  313.         </div>
  314.         <div class="widget full-width">
  315.             {{ form_label(form.folderCurrentInsurance) }}
  316.             {{ form_widget(form.folderCurrentInsurance) }}
  317.         </div>
  318.     </div>
  319. {% elseif flow.getCurrentStepNumber() == 4 %}
  320.     <div class="section">
  321.         <div class="widget">
  322.             {{ form_label(form.experienceBoatLicense) }}
  323.             {{ form_widget(form.experienceBoatLicense) }}
  324.         </div>
  326.         <div class="widget">
  327.             {{ form_label(form.experienceOwnerTime) }}
  328.             {{ form_widget(form.experienceOwnerTime) }}
  329.         </div>
  331.         <div class="widget">
  332.             {{ form_label(form.experienceRemarkableNavigation) }}
  333.             {{ form_widget(form.experienceRemarkableNavigation) }}
  334.         </div>
  336.         <div class="widget">
  337.             {{ form_label(form.experienceOtherLicense) }}
  338.             {{ form_widget(form.experienceOtherLicense) }}
  339.         </div>
  341.         <div class="widget">
  342.             {{ form_label(form.experienceLicenseFluvial) }}
  343.             {{ form_widget(form.experienceLicenseFluvial) }}
  344.         </div>
  346.         <div class="widget">
  347.             {{ form_label(form.experienceBoatLicenseYear) }}
  348.             {{ form_widget(form.experienceBoatLicenseYear) }}
  349.         </div>
  351.         <div class="widget">
  352.             {{ form_label(form.experienceLicenseCertificateCommercialBoats) }}
  353.             {{ form_widget(form.experienceLicenseCertificateCommercialBoats) }}
  354.         </div>
  355.     </div>
  357. {% elseif flow.getCurrentStepNumber() == 5 %}
  358.     <div class="section">
  359.         <div class="widget">
  360.             {{ form_label(form.informationsYouAre) }}
  361.             {{ form_widget(form.informationsYouAre) }}
  362.         </div>
  363.         <div class="widget" data-dependent-on="devis_form_informationsYouAre-Entreprise">
  364.             {{ form_label(form.informationsSociety) }}
  365.             {{ form_widget(form.informationsSociety) }}
  366.         </div>
  367.         <div class="widget" data-dependent-on="devis_form_informationsYouAre-Particulier">
  368.             {{ form_label(form.informationsCivility) }}
  369.             {{ form_widget(form.informationsCivility) }}
  370.         </div>
  371.         <div class="widget" data-dependent-on="devis_form_informationsYouAre-Entreprise">
  372.             {{ form_label(form.informationsLegalEntity) }}
  373.             {{ form_widget(form.informationsLegalEntity) }}
  374.         </div>
  375.     </div>
  377.     <div class="section" data-dependent-on="devis_form_informationsYouAre-Particulier">
  378.         <div class="widget">
  379.             {{ form_label(form.informationsFirstname) }}
  380.             {{ form_widget(form.informationsFirstname) }}
  381.         </div>
  382.         <div class="widget">
  383.             {{ form_label(form.informationsName) }}
  384.             {{ form_widget(form.informationsName) }}
  385.         </div>
  386.         <div class="widget">
  387.             {{ form_label(form.informationsBirthday) }}
  388.             {{ form_widget(form.informationsBirthday) }}
  389.         </div>
  390.         <div class="widget">
  391.             {{ form_label(form.informationsDepartmentBirth) }}
  392.             {{ form_widget(form.informationsDepartmentBirth) }}
  393.         </div>
  394.         <div class="widget">
  395.             {{ form_label(form.informationsCityBirth) }}
  396.             {{ form_widget(form.informationsCityBirth) }}
  397.         </div>
  398.         <div class="widget">
  399.             {{ form_label(form.informationsAddress) }}
  400.             {{ form_widget(form.informationsAddress) }}
  401.         </div>
  402.         <div class="widget">
  403.             {{ form_label(form.informationsPostalCode) }}
  404.             {{ form_widget(form.informationsPostalCode) }}
  405.         </div>
  406.         <div class="widget">
  407.             {{ form_label(form.informationsCity) }}
  408.             {{ form_widget(form.informationsCity) }}
  409.         </div>
  410.         <div class="widget">
  411.             {{ form_label(form.informationsCountry) }}
  412.             {{ form_widget(form.informationsCountry) }}
  413.         </div>
  414.         <div class="widget">
  415.             {{ form_label(form.informationsEmail) }}
  416.             {{ form_widget(form.informationsEmail) }}
  417.         </div>
  418.         <div class="widget">
  419.             {{ form_label(form.informationsPhone) }}
  420.             {{ form_widget(form.informationsPhone) }}
  421.         </div>
  422.     </div>
  423. {% elseif flow.getCurrentStepNumber() == 6 %}
  424.     <div class="section">
  425.         <div class="widget full-width">
  426.             {{ form_label(form.furtherMoreInformation) }}
  427.             {{ form_widget(form.furtherMoreInformation) }}
  428.         </div>
  429.         <div class="widget full-width">
  430.             {{ form_label(form.furtherCertifyNoSinister) }}
  431.             {{ form_widget(form.furtherCertifyNoSinister) }}
  432.         </div>
  433.         <div class="widget full-width">
  434.             {{ form_label(form.furtherCertifyRiskReality) }}
  435.             {{ form_widget(form.furtherCertifyRiskReality) }}
  436.         </div>
  437.     </div>
  440.     <div class="section">
  441.         <div class="widget full-width">
  442.             <label>Télécharger ici les différents documents nécessaires (titres de navigation, certificats, permis, expertises...)</label>
  443.             <div class="dropzone-wrapper" data-dropzone-target="dropzone">
  444.                 <p class="text">Glisser / déposer vos documents ou cliquer ici</p>
  445.             </div>
  446.         </div>
  447.         <div class="dropzone-previews full-width">
  449.         </div>
  450.     </div>
  451.     <div class="hidden">{{ form_widget(form.documents) }}</div>
  452. {% endif %}
  455. {% include '@CraueFormFlow/FormFlow/buttons.html.twig' with {
  456.     craue_formflow_button_class_last   : 'button last',
  457.     craue_formflow_button_class_back   : 'button back',
  458.     craue_formflow_button_class_next   : 'button next',
  459.     craue_formflow_button_class_finish : 'button finish',
  460.     craue_formflow_button_class_reset  : 'button button-alternate reset',
  462.     craue_formflow_button_label_last   : 'Valider mes informations',
  463.     craue_formflow_button_label_back   : 'Revenir à l\'étape précédente',
  464.     craue_formflow_button_label_next   : 'Valider mes informations',
  465.     craue_formflow_button_label_finish : 'Envoyer le devis',
  466.     craue_formflow_button_label_reset  : 'Recommencer à zéro',
  467. } %}
  469. {{ form_end(form) }}
  470. </div>