templates/front/subCategory.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% set h1 = subCategory.h1 %}
  3. {% set whiteMenu = true %}
  4. {% block metaTags %}
  5.     <meta name="description" content="{{ subCategory.metaDescription }}">
  6.     <title>{{ subCategory.metaTitle }}</title>
  7.     <meta property="og:title" content="{{ subCategory.metaTitle }}">
  8.     <meta property="og:description" content="{{ subCategory.metaDescription }}">
  9. {% endblock %}
  10. {% block body %}
  11.     {% set category = subCategory.category %}
  12.     <section class="position-relative bgp-center bgs-cover header-presentation first-section"
  13.              {% if subCategory.subCategoryFileName %}style="background-image:linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)),url({{ asset(vich_uploader_asset(subCategory, 'subCategoryFile'))|imagine_filter('large') }})"{% elseif category and category.categoryFileName %} style="background-image:linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.5)),url({{ asset(vich_uploader_asset(category, 'category1File'))|imagine_filter('large') }})" {% endif %}>
  14.         <img src="{{ asset('assets/img/points_blue.svg') }}" class="position-absolute t-120 l-0 zi-0"
  15.              alt="points icon"/>
  16.         <div class="container position-relative he-480 d-flex  align-items-center">
  17.             <img src="{{ asset('assets/img/points_blue.svg') }}" class="position-absolute b-45 r-75 zi-99"
  18.                  alt="points icon"/>
  19.             {% if category and category.categoryIconFileName %}
  20.                 <div data-aos="fade-left"  data-aos-duration="800" data-aos-delay='400'  class="position-absolute b--70-md b--50 r-0-lg r-20 zi-9">
  21.                     <img src="{{ asset('assets/img/hexagone-big.svg') }}" alt="hexagone"
  22.                          class="he-140-md he-100 {{ category.position == "1" ? "hexagone-green" : (category.position == "2" ? "hexagone-lightBlue") }} "/>
  23.                     <img src="{{ asset(vich_uploader_asset(category, 'categoryIconFile')) }}"
  24.                          alt="{{ category.title }}"
  25.                          class="img-white position-absolute t-0 b-0 wi-65-md wi-55 h-auto l-0 r-0 m-auto img-white"/>
  26.                 </div>
  27.             {% endif %}
  28.             <div class="position-absolute t-20 l-20 zi-9">
  29.                 {#                {% include "front/menu.html.twig" with {'menu':{("menu.presentation"|trans):path("front_presentation")} %} #}
  30.                 {#                {% include "front/menu.html.twig" with {'menu':{(category.title):"#"}} %} #}
  31.                 {% include "front/menu.html.twig" with {'menu':{
  32.                     (category.title):path("front_products", {'catSlug':category.slug}),
  33.                     (subCategory.title):path("front_sub_category", { "slug":subCategory.slug}),
  34.                 }, "whiteMenu":true, "isBold":true} %}
  35.             </div>
  36.             <div class="position-relative">
  37.                 <h2 data-aos="fade-down"  data-aos-duration="800" data-aos-delay='200' class="text-left c-white fs-70 fw-600 mab-35 position-relative mawi380">
  38.                     {{ subCategory.title }}
  39.                 </h2>
  40.                 <div class="d-flex cg-15 justify-content-center-sm">
  41.                     <a data-aos="fade-right"  data-aos-duration="800" data-aos-delay='600' href="#ourSolutions" class="btn link-smooth btn1">
  42.                         {{ "application.solutions.btn"|trans }}
  43.                     </a>
  44.                     <a data-aos="fade-left"  data-aos-duration="800" data-aos-delay='600' href="{{ path('front_contact') }}/#contactFormContainer" class="btn btn2">
  45.                         {{ "landing.header.contact.btn"|trans }}
  46.                         <i class="fa fa-caret-right mal-5"></i>
  47.                     </a>
  48.                 </div>
  49.             </div>
  50.         </div>
  51.     </section>
  52.     <div class="menu-sticky d-table">
  53.         <ul class="0">
  54.             {% set productBlocs = {("application.sticky.about"|trans):"#presentation2"} %}
  56.             {% set hardwareProducts = getSubCategoryProducts(subCategory, true) %}
  57.             {% set productBlocs = (hardwareProducts ? productBlocs|merge({("application.sticky.hardware"|trans):"#hardwareProductsApp"}) : productBlocs) %}
  59.             {% set softwareProducts = getSubCategoryProducts(subCategory, false) %}
  60.             {% set productBlocs = (softwareProducts ? productBlocs|merge({("application.sticky.software"|trans):"#softwareProductsApp"}) : productBlocs) %}
  62.             {% set subCategories = (category ? getSubCategories(category.id, subCategory.id) : []) %}
  63.             {% set productBlocs = (subCategories ? productBlocs|merge({("application.sticky.applications"|trans):"#relatedApp"}) : productBlocs) %}
  65.             {% for key, linkNav in productBlocs %}
  66.                 {#            {% for key, linkNav in getApplicationsBloc() %} #}
  68.                 <li role="button" data-href="{{ linkNav }}" class=" c-9DC771-h c-888888 pointer  fw-600 fs-12 mab-10">
  69.                     <a  class="  c-inherit  nav-sticky pointer"
  70.                         href="{{ linkNav }}">
  71.                         {{ key }}
  72.                     </a>
  73.                 </li>
  74.             {% endfor %}
  75.         </ul>
  76.     </div>
  77.     <div class="main main-div">
  78.         <section id="presentation2">
  80.             <div class="pat-100-md pab-100-md pat-80 pab-80-sm pab-50 section-grey position-relative overflow-hidden">
  81.                 <img src="{{ asset('assets/img/Motif.png') }}" alt="background motif"
  82.                      class="uexpmv w-100 b-0 l-0 img-fit position-absolute"/>
  83.                 <div class="position-relative zi-9 mx-auto mawi-810 ">
  84.                     {% include "front/productIntro.html.twig" with {'title':subCategory.introTitle, "description":subCategory.description} %}
  85.                 </div>
  86.             </div>
  87.             <div class="container" id="ourSolutions">
  89.                 {% include "front/productParagraph.html.twig" with {'productParagraphs':getSubCategoryParagraphs(subCategory)} %}
  90.             </div>
  91.         </section>
  92.         {% include "front/productsSection.html.twig" with {'id' : 'hardwareProductsApp','arrows' : 'hardprod','class' : 'pat-50 pab-70','surTitle':("subCategory.hardwareProducts.surTitle"|trans),'title':subCategory.hardwareProductsTitle, "products":hardwareProducts} %}
  93.         {% include "front/productsSection.html.twig" with {'id' : 'softwareProductsApp','arrows' : 'softprod','class' : 'pat-110 pab-70','surTitle':("subCategory.softwareProducts.surTitle"|trans),'title':subCategory.softwareProductsTitle, "products":softwareProducts} %}
  95.         {#    <section class="pat-110 pab-110 section-grey position-relative overflow-hidden">
  96.                 <img src="{{ asset('assets/img/Motif.png') }}" alt="background motif" class="uexpmv w-100 b-0 l-0 img-fit position-absolute"/>
  97.                 <div class="position-relative zi-9">
  98.                     <div class="surtitle text-center c-204A9A mab-20 fs-16 fw-600 text-uppercase ls-custom2">
  99.                         {{ "subCategory.softwareProducts.surTitle"|trans }}
  100.                     </div>
  101.                     <h3 class="text-center d-table mx-auto c-333333 fs-38 fw-700 mat-0 mab-35 position-relative">
  102.                         <img src="{{ asset('assets/img/points.svg') }}" class="position-absolute grayscale2  t--20 l--20 zi-0" alt="points icon"/>
  103.                         {{"subCategory.softwareProducts.title"|trans|raw}}</h3>
  104.                     <div class="container">
  105.                     </div>
  106.                 </div>
  107.             </section> #}
  108.         {% if category and subCategories %}
  109.             <section id="relatedApp" class="pat-110 pab-110 section-grey position-relative overflow-hidden">
  110.                 <img src="{{ asset('assets/img/Motif.png') }}" alt="background motif"
  111.                      class="uexpmv w-100 b-0 l-0 img-fit position-absolute"/>
  112.                 <div class="container position-relative zi-9">
  113.                     <div class="surtitle text-center c-204A9A mab-20 fs-16 fw-600 text-uppercase ls-custom2">
  114.                         {{ category.title }}
  115.                     </div>
  116.                     <h3 class="text-center d-table mx-auto c-333333 fs-38 fw-700 mat-0 mab-35 position-relative">
  117.                         <img src="{{ asset('assets/img/points.svg') }}"
  118.                              class="position-absolute grayscale2  t--20 l--20 zi-0" alt="points icon"/>
  119.                         {{ "subCategory.otherApplications.title"|trans|raw }}
  120.                     </h3>
  121.                     <div class="position-relative pax-0-lg pax-30">
  122.                         {% if subCategories|length > 3 %}
  123.                             <div class="pointer prev-app-slid position-absolute l--30-sm l-0 zi-99 vertical-arrow">
  124.                                 <img src="{{ asset('assets/img/next-arrow.svg') }}" alt="prev arrow" class="rot-180"/>
  125.                             </div>
  126.                             <div class="pointer next-app-slid  position-absolute r--30-sm r-0 zi-99 vertical-arrow">
  127.                                 <img src="{{ asset('assets/img/next-arrow.svg') }}" alt="next arrow"/>
  128.                             </div>
  129.                         {% endif %}
  130.                         <div class="slick-otherApp slick-slider">
  131.                             {% for key, application in subCategories %}
  132.                                 <div data-link class=" animate-link2 text-center pax-15"  >
  133.                                     <div class="he-300-lg he-250 w-100 boxShadow2 img bgc-white br-8 d-flex align-items-center justify-content-center pa-40">
  134.                                         <img src="{{ asset(vich_uploader_asset(application, 'subCategory1File'))|imagine_filter('medium') }}"
  135.                                              alt="{{ application.title }}" class=""/>
  136.                                     </div>
  137.                                     <a href="{{ path('front_sub_category', {'slug':application.slug}) }}">
  138.                                         <h4 class="fs-22 fw-600 c-204A9A mat-45 mab-15">
  139.                                             {{ application.title }}
  140.                                         </h4>
  141.                                     </a>
  142.                                     <div class="fs-14 c-333333 lh2-18">
  143.                                         {{ application.intro }}
  144.                                     </div>
  145.                                 </div>
  146.                             {% endfor %}
  147.                         </div>
  148.                     </div>
  149.                 </div>
  150.             </section>
  151.         {% endif %}
  152.     </div>
  153. {% endblock %}