templates/pages/privado/ajustes/faqs/faq_page_list.html.twig line 1

Open in your IDE?
  1. {% extends '/pages/privado/internal_base.html.twig' %}
  3. {% block subBarContent %}
  4.     
  5. {% endblock %}
  7. {% block internal_body %}
  8.     <div id="kt_content_container" class="d-flex flex-column-fluid align-items-start container-xxl mt-15">
  9.         <div class="content flex-row-fluid" id="kt_content">
  10.             {% set cats = app_faq_cat() %}
  11.             {% if cats | length > 0 %}     
  12.             <div class="card">
  13.                 <div class="card-body p-lg-15">
  14.                     <div class="mb-15">
  15.                         <h4 class="fs-2x text-gray-800 w-bolder mb-6">{{ 'faq.page.seo.title'| trans({}, 'faq') }}</h4>
  16.                         <div class="row mt-3">
  17.                         {% for cat in cats %}
  18.                             <div class="col-lg-3 col">
  19.                                 <a href="#cat_{{loop.index0}}" class="btn btn-lg btn-primary w-100 mb-5">
  20.                                     {{ cat.getFaqCategoriaTag(cat.getFaqCategoriaText()| trans({}, 'faq')) | raw }}
  21.                                 </a>
  22.                             </div>
  23.                         {% endfor %}
  24.                         </div>
  25.                     </div>
  26.                     {% for cat in cats %}
  27.                     {% set index = loop.index0 %}
  28.                     <div class="row mb-12">
  29.                         <div class="col-12">
  30.                             <h2 id="cat_{{index}}"class="text-gray-800 fw-bolder mb-4">{{ cat.getFaqCategoriaTag(cat.getFaqCategoriaText()| trans({}, 'faq')) | raw }}</h2>
  31.                             {% set faqs = app_faq_find(cat.FaqCategoria) %}
  32.                             {% if faqs | length > 0 %}
  33.                                 {% for faq in faqs %}
  34.                                     <div class="m-0">
  35.                                         <div class="d-flex align-items-center collapsed collapsible py-3 toggle mb-0" data-bs-toggle="collapse" data-bs-target="#cat_{{index}}_faq_{{loop.index0}}" aria-expanded="false">
  36.                                             <div class="btn btn-sm btn-icon mw-20px btn-active-color-primary me-5">
  37.                                                 <span class="svg-icon toggle-on svg-icon-primary svg-icon-1">
  38.                                                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  39.                                                         <rect opacity="0.3" x="2" y="2" width="20" height="20" rx="5" fill="black" />
  40.                                                         <rect x="6.0104" y="10.9247" width="12" height="2" rx="1" fill="black" />
  41.                                                     </svg>
  42.                                                 </span>
  43.                                                 <span class="svg-icon toggle-off svg-icon-1">
  44.                                                     <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
  45.                                                         <rect opacity="0.3" x="2" y="2" width="20" height="20" rx="5" fill="black" />
  46.                                                         <rect x="10.8891" y="17.8033" width="12" height="2" rx="1" transform="rotate(-90 10.8891 17.8033)" fill="black" />
  47.                                                         <rect x="6.01041" y="10.9247" width="12" height="2" rx="1" fill="black" />
  48.                                                     </svg>
  49.                                                 </span>
  50.                                             </div>
  51.                                             <h4 class="text-gray-700 fw-bolder cursor-pointer mb-0">{{faq.FaqTitulo}}</h4>
  52.                                         </div>
  53.                                         <!--end::Heading-->
  54.                                         <!--begin::Body-->
  55.                                         <div id="cat_{{index}}_faq_{{loop.index0}}" class="collapse fs-6 ms-1">
  56.                                             <div class="mb-4 text-gray-600 fw-bold fs-6 ps-10">{{faq.FaqContenido | raw}}</div>
  57.                                         </div>
  58.                                         <div class="separator separator-dashed"></div>
  59.                                     </div>
  60.                                 {% endfor %}
  61.                             {% endif %}
  62.                         </div>
  63.                     </div>
  64.                     {% endfor %}
  65.                 </div>
  66.             </div>
  67.             {% endif %}
  68.         </div>
  69.     </div>
  70. {% endblock %}