themes/BootstrapTheme/templates/bundles/SyliusShopBundle/ProjectSimulation/index.html.twig line 1

Open in your IDE?
  1. {% extends '@SyliusShop/layout.html.twig' %}
  3. {% block content %}
  5.   <div id="steps" class="bg-step">
  6.     <div class="max-container-5 px-0">
  7.         <nav>
  8.             <ol class="breadcrumb ariane-box m-0 p-3">
  9.                 <li class="breadcrumb-item"><a href="{{ path('sylius_shop_homepage') }}">{{ 'sylius.ui.home'|trans }}</a></li>
  10.                 <li class="breadcrumb-item active">Simulez votre projet</li>
  11.             </ol>
  12.         </nav>
  13.         <div class="max-container-4 px-lg-0 px-2">
  14.             <div class="text-center pt-lg-4 pt-3">
  15.                 <h1 class="title-medium color-blue-s text-uppercase mb-0">Simulez votre projet</h1>
  16.                 <div class="text-center titre-regular-italic">Rapide et gratuit !</div>
  17.             </div>
  18.             <div class="step-project-container">
  19.                 <div class="row no-gutters">
  20.                     <div class="col">
  21.                         <div class="step-number step-number-1 completed-step"><span>1</span></div>
  22.                     </div>
  23.                     <div class="col">
  24.                         <div class="step-number step-number-2"><span>2</span></div>
  25.                     </div>
  26.                     <div class="col">
  27.                         <div class="step-number step-number-3"><span>3</span></div>
  28.                     </div>
  29.                     <div class="col">
  30.                         <div class="step-number step-number-4"><span>4</span></div>
  31.                     </div>
  32.                 </div>
  33.             </div>
  34.             <div class="bg-form-step">
  35.                 {{ form_start(form, {'action': path('app_shop_project_simulation'), 'attr': {'class': 'ui large loadable form', 'novalidate': 'novalidate'}}) }}
  37.                 <div id="step1">
  38.                     {% include '@SyliusShop/ProjectSimulation/Steps/_step1.html.twig' %}
  39.                 </div>
  40.                 <div id="step2" class="d-none">
  41.                     {% include '@SyliusShop/ProjectSimulation/Steps/_step2.html.twig' %}
  42.                 </div>
  43.                 <div id="step3" class="d-none">
  44.                     {% include '@SyliusShop/ProjectSimulation/Steps/_step3.html.twig' %}
  45.                 </div>
  48.                 {{ form_row(form._token) }}
  49.                 <div class="px-1 pb-2 pt-lg-4 pt-3 text-center mt-lg-3 row mx-md-n3 mx-n2 justify-content-center align-items-center">
  50.                     <div class="step1hiden-btn col-6 hidden-step-1  px-lg-5 px-md-3 px-2"><button type="button" class="btn-back-step d-none btn-link transition-bgcolor width-100-max border-0  text-white  font-24 py-p-step "><span>{{ 'app.form.project_simulation.back_step'|trans }}</span></button></div>
  51.                     <div class="col-6  px-lg-5 px-md-3 px-2"><button type="button" data-current-step="1" class="btn-next-step d-none btn-link transition-bgcolor width-100-max border-0  text-white  font-24 py-p-step bg-gradient-hover"><span>{{ 'app.form.project_simulation.next_step'|trans }}</span></button></div>
  52.                     <button type="submit" data-form-submit class="d-none btn-submit d-none btn-link transition-bgcolor minw-verybig border-0 text-white font-24 py-p-step bg-gradient-hover"><span>{{ 'app.form.project_simulation.next_step'|trans }}</span></button>
  53.                 </div>
  54.                 {{ form_end(form, {'render_rest': false}) }}
  55.             </div>
  56.         </div>
  57.     </div>
  58.   </div>
  59. {% endblock %}
  61. {% block javascripts %}
  62.     {{ parent() }}
  63.     {{ encore_entry_script_tags('project_simulation', null, 'bootstrapTheme') }}
  64. {% endblock %}