templates/front_otacos/la-base.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block title %}{{'menu.labase'|trans}}{% endblock %}
  5. {% block body %}
  7.     <div class="labase">
  8.         <div class="wrapper">
  9.             <ul class="breadcrumb">
  10.                 <li><a href="{{path('home')}}">{{'accueil'|trans}}</a></li>
  11.                 <li><a href="{{path('grosse-faim')}}">{{'menu.grossefaim'|trans}}</a></li>
  12.                 <li>{{'menu.labase'|trans}}</li>
  13.             </ul>
  15.             <h1 class="titreDualFont"><div>{{'labase.titre'|trans|raw}}</div></h1>
  17.             <p class="chapo">{{'labase.chapo'|trans|raw}}</p>
  19.             {# <p style="text-align: center;"><a href="https://otacos-cc-staging.flyx.cloud/fr-FR/ordering/choose" class="button">{{'commander'|trans}}</a></p>   #}
  21.         </div>
  23.         <div class="labase-step labase-step-step1">
  24.             <div class="wrapper">
  25.                 <div><span>1</span></div>
  26.                 <div>
  27.                     <h2>{{'labase.1'|trans|raw}}</h2>
  28.                     {% if app.request.getLocale() == "fr" 
  29.                         or app.request.getLocale() == "be" 
  30.                         or app.request.getLocale() == "nl" 
  31.                         or app.request.getLocale() == "en" 
  32.                         %}
  33.                     <div class="labase-step-step1-content labase-step-step1-contentfr">
  34.                         <div class="labase-step-step1-content-tacos">
  35.                             <img src="/img/base-tacos2.png" />
  36.                             <ul>
  37.                                 <li><b>M</b> <span>1 {{'labase.2'|trans|raw}}</span></li>
  38.                                 <li><b>L</b> <span>2 {{'labase.2'|trans|raw}}s</span></li>
  39.                                 <li><b>XL</b> <span>3 {{'labase.2'|trans|raw}}s</span></li>
  40.                             </ul>
  41.                         </div>
  43.                         <div class="labase-step-step1-content-bowl">
  44.                             <img src="/img/base-bowl.png" />
  45.                             <p>1 {{'labase.2'|trans|raw}}</p>
  46.                         </div>
  48.                     </div>
  49.                     {% else %}
  50.                     <div class="labase-step-step1-content labase-step-step1-contentfr labase-step-step1-contenttacosseul">
  51.                         <div>
  52.                             <ul>
  53.                                 <li><b>M</b> <span>1 {{'labase.2'|trans|raw}}</span></li>
  54.                                 <li><b>L</b> <span>2 {{'labase.2'|trans|raw}}s</span></li>
  55.                                 <li><b>XL</b> <span>3 {{'labase.2'|trans|raw}}s</span></li>
  56.                             </ul>
  57.                         </div>
  59.                         <div>
  60.                             <img src="/img/base-tacos2.png" />
  61.                         </div>
  63.                     </div>
  64.                     {% endif %}
  65.                     
  66.                 </div>
  67.             </div>
  68.         </div>
  70.         <div class="labase-step labase-step-step2">
  71.             <div class="wrapper">
  72.                 <div><span>2</span></div>
  73.                 <div>
  74.                     <h2>{{'labase.3'|trans|raw}}</h2>
  75.                     <div class="labase-step-step2-content">
  76.                         <ul>
  77.                             {% for viande in baseviandes %}      
  78.                             <li>
  79.                                 <img src="/img/{{viande.photo}}" /><span>{{viande.titre}} 
  80.                                 {% if viande.vegan %}<img src="/img/feuille.svg" />{% endif %}
  81.                                 </span></li>
  82.                             {% endfor %}
  83.                         </ul>
  84.                     </div>
  85.                 </div>
  86.             </div>
  87.         </div>
  89.         <div class="labase-step labase-step-step2 labase-step-step3">
  90.             <div class="wrapper">
  91.                 <div><span>3</span></div>
  92.                 <div>
  93.                     <h2>{{'labase.4'|trans|raw}}</h2>
  94.                     <div class="labase-step-step2-content labase-step-step3-content">
  95.                         <ul>
  96.                             {% for sauce in basesauces %}      
  97.                             <li>
  98.                                 <img src="/img/{{sauce.photo}}" /><span>{{sauce.titre}} 
  99.                                 {% if sauce.spicy %}<img src="/img/piment.svg" />{% endif %}
  100.                                 </span></li>
  101.                             {% endfor %}
  102.                         </ul>
  103.                     </div>
  104.                 </div>
  105.             </div>
  106.         </div>
  108.         <div class="labase-step labase-step-step4">
  109.             <div class="wrapper">
  110.                 <div><span>4</span></div>
  111.                 <div>
  112.                     <h2>{{'labase.5'|trans|raw}}</h2>
  113.                     <div class="labase-step-step4-content">
  114.                         <ul>
  115.                             <li>
  116.                                 <img src="/img/base-fromage.png" />
  117.                                 <p>{{base.step4fromage|nl2br}}</p>
  118.                             </li>
  119.                             <li>
  120.                                 <img src="/img/base-plus.png" />
  121.                                 <p>{{base.step4garniture|nl2br}}</p>
  122.                             </li>
  123.                         </ul>
  124.                     </div>
  125.                 </div>
  126.             </div>
  127.         </div>
  129.         <div class="labase-step labase-step-step5">
  130.             <div class="wrapper">
  131.                 <div><span>5</span></div>
  132.                 <div>
  133.                     <h2>{{'labase.6'|trans|raw}}</h2>
  134.                     <div class="labase-step-step5-content">
  135.                         <ol>
  136.                             <li>
  137.                                 <p>{{'labase.7'|trans|raw}}</p>
  138.                                 <p>{{base.step5fromage|nl2br}}</p>
  139.                             </li>
  140.                             <li>
  141.                                 <p>{{'labase.8'|trans|raw}}</p>
  142.                                 <p>{{base.step5garniture|nl2br}}</p>
  143.                             </li>
  144.                         </ol>
  145.                     </div>
  146.                     <img src="/img/base-tacos.png" class="step5tacos" />
  147.                 </div>
  148.             </div>
  149.         </div>
  150.         <div class="wrapper osucre-allergenes">
  151.             <p class="btAllergenes" id="openPopin"> {{'voirallergenes'|trans}}</p>
  152.         </div>
  155.         <div class="wrapper labase-moment">
  156.             <h3>{{'labase.9'|trans|raw}}</h3>
  158.             {% if app.request.locale|checkEncemoment == true %}
  159.             <div class="photo-header" style="background-image:url('/img/{{encemoment.bandeau}}');">
  160.                 <div>
  161.                     <h4>{{'menu.encemoment'|trans}}</h4>
  162.                     <p><a href="{{path('encemoment')}}" class="button">{{'decouvrirrecette'|trans}}</a></p>
  163.                 </div>
  164.             </div>
  165.             {% else %}
  166.              <div class="wrapper photo-header photo-header-ofondue">
  167.                 <div>
  168.                     <span><img src="/img/ofondue.svg" /></span>
  169.                     <a href="{{path('ofondue')}}"><img src="/img/ofondue-display_{{ app.request.getLocale()|lower }}.jpg" /></a>
  170.                 </div>
  171.             </div>               
  172.             {% endif %}
  173.         </div>                
  174.     </div>
  176.     <div id="popin" class="closed">
  177.         <div id="popin_frame">
  178.             <div id="popin_content" class="popin_allergenes">
  179.                 <img src="/img/close_black.svg" width="30" height="25" id="popin_close">
  180.                 <h2><img src="/img/allergenes.svg" /> {{'allergenes'|trans}}</h2>
  181.                 {{base.allergenes|raw}}
  183.                 {{'labase.10'|trans|raw}}
  184.             </div>
  185.         </div>
  186.     </div>
  188. {% endblock %}