templates/Resources/resourceMain.html.twig line 1

Open in your IDE?
  1. {% extends "layout/layout.html.twig" %}
  2. {# {% block title %}GFS - Resource{% endblock %} #}
  3. {% block content %}
  4.     <!--Start Main Slider-->
  5.     <section class="main-slider-section resources-main-slider-section-banner">
  6.         <div class="container container-lg">
  7.             <div class="custom-slider singal-slider main-slider resourse-slide">
  8.                 {% for slide in slider %}
  9.                     <div
  10.                         class="slide">
  11.                         {# <img href ="{{slide.slider_image.data}}" > #}
  12.                         <div class="slide-media slide-media-desktop">
  13.                             {# <video poster="{{slide.slider_image.data}}"> #}
  14.                             {# <source src="{{slide.slider_video.data.data}}" type="video/mp4"> #}
  15.                             {# Your browser does not support the video tag. #}
  16.                             {# </video> #}
  17.                         <img src="{{slide.slider_image.data}}" alt="slide banner image"> </div>
  18.                         <div class="slide-media slide-media-mobile">
  19.                             {# <video poster="{{slide.slider_image_mobile.data}}"> #}
  20.                             {# <source src="{{slide.slider_video.data.data}}" type="video/mp4"> #}
  21.                             {# Your browser does not support the video tag. #}
  22.                             {# </video> #}
  23.                         <img src="{{slide.slider_image_mobile.data}}" class="img-fluid w-100" alt="slide banner image mobile"> </div>
  24.                         <div class="silde-content-box">
  25.                             <div class="slide-content">
  26.                                 <h1>
  27.                                     <span class="title-sm d-block">{{slide.localizedfields.data.getLocalizedValue('heading')}}</span>
  28.                                     <span class="title-lg underline-end">{{slide.localizedfields.data.getLocalizedValue('heading1')}}</span>
  29.                                 </h1>
  30.                                 {% if slide.localizedfields.data.getLocalizedValue('url') %}
  31.                                     <a href="{{slide.localizedfields.data.getLocalizedValue('url')}}" class="btn btn-custom btn-overlay">Start Your Journey</a>
  32.                                 {% endif %}
  33.                             </div>
  34.                         </div>
  35.                     </div>
  36.                 {% endfor %}
  37.             </div>
  38.         </div>
  39.     </section>
  40.     <!--End Main Slider-->
  41.     <!--Start Main training search-->
  42.     <section class="main-training-search banner_list_info">
  43.         <div class="container container-lg">
  44.             <div class="main-training-search-box">
  45.                 <ul class="list-unstyled info-list">
  46.                     {% for resource in resources %}
  47.                         <li>{{resource.name}}</li>
  48.                     {% endfor %}
  49.                 </ul>
  50.             </div>
  51.         </div>
  52.     </section>
  53.     <!--End Main training search-->
  54.     <!--Start Main training search-->
  55.     <section class="bread-crumbs-section">
  56.         <div class="container container-lg">
  57.             <div class="bread-crumbs-section-box">
  58.                 <div class="breadcrumb-holder">
  59.                     <ol class="breadcrumb">
  60.                         <li class="breadcrumb-item">
  61.                             <a href="/{{app.request.locale}}">{{'Home'|trans}}</a>
  62.                         </li>
  63.                         <li class="breadcrumb-item">
  64.                             <a href="/{{app.request.locale}}/resources">{{'Resources'|trans}}</a>
  65.                         </li>
  66.                     </ol>
  67.                 </div>
  68.             </div>
  69.         </div>
  70.     </section>
  71.     <!--End Main training search-->
  72.     <!--Start Page Info Section-->
  73.     <section class="pageinfo-section">
  74.         <div class="container container-sm">
  75.             {# {% if products_head is not empty %} #}
  76.             {# <h2 class="title">{{products_head.name}}</h2> #}
  77.             {# <p>{{products_head.description}}</p> #}
  78.             {# {% else %} #}
  79.                 <h1 class="title"> {{'Get Your Business Guidance, Resources & Support'|trans}}</h1>
  80.             <p>{{ pimcore_input("resource_main_desc") }}</p>
  81.             {# {% endif %} #}
  82.         </div>
  83.     </section>
  84.     <!--Start Info Media-->
  85.     {% if main.data[0].bannercategory is defined and main.data[0].bannercategory is not null %}
  86.         <section class="training-media-box info-media resourcesMain sec-after-none waste-management-sec position-bg-img">
  87.             <div class="container container-sm">
  88.                 <div class="info-section">
  89.                     <h5>{{main.data[0].bannercategory.name}}</h5>
  90.                     <h4>{{main.data[0].bannerarticle[0].name}}</h4>
  91.                     <p class="elipses__four">{{main.data[0].bannerarticle[0].main_description}}
  92.                     </p>
  93.                     <ul class="list-unstyled recipe-info social-info ">
  94.                         {% set user = app.session.get('loginUserName') %}
  95.                         {% if user is not null %}
  96.                             <li class="share-white" onclick="loyaltyProgram(this,{{ main.data[0].bannerarticle[0].id }},'{{ main.data[0].bannerarticle[0].name }}',10,'Article','Share')">
  97.                                 <span onclick="sharemodal('Article','{{ app.request.getSchemeAndHttpHost() ~ '/' ~ app.request.locale ~ '/resource/' ~ main.data[0].bannerarticle[0].url}}' ,'{{ " share knowledge with your friends"|trans }}')">{{'Share'|trans}}<span></li>
  98.                                     {% if main.data[0].bannerarticle[0].id in LikedId %}
  99.                                         <li class='liked'>{{'Like'|trans}}</li>
  100.                                     {% else %}
  101.                                         <li class="like-white article-main" onclick="loyaltyProgram(this,{{ main.data[0].bannerarticle[0].id }},'{{ main.data[0].bannerarticle[0].name }}',10,'Article','Like', '{{app.request.locale}}')">{{'Like'|trans}}</li>
  102.                                     {% endif %}
  103.                                     <li class="download d-none" onclick="loyaltyProgram(this,{{ main.data[0].bannerarticle[0].id }},'{{ main.data[0].bannerarticle[0].name }}',10,'Article','Save')">{{'Download'|trans}}</li>
  104.                                 {% else %}
  105.                                     <li class="share" onclick="sharemodal('Article','{{ app.request.getSchemeAndHttpHost() ~ '/' ~ app.request.locale ~ '/resource/' ~ main.data[0].bannerarticle[0].url}}','{{ " share knowledge with your friends"|trans }}')">{{'Share'|trans}}</li>
  106.                                     <li class="like logged-out">{{'Like'|trans}}</li>
  107.                                     <li class="download d-none">{{'Download'|trans}}</li>
  108.                                 {% endif %}
  109.                             </li>
  110.                         </ul>
  111.                         <div class="btn-holder">
  112.                             <div class="btn-border">
  113.                                 <a href="/{{app.request.locale}}/resource/{{main.data[0].bannerarticle[0].url}}" class="btn btn-custom btn btn-custom btn-green">{{'Discover More'|trans}}</a>
  114.                             </div>
  115.                         </div>
  116.                     </div>
  117.                     <div class="media-section">
  118.                         <video
  119.                             poster="{{main.data[0].bannerarticle[0].image}}">
  120.                             {# <source src="{{main.data[0].bannercategory.bannervideo.data}}"> #}
  121.                             Your browser does not support the video tag.
  122.                         </video>
  123.                         {# <div class="control-options">
  124.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             <i class="fas fa-play-circle"></i>
  125.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             <i class="fas fa-pause-circle"></i>
  126.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           </div> #}
  127.                     </div>
  128.                 </div>
  129.                 {% include "layout/baseimage.html.twig" %}
  130.             </section>
  131.         {% endif %}
  132.         <!--End Info Media-->
  133.         <!--Start Featured Recipes Section-->
  134.         <section class="featured-recipes-section inner-frecipes-section event-detail-slider">
  135.             <div class="container container-sm">
  136.                 <h2 class="heading">{{'Most Popular'|trans}}</h2>
  137.                 <div class="featured-recipes">
  138.                     <div class="custom-slider custom-event-slider">
  139.                         {% for popular in most %}
  140.                             <div class="slide">
  141.                                 <div class="slide-holder">
  142.                                     <a href="/{{app.request.locale}}/resource/{{popular.url}}">
  143.                                         <figure class="slide-img ">
  144.                                             {% if popular.image %}
  145.                                             {# <img src="{{popular.image}}" alt="{{popular.name}}"> #}
  146.                                             {{ popular.image.thumbnail('354x244').getHTML({imgAttributes: {class:'',alt: popular.name }})|raw }}
  147.                                             {%  endif %}    
  148.                                         </figure>
  149.                                     </a>
  150.                                     <div class="slide-content">
  151.                                         <div class="frecipes-box">
  152.                                             <a href="/{{app.request.locale}}/resource/{{popular.url}}" class="text-decoration-none">
  153.                                                 <h3>{{popular.name}}</h3>
  154.                                             </a>
  155.                                             {% if popular.main_description is defined %}
  156.                                                 <p>{{popular.main_description}}</p>
  157.                                             {% endif %}
  158.                                         </div>
  159.                                         {% set user = app.session.get('loginUserName') %}
  160.                                         {% if user is not null %}
  161.                                             <ul class="list-unstyled recipe-info">
  162.                                                 <li class="share" onclick="loyaltyProgram(this,{{ popular.id }},'{{ popular.name }}',50,'Article','Share')">
  163.                                                     <span onclick="sharemodal('Article','{{ app.request.getSchemeAndHttpHost() ~ '/' ~ app.request.locale ~ '/resource/' ~ popular.url}}','{{ " share knowledge with your friends"|trans }}')">{{'Share'|trans}}</span>
  164.                                                 </li>
  165.                                                 {% if popular.id in MostSocialOpId %}
  166.                                                     <li class='liked'>{{'Like'|trans}}</li>
  167.                                                 {% else %}
  168.                                                     <li class="like popula-article" onclick="loyaltyProgram(this,{{ popular.id }},'{{ popular.name }}',30,'Article','Like', '{{app.request.locale}}')">{{'Like'|trans}}</li>
  169.                                                 {% endif  %}
  170.                                                 <li class="download-black d-none" onclick="loyaltyProgram(this,{{ popular.id }},'{{ popular.name }}',20,'Article','Save')">{{'Download'|trans}}</li>
  171.                                             </ul>
  172.                                         {% else %}
  173.                                             <ul class="list-unstyled recipe-info">
  174.                                                 <li class="share" onclick="sharemodal('Article','{{ app.request.getSchemeAndHttpHost() ~ '/' ~ app.request.locale ~ '/resource/' ~ popular.url}}','{{ " share knowledge with your friends"|trans }}')">{{'Share'|trans}}</li>
  175.                                                 <li class="like logged-out">{{'Like'|trans}}</li>
  176.                                                 <li class="download-black d-none">{{'Download'|trans}}</li>
  177.                                             </ul>
  178.                                         {% endif %}
  179.                                     </div>
  180.                                 </div>
  181.                             </div>
  182.                         {% endfor %}
  183.                     </div>
  184.                 </div>
  185.             </div>
  186.         </section>
  187.         <!--End Featured Recipes Section-->
  188.         <!--Start training area Media-->
  189.         {% if main.data[0].relationcateogry is defined and main.data[0].relationcateogry is not null %}
  190.             <section class="training-area featured-section featured-section-home top_space_remove get-your-business-section">
  191.                 <div class="container container-sm">
  192.                     <div class="training-area-media content_centre">
  193.                         <div class="training-area-media-video-box">
  194.                             <div class="training-area-media-video-box-section">
  195.                                 <div class="media-section">
  196.                                     {% if main.data[0].relationcateogry.image is defined and main.data[0].relationcateogry.image is not null %}
  197.                                         <video
  198.                                             poster="{{main.data[0].relationcateogry.image}}">
  199.                                             {# <source src="{{main.data[0].relationcateogry.bannervideo.data}}"> #}
  200.                                             Your browser does not support the video tag.
  201.                                         </video>
  202.                                     {% endif %}
  203.                                     {# <div class="control-options">
  204.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   <i class="fas fa-play-circle"></i>
  205.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   <i class="fas fa-pause-circle"></i>
  206.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 </div> #}
  207.                                 </div>
  208.                             </div>
  209.                         </div>
  210.                         <div class="training-area-media-content resources_text">
  211.                             <h4>{{main.data[0].heading1}}</h4>
  212.                             <h3>{{main.data[0].heading2}}</h3>
  213.                             <ul class="list-unstyled recipe-info d-none">
  214.                                 <li class="share-white">{{'Share'|trans}}</li>
  215.                                 <li class="like-white">{{'Like'|trans}}</li>
  216.                                 <li class="save-white">{{'Save'|trans}}</li>
  217.                             </ul>
  218.                             <p>{{main.data[0].categorydescription}}
  219.                             </p>
  220.                             <div class="newsletter-subscribe">
  221.                                 <h4 class="cstsmLP">"{{'Coming Soon'|trans}}"</h4>
  222.                             </div>
  223.                         </div>
  224.                     </div>
  225.                 </div>
  226.             </section>
  227.             <!--End training area Media-->
  228.             <!--Start Featured Recipes Section-->
  229.             {% if category_articles is defined and category_articles.data is not null %}
  230.                 <section class="featured-recipes-section inner-frecipes-section event-detail-slider resources-center featured-section featured-section-home sec_max_yellow">
  231.                     <div class="container container-sm">
  232.                         <h2 class="heading">{{main.data[0].relationcateogry.name}}</h2>
  233.                         <div class="featured-recipes">
  234.                             <div class="custom-slider custom-event-slider">
  235.                                 {% for articles in category_articles %}
  236.                                     <div class="slide">
  237.                                         <div class="slide-holder">
  238.                                             <a href="/{{app.request.locale}}/resource/{{articles.url}}">
  239.                                                 <figure class="slide-img">
  240.                                                     {# <img src="{{articles.image}}" alt="{{articles.name}}"> #}
  241.                                                     {% if articles.image %}
  242.                                                     {{ articles.image.thumbnail('354x244').getHTML({imgAttributes: {class:'',alt: articles.name }})|raw }}
  243.                                                     {% endif %}
  244.                                                 </figure>
  245.                                             </a>
  246.                                             <div class="slide-content">
  247.                                                 <div class="frecipes-box">
  248.                                                     <a href="/{{app.request.locale}}/resource/{{articles.url}}" class="text-decoration-none">
  249.                                                         <h3>{{articles.name}}</h3>
  250.                                                     </a>
  251.                                                     {% if articles.main_description is defined %}
  252.                                                         <p>{{articles.main_description}}</p>
  253.                                                     {% endif %}
  254.                                                 </div>
  255.                                                 {% set user = app.session.get('loginUserName') %}
  256.                                                 {% if user is not null %}
  257.                                                     <ul class="list-unstyled recipe-info">
  258.                                                         <li class="share" onclick="loyaltyProgram(this,{{ articles.id }},'{{ articles.name }}',10,'Article','Share')">
  259.                                                             <span onclick="sharemodal('Article','{{ app.request.getSchemeAndHttpHost() ~ '/' ~ app.request.locale ~ '/resource/' ~ articles.url}}','{{ " share knowledge with your friends"|trans }}')">{{'Share'|trans}}<span></li>
  260.                                                                 {% if articles.id in Liked_category_article_Ids %}
  261.                                                                     <li class='liked'>{{'Like'|trans}}</li>
  262.                                                                 {% else %}
  263.                                                                     <li class="like cat_article" onclick="loyaltyProgram(this,{{ articles.id }},'{{ articles.name }}',10,'Article','Like', '{{app.request.locale}}')">{{'Like'|trans}}</li>
  264.                                                                 {% endif %}
  265.                                                                 <li class="download-black d-none" onclick="loyaltyProgram(this,{{ articles.id }},'{{ articles.name }}',10,'Article','Save')">{{'Download'|trans}}</li>
  266.                                                             </ul>
  267.                                                         {% else %}
  268.                                                             <ul class="list-unstyled recipe-info">
  269.                                                                 <li class="share" onclick="sharemodal('Article','{{ app.request.getSchemeAndHttpHost() ~ '/' ~ app.request.locale ~ '/resource/' ~ articles.url}}','{{ " share knowledge with your friends"|trans }}')">{{'Share'|trans}}</li>
  270.                                                                 <li class="like logged-out">{{'Like'|trans}}</li>
  271.                                                                 <li class="download-black d-none">{{'Download'|trans}}</li>
  272.                                                             </ul>
  273.                                                         {% endif %}
  274.                                                     </div>
  275.                                                 </div>
  276.                                             </div>
  277.                                         {% endfor %}
  278.                                     </div>
  279.                                     <div class="btn-border">
  280.                                         <a href="/{{app.request.locale}}/resources/{{main.data[0].relationcateogry.url}}" class="btn btn-custom btn btn-custom btn-green">{{'Explore More'|trans}}</a>
  281.                                     </div>
  282.                                 </div>
  283.                             </div>
  284.                         </section>
  285.                     {% endif %}
  286.                 {% endif %}
  287.                 <!--End Featured Recipes Section-->
  288.                 <!--Start Main Slider-->
  289.                 <section class="main-slider-section resource-main-banner sec_max_yellow" id="trending-section">
  290.                     <div class="container container-lg">
  291.                         <div class="main-slider">
  292.                             <div class="slide">
  293.                                 <div class="slide-media">
  294.                                     <figure class="slide-img slide-media-desktop">
  295.                                         <img src="{{main.data[0].currenttrending.resource_banner}}" alt="resource banner desktop">
  296.                                     </figure>
  297.                                     <figure class="slide-img slide-media-mobile">
  298.                                         <img src="{{main.data[0].currenttrending.resource_banner_mobile}}" alt="resource banner mobile">
  299.                                     </figure>
  300.                                     <!-- <video poster="/static/assets/images/main-banner01.png"> -->
  301.                                     <!-- <source src="/static/assets/videos/oceans.mp4" type="video/mp4">
  302.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                 Your browser does not support the video tag.
  303.                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               </video> -->
  304.                                 </div>
  305.                                 <div class="silde-content-box">
  306.                                 <div class="row">
  307.                                     <div class="col-md-12 col-lg-6 col-xl-8">
  308.                                         <div class="slide-content custom__position-x">
  309.                                         <h5 class="text-decoration-none">{{'Trending'|trans}}</h5>
  310.                                         {% if app.request.locale == 'en' %}
  311.                                             {% set names = main.data[0].currenttrending.name %}
  312.                                             {% set Name = names|split(' ') %}
  313.                                             <h4 class="">
  314.                                                 {% for i in 0..4 %}
  315.                                                     {{Name[i]}}
  316.                                                 {% endfor %}
  317.                                             </h4>
  318.                                             <h3>
  319.                                                 {% for j in 5..Name|length -2 %}
  320.                                                     {{Name[j]}}
  321.                                                 {% endfor %}
  322.                                                 <u>{{Name[8]}}</u>
  323.                                             </h3>
  324.                                         {% else %}
  325.                                             {% set names = main.data[0].currenttrending.name %}
  326.                                             {% set Name = names|split(' ') %}
  327.                                             <h4 class="">
  328.                                                 {% for i in 0..3 %}
  329.                                                     {{Name[i]}}
  330.                                                 {% endfor %}
  331.                                             </h4>
  332.                                             <h3>
  333.                                                 {% for j in 4..Name|length -2 %}
  334.                                                     {{Name[j]}}
  335.                                                 {% endfor %}
  336.                                                 <u>{{Name[7]}}</u>
  337.                                             </h3>
  338.                                         {% endif %}
  339.                                         <div class="btn-holder mt-4">
  340.                                             <div class="btn-holder btn-border">
  341.                                                 <a href="/{{app.request.locale}}/resource/{{main.data[0].currenttrending.url}}" class="btn btn-custom btn-lg-o-yellow-white">{{'LEARN MORE'|trans}}</a>
  342.                                             </div>
  343.                                         </div>
  344.                                     </div>
  345.                                     </div>
  346.                                     <div class="col-md-12 col-lg-6 col-xl-4">
  347.                                         <div class="slide-content custom__position-x right-side">
  348.                                         <ul>
  349.                                             <li>{{'Other Trending Topics'|trans}}</li>
  350.                                             {% for trending_category in main.data[0].othertrending %}
  351.                                                 <li>
  352.                                                     <a href="/{{app.request.locale}}/resource/{{trending_category.url}}">{{trending_category.name}}</a>
  353.                                                 </li>
  354.                                             {% endfor %}
  355.                                         </ul>
  356.                                     </div>
  357.                                     </div>
  358.                                 </div>
  359.                                     
  360.                                     
  361.                                 </div>
  362.                             </div>
  363.                         </div>
  364.                     </div>
  365.                 </section>
  366.                 <!--End Main Slider-->
  367.                 <!--Start Category Section -->
  368.                 <section class="featured-categories resource-featured-categories">
  369.                     <div class="container container-sm">
  370.                         <div class="featured-categories-section">
  371.                             <h2 class="heading">{{'More Topics'|trans}}</h2>
  372.                             <div class="featured-categories-section-wrapper">
  373.                                 {%  for topic in more_topics %}
  374.                                     <div class="featured-categories-section-wrapper-item">
  375.                                         <a href="/{{app.request.locale}}/resources/{{topic.url}}">
  376.                                                 <figure class="featured-categories-section-wrapper-item-video">
  377.                                                     <div class="media-section">
  378.                                                         {# <img src="{{topic.image}}" alt="{{topic.name}}"> #}
  379.                                                         {% if topic.image %}
  380.                                                         {{ topic.image.thumbnail('354x244').getHTML({imgAttributes: {class:'',alt: topic.name}})|raw }}
  381.                                                         {% endif %}
  382.                                                     </div>
  383.                                                 </figure>
  384.                                         </a>
  385.                                         <div class="featured-categories-section-wrapper-item-content">
  386.                                                 <a href="/{{app.request.locale}}/resources/{{topic.url}}" class="featured-categories-section-wrapper-item-content-btn">
  387.                                                     {{topic.name}}
  388.                                                 </a>
  389.                                         </div>
  390.                                     </div>
  391.                                 {% endfor %}
  392.                             </div>
  393.                         </div>
  394.                     </div>
  395.                 </section>
  396.                 <!--End Category Section -->
  397.                     <!--Start explore Section-->
  398.                     <section class="start-exploring d-none">
  399.                         <div class="start-exploring-wrapper">
  400.                             <div class="start-exploring-wrapper-item">
  401.                                 <div class="start-exploring-wrapper-item-media">
  402.                                     <figure class="start-exploring-wrapper-item-media-img">
  403.                                         <img src="{{main.data[0].gridcategory[0].gridbgimage.data}}" alt="category banner one">
  404.                                     </figure>
  405.                                 </div>
  406.                                 <div class="start-exploring-wrapper-item-content">
  407.                                     <div class="start-exploring-wrapper-item-content-box">
  408.                                         <h5>{{main.data[0].gridcategory[0].localizedfields.data.getLocalizedValue('gridcategoryname')}}</h5>
  409.                                         <h3>{{main.data[0].gridcategory[0].localizedfields.data.getLocalizedValue('gridcategorytitle')}}</h3>
  410.                                         <div class="btn-holder">
  411.                                             <div class="btn-holder btn-border">
  412.                                                 <a href="javascript:void()" class="btn btn-custom btn-lg-o-white">{{'LEARN MORE'|trans}}</a>
  413.                                             </div>
  414.                                         </div>
  415.                                     </div>
  416.                                 </div>
  417.                             </div>
  418.                             <div class="start-exploring-wrapper-item-wrapper">
  419.                                 <div class="start-exploring-wrapper-item-wrapper-child">
  420.                                     <div class="start-exploring-wrapper-item-wrapper-child-media">
  421.                                         <figure class="start-exploring-wrapper-item-wrapper-child-media-img">
  422.                                             <img src="{{main.data[0].gridcategory[1].gridbgimage.data}}" alt="category banner two">
  423.                                         </figure>
  424.                                     </div>
  425.                                     <div class="start-exploring-wrapper-item-wrapper-child-content">
  426.                                         <div class="start-exploring-wrapper-item-wrapper-child-content-box">
  427.                                             <h5>{{main.data[0].gridcategory[1].localizedfields.data.getLocalizedValue('gridcategoryname')}}</h5>
  428.                                             <h3>{{main.data[0].gridcategory[1].localizedfields.data.getLocalizedValue('gridcategorytitle')}}</h3>
  429.                                             <div class="btn-holder">
  430.                                                 <div class="btn-holder btn-border">
  431.                                                     <a href="javascript:void()" class="btn btn-custom btn-lg-o-white">{{'LEARN MORE'|trans}}</a>
  432.                                                 </div>
  433.                                             </div>
  434.                                         </div>
  435.                                     </div>
  436.                                 </div>
  437.                                 <div class="start-exploring-wrapper-item-wrapper-child">
  438.                                     <div class="start-exploring-wrapper-item-wrapper-child-media">
  439.                                         <figure class="start-exploring-wrapper-item-wrapper-child-media-img">
  440.                                             <img src="{{main.data[0].gridcategory[2].gridbgimage.data}}" alt="category banner three">
  441.                                         </figure>
  442.                                     </div>
  443.                                     <div class="start-exploring-wrapper-item-wrapper-child-content">
  444.                                         <div class="start-exploring-wrapper-item-wrapper-child-content-box">
  445.                                             <h5>{{main.data[0].gridcategory[2].localizedfields.data.getLocalizedValue('gridcategoryname')}}</h5>
  446.                                             <h3>{{main.data[0].gridcategory[2].localizedfields.data.getLocalizedValue('gridcategorytitle')}}</h3>
  447.                                             <div class="btn-holder">
  448.                                                 <div class="btn-holder btn-border">
  449.                                                     <a href="javascript:void()" class="btn btn-custom btn-lg-o-white">{{'LEARN MORE'|trans}}</a>
  450.                                                 </div>
  451.                                             </div>
  452.                                         </div>
  453.                                     </div>
  454.                                 </div>
  455.                             </div>
  456.                         </div>
  457.                     </section>
  458.                     <!--End explore Section-->
  459.                     <!--Start interview Section-->
  460.                     <section class="start-interview heading_color_change interview-section">
  461.                         <div class="container container-sm">
  462.                             <div class="start-interview-wrapper">
  463.                                 <div class="start-interview-wrapper-item change_heading_color">
  464.                                     <h5 class="d-none">{{'Interviews'|trans}}</h5>
  465.                                     <h5>{{'Interview'|trans}}</h5>
  466.                                     <h4>{{ pimcore_input("resource_interview_deading") }}</h4>
  467.                                     <p>{{ pimcore_input("resource_interview_description") }}</p>
  468.                                     <div class="btn-holder">
  469.                                         <div class="newsletter-subscribe">
  470.                                             <h4 class="cstsmLP">"{{'Coming Soon'|trans}}"</h4>
  471.                                         </div>
  472.                                         <div class="btn-holder btn-border d-none">
  473.                                             <a href="/{{app.request.locale}}/resources-interview" class="btn btn-custom btn-lg-o-white">{{'LEARN MORE'|trans}}</a>
  474.                                         </div>
  475.                                     </div>
  476.                                 </div>
  477.                                 <div class="start-interview-wrapper-item start-interview-media-section">
  478.                                     <div class="media-section">
  479.                                         <video
  480.                                             poster="/static/assets/images/Resource_interview_section.jpg">
  481.                                             {# <source src="/static/assets/videos/oceans.mp4" type="video/mp4"> #}
  482.                                             Your browser does not support the video tag.
  483.                                         </video>
  484.                                         {# <div class="control-options">
  485.                                             <i class="fas fa-play-circle"></i>
  486.                                              <i class="fas fa-pause-circle"></i>
  487.                                         </div> #}
  488.                                     </div>
  489.                                 </div>
  490.                             </div>
  491.                         </div>
  492.                     </section>
  493.                     <!--End interview Section-->
  494.                     <!--Start Tip Section-->
  495.                     <section class="start-tip d-none">
  496.                         <div class="container container-sm">
  497.                             <div class="start-tip-wrapper">
  498.                                 <div class="start-tip-wrapper-item">
  499.                                     <figure class="start-tip-wrapper-item-img">
  500.                                         <img src="/static/assets/images/tip-1.png" alt="tip 1">
  501.                                     </figure>
  502.                                 </div>
  503.                                 <div class="start-tip-wrapper-item start-tip-wrapper-item-content">
  504.                                     <h5>{{'Tips & Tricks'|trans}}</h5>
  505.                                     <h4>{{main.data[0].tipsntricksarticle[0].name}}</h4>
  506.                                     {% if main.data[0].tipsntricksarticle[0].main_description is defined and main.data[0].tipsntricksarticle[0].main_description is not null %}
  507.                                         <p>{{main.data[0].tipsntricksarticle[0].main_description}}</p>
  508.                                     {% endif %}
  509.                                     {% set user = app.session.get('loginUserName') %}
  510.                                     {% if user is not null %}
  511.                                         <ul class="list-unstyled recipe-info social-info">
  512.                                             <li class="share" onclick="loyaltyProgram(this,{{ main.data[0].tipsntricksarticle[0].id }},'{{ main.data[0].tipsntricksarticle[0].name }}',10,'Article','Share')">{{'Share'|trans}}</li>
  513.                                             {% if main.data[0].tipsntricksarticle[0].id in LikedId %}
  514.                                                 <li class='liked'>{{'Like'|trans}}</li>
  515.                                             {% else %}
  516.                                                 <li class="like list_article1" onclick="loyaltyProgram(this,{{ main.data[0].tipsntricksarticle[0].id }},'{{ main.data[0].tipsntricksarticle[0].name }}',10,'Article','Like', '{{app.request.locale}}')">{{'Like'|trans}}</li>
  517.                                             {% endif %}
  518.                                             <li class="download d-none" onclick="loyaltyProgram(this,{{ main.data[0].tipsntricksarticle[0].id }},'{{ main.data[0].tipsntricksarticle[0].name }}',10,'Article','Save')">{{'Download'|trans}}</li>
  519.                                         </ul>
  520.                                     {% else %}
  521.                                         <ul class="list-unstyled recipe-info">
  522.                                             <li class="share">{{'Share'|trans}}</li>
  523.                                             <li class="like logged-out">{{'Like'|trans}}</li>
  524.                                             <li class="download d-none">{{'Download'|trans}}</li>
  525.                                         </ul>
  526.                                     {% endif %}
  527.                                     <div class="btn-holder">
  528.                                         <div class="btn-holder">
  529.                                             <a href="/{{app.request.locale}}/resource/{{main.data[0].tipsntricksarticle[0].url}}" class="btn btn-custom btn-lg-o-dgreen">{{'EXPLORE MORE'|trans}}</a>
  530.                                         </div>
  531.                                     </div>
  532.                                 </div>
  533.                                 <div class="start-tip-wrapper-item start-tip-wrapper-item-content">
  534.                                     <h5>{{'Tips & Tricks'|trans}}</h5>
  535.                                     <h4>{{main.data[0].tipsntricksarticle[1].name}}</h4>
  536.                                     {% if main.data[0].tipsntricksarticle[1].main_description is defined and main.data[0].tipsntricksarticle[1].main_description is not null %}
  537.                                         <p>{{main.data[0].tipsntricksarticle[1].main_description}}</p>
  538.                                     {% endif %}
  539.                                     {% set user = app.session.get('loginUserName') %}
  540.                                     {% if user is not null %}
  541.                                         <ul class="list-unstyled recipe-info">
  542.                                             <li class="share" onclick="loyaltyProgram(this,{{ main.data[0].tipsntricksarticle[1].id }},'{{ main.data[0].tipsntricksarticle[1].name }}',10,'Article','Share')">{{'Share'|trans}}</li>
  543.                                             {% if main.data[0].tipsntricksarticle[1].id in LikedId %}
  544.                                                 <li class='liked'>{{'Like'|trans}}</li>
  545.                                             {% else %}
  546.                                                 <li class="like list_article2" onclick="loyaltyProgram(this,{{ main.data[0].tipsntricksarticle[1].id }},'{{ main.data[0].tipsntricksarticle[1].name }}',10,'Article','Like', '{{app.request.locale}}')">{{'Like'|trans}}</li>
  547.                                             {% endif %}
  548.                                             <li class="download d-none" onclick="loyaltyProgram(this,{{ main.data[0].tipsntricksarticle[1].id }},'{{ main.data[0].tipsntricksarticle[1].name }}',10,'Article','Save')">{{'Download'|trans}}</li>
  549.                                         </ul>
  550.                                     {% else %}
  551.                                         <ul class="list-unstyled recipe-info social-info">
  552.                                             <li class="share">{{'Share'|trans}}</li>
  553.                                             <li class="like logged-out">{{'Like'|trans}}</li>
  554.                                             <li class="download d-none">{{'Download'|trans}}</li>
  555.                                         </ul>
  556.                                     {% endif %}
  557.                                     <div class="btn-holder">
  558.                                         <div class="btn-holder">
  559.                                             <a href="/{{app.request.locale}}/resource/{{main.data[0].tipsntricksarticle[1].url}}" class="btn btn-custom btn-lg-o-dgreen">{{'EXPLORE MORE'|trans}}</a>
  560.                                         </div>
  561.                                     </div>
  562.                                 </div>
  563.                                 <div class="start-tip-wrapper-item">
  564.                                     <figure class="start-tip-wrapper-item-img">
  565.                                         <img src="/static/assets/images/tip-2.png" alt="tip 2">
  566.                                     </figure>
  567.                                 </div>
  568.                                 <div class="start-tip-wrapper-item">
  569.                                     <figure class="start-tip-wrapper-item-img">
  570.                                         <img src="/static/assets/images/tip-3.png" alt="tip 3">
  571.                                     </figure>
  572.                                 </div>
  573.                                 <div class="start-tip-wrapper-item start-tip-wrapper-item-content">
  574.                                     <h5>{{'Tips & Tricks'|trans}}</h5>
  575.                                     <h4>{{main.data[0].tipsntricksarticle[2].name}}</h4>
  576.                                     {% if main.data[0].tipsntricksarticle[2].main_description is defined and main.data[0].tipsntricksarticle[2].main_description is not null %}
  577.                                         <p>{{main.data[0].tipsntricksarticle[2].main_description}}</p>
  578.                                     {% endif %}
  579.                                     {% set user = app.session.get('loginUserName') %}
  580.                                     {% if user is not null %}
  581.                                         <ul class="list-unstyled recipe-info">
  582.                                             <li class="share" onclick="loyaltyProgram(this,{{ main.data[0].tipsntricksarticle[2].id }},'{{ main.data[0].tipsntricksarticle[2].name }}',10,'Article','Share')">{{'Share'|trans}}</li>
  583.                                             {% if main.data[0].tipsntricksarticle[2].id in LikedId %}
  584.                                                 <li class='liked'>{{'Like'|trans}}</li>
  585.                                             {% else %}
  586.                                                 <li class="like list_article3" onclick="loyaltyProgram(this,{{ main.data[0].tipsntricksarticle[2].id }},'{{ main.data[0].tipsntricksarticle[2].name }}',10,'Article','Like', '{{app.request.locale}}')">{{'Like'|trans}}</li>
  587.                                             {% endif %}
  588.                                             <li class="download d-none" onclick="loyaltyProgram(this,{{ main.data[0].tipsntricksarticle[2].id }},'{{ main.data[0].tipsntricksarticle[2].name }}',10,'Article','Save')">{{'Download'|trans}}</li>
  589.                                         </ul>
  590.                                     {% else %}
  591.                                         <ul class="list-unstyled recipe-info social-info">
  592.                                             <li class="share">{{'Share'|trans}}</li>
  593.                                             <li class="like logged-out">{{'Like'|trans}}</li>
  594.                                             <li class="download d-none">{{'Download'|trans}}</li>
  595.                                         </ul>
  596.                                     {% endif %}
  597.                                     <div class="btn-holder">
  598.                                         <div class="btn-holder">
  599.                                             <a href="/{{app.request.locale}}/resource/{{main.data[0].tipsntricksarticle[2].url}}" class="btn btn-custom btn-lg-o-dgreen">{{'EXPLORE MORE'|trans}}</a>
  600.                                         </div>
  601.                                     </div>
  602.                                 </div>
  603.                             </div>
  604.                         </div>
  605.                     </section>
  606.                     {# <style>
  607.                         .inner-frecipes-section .slide-content p {
  608.                             overflow: hidden;
  609.                             display: -webkit-box;
  610.                             -webkit-line-clamp: 3;
  611.                             -webkit-box-orient: vertical;
  612.                         }
  613.                         .start-tip-wrapper-item-content p {
  614.                             -webkit-box-orient: vertical;
  615.                         }
  616.                         .training-area-media-content p {
  617.                             
  618.                         }
  619.                     </style> #}
  620.                     <!--End Tip Section-->
  621.                     {% if (app.request.locale =='ar') %}
  622.                         {% set topMenu ="/en/resources" %}
  623.                     {% else %}
  624.                         {% set topMenu ="/ar/resources" %}
  625.                     {% endif %}
  626.                     <script>
  627.                         var _TopMenuLink = "{{ topMenu }}";
  628.                     </script>
  629. {% endblock %}
  630.