templates/home/pageEstimation.html.twig line 1

Open in your IDE?
  1. {% extends 'navigation.html.twig' %}
  2. {% block title %}{{title}}{% endblock %}
  3. {% block stylesheets %}
  4.     {{ parent() }}
  5.     <link rel="stylesheet" href="{{asset('syscrmnc/' ~ controller ~ '/css/' ~ filename ~ '.css')}}">
  6. {% endblock %}
  7. {% block javascripts %}
  8.     {{ parent() }}
  9.     <script src="{{asset('syscrmnc/' ~ controller ~ '/js/' ~ filename ~ '.js')}}"></script>
  10. {% endblock %}
  12. {% block container %}
  13. {% set index = 1 %}
  14.     <section id="services" class="services mt-5">
  15.         <div class="container">
  16.             <div class="section-title">
  17.                 <h2>{{title}}</h2>
  18.                 <p>Obtenez votre dévis gratuitement en 3mn, top chrono !</p>
  19.             </div>
  20.             <p class="paragraph-text family-poppins">
  21.                 Notre cabinet d’expertise comptable en ligne : un service digital à un tarif optimal.
  22.             </p>
  23.             <div class="">
  24.                 <div class="d-flex flex-row flex-wrap w-100">
  25.                     {% for section in sections %}
  26.                     <a href="{{path('home_estimation_page',{refPage:section.reference|secure_encode,isLinkUrl:'YES'|base_encode})}}" class="py-2 px-3">
  27.                         <div >
  28.                             <div class="text-center {{ refPage == section.reference|secure_encode ? 'titleSuccess' : '' }} titleStep h-100 rounded d-flex align-items-center " >
  29.                                 <label class="stepNumber size-5">{{index}}</label>&emsp;
  30.                                 <span class="stepDesc">
  31.                                     {{section.designation|upper}}
  32.                                 </span>
  33.                             </div>
  34.                         </div>
  35.                         {% set index = index + 1 %}
  36.                     </a>
  37.                     {% endfor %}
  38.                     <a href="{{path('home_estimation_page',{refPage:'ENR'|secure_encode,isLinkUrl:'YES'|base_encode})}}" class="py-2 px-3">
  39.                         <div class="">
  40.                             <div class="text-center {{ refPage == 'ENR'|secure_encode ? 'titleSuccess' : '' }} titleStep h-100 rounded d-flex align-items-center" >
  41.                                 <label class="stepNumber size-5">{{index}}</label>&emsp;
  42.                                 <span class="stepDesc">
  43.                                     {{"Enregistrement"|upper}}
  44.                                 </span> 
  45.                             </div>
  46.                         </div>
  47.                     </a>
  48.                     <a href="{{path('home_estimation_page',{refPage:'DVS'|secure_encode,isLinkUrl:'YES'|base_encode})}}" class="py-2 px-3">
  49.                         <div class="">
  50.                             <div class="text-center {{ refPage == 'DVS'|secure_encode ? 'titleSuccess' : '' }} titleStep h-100 rounded  d-flex align-items-center" >
  51.                                 <label class="stepNumber size-5">{{index + 1}}</label>&emsp;
  52.                                 <span class="stepDesc">
  53.                                     {{"Devis"|upper}}
  54.                                 </span> 
  55.                             </div>
  56.                         </div>
  57.                     </a>
  58.                 </div>
  59.             </div>
  60.             <div class="">
  61.                 <!-- Smart Wizard wizard2-->
  62.                     <div id="wizard2" class="swMain w-100 mb-5">
  63.                         {% set index = 1 %}
  64.                         {% for detailSection in detailSections %}
  65.                             <form action="{{path('home_estimation_page',{refPage:detailSection.reference|secure_encode})}}", method="POST">
  66.                                 <div id="step-{{detailSection.idSection}}">    
  67.                                     {% if detailSection.reference|secure_encode == refPage %}
  68.                                         <!-- <h2 class="StepTitle"><i class="bi bi-caret-right-fill"></i>&nbsp;{{detailSection.section}}</h2>     -->
  69.                                         <h2 class="StepTitle">{{index}}.&nbsp;{{detailSection.section}}</h2>    
  70.                                         {{detailSection.commentaires|raw}}
  71.                                         <div class="content-faq">
  72.                                             {% for sousSection in detailSection.sousSections %}
  73.                                                 <div class="row mt-4">
  74.                                                     <div class="col-12">
  75.                                                         <h5 class="d-flex flex-row align-items-center fontPoppins {{ sousSection.isForm ? "mt-4" : "" }} mb-0">
  76.                                                             <i class="bx bx-help-circle"></i>&nbsp;
  77.                                                             {{sousSection.attribution}}
  78.                                                         </h5>
  79.                                                         <div class="ms-4 mt-2">
  80.                                                             {% if sousSection.isForm %}
  81.                                                                 {% set ssnDevisInput = app.session.get('devisinput_' ~ sousSection.id) %}
  82.                                                                 <div class="col-3">
  83.                                                                     <label for="devis_{{sousSection.id}}" class="font-weight-bold fontPoppins labelStep">{{sousSection.libelleOpt|upper}}</label>
  84.                                                                     <input type="number" name="devisinput_{{sousSection.id}}" id="devis_input_{{sousSection.id}}" class="form-control toVerify family-poppins" data-libelle="{{sousSection.libelleOpt}}" placeholder="Ecrire ici . . ." value="{{  ssnDevisInput is defined ? ssnDevisInput : "" }}" >
  85.                                                                 </div>
  86.                                                             {% else %}
  87.                                                                 {% set ssnDevisValue = app.session.get('devisvalue_' ~ sousSection.id) %}
  88.                                                                 <div class="d-flex flex-row align-items-center">
  89.                                                                     <input type="hidden" name="devisvalue_{{sousSection.id}}" id="devis_value_{{sousSection.id}}" value="{{  ssnDevisValue is defined ? ssnDevisValue : '' }}" >
  90.                                                                     <button type="button" data-name="devis_button_{{sousSection.id}}" data-value="{{sousSection.id}}" data-enabled="btn-warning" data-disabled="btn-outline-warning" data-response="0" class="btn btn-outline-warning sous_section_button btn-sm font-weight-bold px-3">NON</button>
  91.                                                                     <button type="button" data-name="devis_button_{{sousSection.id}}" data-value="{{sousSection.id}}" data-enabled="btn-primary" data-disabled="btn-outline-primary" data-response="1" class="btn btn-outline-primary sous_section_button btn-sm font-weight-bold px-3 mx-3">OUI</button>
  92.                                                                 </div>
  93.                                                             {% endif %}
  94.                                                         </div>
  95.                                                     </div>
  96.                                                 </div>
  97.                                             {% endfor %}
  98.                                             <div class="button-group fontPoppins mt-5">
  99.                                                 <input type="hidden" name="devis_step" id="devis_step">
  100.                                                 <button type="submit" data-value="preview" class="btn {{refArray[detailSection.reference|secure_encode].preview is null ? 'disabled' : '' }} btn_step btn-success me-3"><i class="fa fa-arrow-left"></i>&nbsp;Précédent</a>
  101.                                                 <button type="submit" data-value="next" class="btn btn-success btn_step">Suivant&nbsp;<i class="fa fa-arrow-right"></i></a>
  102.                                             </div>
  103.                                         </div>
  104.                                     {% endif %}
  105.                                 </div>
  106.                             </form>
  107.                             {% set index = index + 1 %}
  108.                         {% endfor %}
  109.                         {% if refPage == "ENR"|secure_encode %}
  110.                             <form currentStep="ENRG" action="{{path('home_estimation_page',{refPage:'ENR'|secure_encode})}}" method="POST">
  111.                                 <div id="stepEnr">    
  112.                                     <h2 class="StepTitle"><i class="bi bi-caret-right-fill"></i>&nbsp;Enregistrement</h2>    
  113.                                     <ul class="list-unstyled itemStep mt-2">
  114.                                         <li><i class="ri-check-double-line text-success"></i>&nbsp;Nous vous remercions d'avoir rempli le formulaire</li>
  115.                                         <li><i class="ri-check-double-line text-success"></i>&nbsp;L'équipe du CRMNC vous contactera au moins dans les 48h pour valider votre devis.</li>
  116.                                         <li><i class="ri-check-double-line text-success"></i>&nbsp;Le formulaire suivant nous permet de prendre conctat avec vous</li>
  117.                                     </ul>
  118.                                     <div class="content-faq mt-3">
  119.                                         <h4 class="d-flex flex-row align-items-center">
  120.                                             Veuillez renseigner les informations suivantes
  121.                                         </h4>
  122.                                         {% set devis_societe = app.session.get('devis_societe') %}
  123.                                         {% set devis_nif = app.session.get('devis_nif') %}
  124.                                         {% set devis_stat = app.session.get('devis_stat') %}
  125.                                         {% set devis_nom = app.session.get('devis_nom') %}
  126.                                         {% set devis_email = app.session.get('devis_email') %}
  127.                                         {% set devis_adresse = app.session.get('devis_adresse') %}
  128.                                         {% set devis_telephone = app.session.get('devis_telephone') %}
  129.                                         <div class="container ps-5">
  130.                                             <div class="column">
  131.                                                 <div class="col-5">
  132.                                                     <label for="devis_nom" class="font-weight-bold mt-3 toVerify labelStep">Société</label>
  133.                                                     <input type="text" name="devis_societe" id="devis_societe" oninput="this.value = this.value.toUpperCase();" class="form-control toVerify family-poppins" data-libelle="Société" placeholder=". . ." value="{{  devis_societe is defined ? devis_societe : "" }}">
  134.                                                 </div>
  135.                                                 <div class="col-3">
  136.                                                     <label for="devis_nom" class="font-weight-bold mt-3 toVerify labelStep">NIF</label>
  137.                                                     <input type="text" name="devis_nif" id="devis_nif" oninput="this.value = this.value.toUpperCase();" class="form-control toVerify family-poppins" data-libelle="Société" placeholder=". . ." value="{{  devis_nif is defined ? devis_nif : "" }}">
  138.                                                 </div>
  139.                                                 <div class="col-4">
  140.                                                     <label for="devis_nom" class="font-weight-bold mt-3 toVerify labelStep">STAT</label>
  141.                                                     <input type="text" name="devis_stat" id="devis_stat" oninput="this.value = this.value.toUpperCase();" class="form-control toVerify family-poppins" data-libelle="Société" placeholder=". . ." value="{{  devis_stat is defined ? devis_stat : "" }}">
  142.                                                 </div>
  143.                                                 <div class="col-4">
  144.                                                     <label for="devis_nom" class="font-weight-bold mt-3 toVerify labelStep">Responsable</label>
  145.                                                     <input type="text" name="devis_nom" id="devis_nom" class="form-control toVerify family-poppins" data-libelle="Nom et Prénom(s)" placeholder=". . ." value="{{  devis_nom is defined ? devis_nom : "" }}">
  146.                                                 </div>
  147.                                                 <div class="col-3">
  148.                                                     <label for="devis_email" class="font-weight-bold mt-3 labelStep">Email</label>
  149.                                                     <input type="email" name="devis_email" id="devis_email" data-libelle="Email" class="form-control toVerify family-poppins" placeholder=". . ." value="{{  devis_email is defined ? devis_email : "" }}">
  150.                                                 </div>
  151.                                                 <div class="col-4">
  152.                                                     <label for="devis_adresse" class="font-weight-bold mt-3 labelStep">Adresse</label>
  153.                                                     <input type="text" name="devis_adresse" id="devis_adresse" class="form-control family-poppins" placeholder=". . ." value="{{  devis_adresse is defined ? devis_adresse : "" }}">
  154.                                                 </div>
  155.                                                 <div class="col-3">
  156.                                                     <label for="devis_telephone" class="font-weight-bold mt-3 labelStep">Contact</label>
  157.                                                     <input type="text" name="devis_telephone" id="devis_telephone" data-libelle="Téléphone" class="form-control toVerify family-poppins" placeholder=". . ." value="{{  devis_telephone is defined ? devis_telephone : "" }}">
  158.                                                 </div>
  159.                                             </div>
  161.                                             <div class="form-check mt-4">
  162.                                                 {% set checkTermUser = app.session.get('checkTermUser') %}
  163.                                                 <input class="form-check-input" name="checkTermUser" type="checkbox" id="checkTermUser" value="{{  checkTermUser is defined ? checkTermUser : "" }}" >
  164.                                                 <label class="form-check-label" for="checkTermUser">
  165.                                                     <a href="{{path('home_termes_et_conidtion')}}" class="text-primary text-decoration-underline" target="_blank">J'accepte les termes et conditions d'utilisations</a>
  166.                                                 </label>
  167.                                             </div>
  168.                                         </div> 
  169.                                     </div>
  170.                                     <div class="button-group mt-5">
  171.                                         <input type="hidden" name="devis_step" id="devis_step">
  172.                                         <button type="submit" data-value="preview" class="btn btn-success btn_step me-3"><i class="fa fa-arrow-left"></i>&nbsp;Précédent</button>
  173.                                         <button type="submit" data-value="next" class="btn btn-success btn_step">Suivant&nbsp;<i class="fa fa-arrow-right"></i></button>
  174.                                     </div>
  175.                                 </div>
  176.                             </form>
  177.                         {% endif %}
  178.                         {% if refPage == "DVS"|secure_encode %}
  179.                             <form action="{{path('home_estimation_page',{refPage:'DVS'|secure_encode})}}", method="POST">
  180.                                 <div id="stepDevis" >
  181.                                     <div class="row pb-3 border-bottom">
  182.                                         <div class="col-6 d-flex flex-column justify-content-center">
  183.                                             <img src="{{asset('datas/images/logo.png')}}" alt="" class="img imgPdf">
  184.                                         </div>
  185.                                         <div class="col-6 text-end">
  186.                                             <label class="font-weight-bold family-poppins text-uppercase labelStep">CRMNC</label>
  187.                                             <ul class="list-unstyled itemStep">
  188.                                                 <li>Audit and Outsourcing</li>
  189.                                                 <li>Lot N III Ambohidrazaka, Alasora, ANTANANARIVO</li>
  190.                                                 <li>Téléphone : +261 33 11 776 78</li>
  191.                                                 <li>contact@crmmnc-expert.com</li>
  192.                                             </ul>
  193.                                         </div>
  194.                                     </div>
  195.                                     {% if isLinkUrl is empty %}
  196.                                         <div class="row mt-3">
  197.                                             <div class="col-6">
  198.                                                 <label class="font-weight-bold text-uppercase family-poppins labelStep">Devis pour &nbsp;</label>
  199.                                                 <ul class="list-unstyled itemStep">
  200.                                                     <li><b>Client : </b>{{infoClient.nomSociete}} ({{infoClient.nomGerant}})</li>
  201.                                                     <li><b>NIF : </b>{{infoClient.nif}}</li>
  202.                                                     <li><b>STAT : </b>{{infoClient.stat}}</li>
  203.                                                     <li><b>Adresse : </b>{{infoClient.addrSociete}}</li>
  204.                                                     <li><b>Téléphone : </b>{{infoClient.telSoc}}</li>
  205.                                                     <li><b>E-mail : </b>{{infoClient.emailSoc}}</li>
  206.                                                 </ul>
  207.                                             </div>
  208.                                             <div class="col-6 text-end d-flex flex-column justify-content-end">
  209.                                                 <ul class="list-unstyled itemStep">
  210.                                                     <li><b>Date : </b><span class="devis_date_debut">{{dateDuJour}}</span></li>
  211.                                                     <li>Devis N° : <b class="devis_num">{{numeroDevis}}</b></li>
  212.                                                     {# <li><b>Date de fin validité : </b><span class="devis_date_fin">04/07/2024</span></li> #}
  213.                                                 </ul>
  214.                                             </div>
  215.                                         </div>    
  216.                                         <div class="w-100 mt-2">
  217.                                             <label class="font-weight-bold familyRoman text-uppercase labelStep">Commentaires ou instructions spéciales</label>
  218.                                             <p class="text-justify labelThanks">
  219.                                                 &emsp;&emsp;La création de société correspond à l'honoraire et les débours forfaitaires hors frais accessoires. Les frais accessoires sont évalués au minimum de 480 000 Ariary ( Acompte IR, Enregistrement contrat de bail, frais d'acte, etc.) qui sont à la charge du client.
  220.                                             </p>
  221.                                         </div>
  222.                                         <div class="content-faq mt-3" style="height: auto">
  223.                                             <div class="table-responsive">
  224.                                                 <table class="table table-sm table-bordered table-hover">
  225.                                                     <thead class="table-dark">
  226.                                                         <tr>
  227.                                                             <th class="text-uppercase text-center">#</th>
  228.                                                             <th class="text-uppercase">Description</th>
  229.                                                             <th class="text-uppercase text-end px-3">Forfait</th>
  230.                                                             <th class="text-uppercase text-end px-3">Mensuel</th>
  231.                                                             <th class="text-uppercase text-end px-3">Annuel</th>
  232.                                                         </tr>
  233.                                                     </thead>
  234.                                                     <tbody class="detail_devis">
  235.                                                         {% set index = 1 %}
  236.                                                         {% set cout_ponctuel = 0 %}
  237.                                                         {% set cout_mensuel = 0 %}
  238.                                                         {% set cout_annuel = 0 %}
  239.                                                         {% for item in tableauDevis %}
  240.                                                             {% set val_forfait = item.FORFAIT is defined ? item.FORFAIT : 0 %}
  241.                                                             {% set val_mois = item.MOIS is defined ? item.MOIS : 0 %}
  242.                                                             {% set val_annee = item.ANNEE is defined ? item.ANNEE : 0 %}
  243.                                                             <tr>
  244.                                                                 <td class="align-middle ps-3">{{ index }}</td>
  245.                                                                 <td class="align-middle ps-3 py-2">{{ item.label }}</td>
  246.                                                                 <td class="text-end align-middle py-2 pe-3">{{ item.FORFAIT is defined ? item.FORFAIT|display_number : "-" }}</td>
  247.                                                                 <td class="text-end align-middle py-2 pe-3">{{ item.MOIS is defined ? item.MOIS|display_number : "-" }}</td>
  248.                                                                 <td class="text-end align-middle py-2 pe-3">{{ item.ANNEE is defined ? item.ANNEE|display_number : "-" }}</td>
  249.                                                             </tr>
  250.                                                             {% set cout_ponctuel = cout_ponctuel + val_forfait %}
  251.                                                             {% set cout_mensuel = cout_mensuel + val_mois %}
  252.                                                             {% set cout_annuel = cout_annuel + val_annee %}
  253.                                                             {% set index = index + 1 %}
  254.                                                         {% endfor %}
  255.                                                     </tbody>
  256.                                                     {% set anneeParMois = cout_annuel / 12 %}
  257.                                                     {% set moisParAnnee = cout_mensuel * 12 %}
  258.                                                     <tfoot>
  259.                                                         <tr>
  260.                                                             <th colspan="2" class="py-2 px-3 text-end">TOTAL</th>
  261.                                                             <th class="devis_total_forfait align-middle bg-light text-end px-3">{{ cout_ponctuel|display_number }}</th>
  262.                                                             <th class="devis_total_mois align-middle bg-light text-end px-3">{{ cout_mensuel|display_number }}</th>
  263.                                                             <th class="devis_total_annee align-middle bg-light text-end px-3">{{ cout_annuel|display_number }}</th>
  264.                                                         </tr>
  265.                                                         <tr>
  266.                                                             <td colspan="5" class="bg-light py-2"></td>
  267.                                                         </tr>
  268.                                                         <tr>
  269.                                                             <th colspan="4" class="text-end py-2 px-3 text-uppercase">Coût Mensuel</th>
  270.                                                             <th class="bg-info text-white align-middle cout_mensuel text-end px-3">
  271.                                                                 {{ (cout_mensuel + anneeParMois)|display_number }}
  272.                                                             </th>
  273.                                                         </tr>
  274.                                                         <tr>
  275.                                                             <th colspan="4" class="text-end py-2 px-3 text-uppercase">Coût Annuel</th>
  276.                                                             <th class="bg-info text-white align-middle cout_annuel text-end px-3">
  277.                                                                 {{ (cout_annuel + moisParAnnee)|display_number }}
  278.                                                             </th>
  279.                                                         </tr>
  280.                                                         <tr>
  281.                                                             <th colspan="4" class="text-end py-2 px-3 text-uppercase">Coût Ponctuel</th>
  282.                                                             <th class="bg-info text-white align-middle cout_ponctuel text-end px-3">
  283.                                                                 {{ cout_ponctuel|display_number }}
  284.                                                             </th>
  285.                                                         </tr>
  286.                                                     </tfoot>
  287.                                                 </table>
  288.                                             </div>
  289.                                         </div>
  290.                                         <div class="w-100">
  291.                                             <label class="font-weight-bold labelThanks mt-4">Nous vous remercions de votre confiance !</label>
  292.                                         </div>
  293.                                         <label class="font-weight-bold text-uppercase mt-3 labelStep">Notice : </label>
  294.                                         <ul class="list-unstyled itemStep">
  295.                                             <li>Pour toute question concernant ce devis, contactez-nous</li>
  296.                                             <li>Téléphone : +261 33 11 776 78 </li>
  297.                                             <li>E-mail : contact@crmnc-expert.com</li>
  298.                                         </ul>
  299.                                         <div class="text-end mt-3">
  300.                                             <button type="button" data-toRedirect="{{path('home_estimation_page',{refPage:'CRN'|secure_encode,isLinkUrl:'YES'})}}" data-link="{{path('home_generate_pdf')}}" target="_blank" class="btn btn-danger btn_download_devis"><i class="bi bi-cloud-arrow-down-fill"></i>&nbsp;Confirmer le dévis</button>
  301.                                         </div>
  302.                                     {% else %}
  303.                                         <div class="alert family-poppins alert-warning p-3 mt-4">
  304.                                             Merci de passer par l'enregistrement pour avoir le dévis
  305.                                         </div>
  306.                                     {% endif %}
  308.                                     <div class="button-group mt-5">
  309.                                         <input type="hidden" name="devis_step" id="devis_step">
  310.                                         <button type="submit" data-value="preview" class="btn btn-success btn_step me-3"><i class="fa fa-arrow-left"></i>&nbsp;Précédent</button>
  311.                                         <button type="submit" data-value="next" class="btn disabled btn_step btn-success">Suivant&nbsp;<i class="fa fa-arrow-right"></i></button>
  312.                                     </div>
  313.                                 </div>
  314.                             </form>
  316.                             
  317.                         {% endif %}
  318.                     </div>
  319.                 <!-- End SmartWizard Content 2 -->  
  320.             </div>
  321.         </div>
  322.     </section>
  323. {% endblock %}