{% extends "layout/layout.html.twig" %}{# {% block title %}GFS - Resource{% endblock %} #}{% block content %} <!--Start Main Slider--> <section class="main-slider-section resources-main-slider-section-banner"> <div class="container container-lg"> <div class="custom-slider singal-slider main-slider resourse-slide"> {% for slide in slider %} <div class="slide"> {# <img href ="{{slide.slider_image.data}}" > #} <div class="slide-media slide-media-desktop"> {# <video poster="{{slide.slider_image.data}}"> #} {# <source src="{{slide.slider_video.data.data}}" type="video/mp4"> #} {# Your browser does not support the video tag. #} {# </video> #} <img src="{{slide.slider_image.data}}" alt="slide banner image"> </div> <div class="slide-media slide-media-mobile"> {# <video poster="{{slide.slider_image_mobile.data}}"> #} {# <source src="{{slide.slider_video.data.data}}" type="video/mp4"> #} {# Your browser does not support the video tag. #} {# </video> #} <img src="{{slide.slider_image_mobile.data}}" class="img-fluid w-100" alt="slide banner image mobile"> </div> <div class="silde-content-box"> <div class="slide-content"> <h1> <span class="title-sm d-block">{{slide.localizedfields.data.getLocalizedValue('heading')}}</span> <span class="title-lg underline-end">{{slide.localizedfields.data.getLocalizedValue('heading1')}}</span> </h1> {% if slide.localizedfields.data.getLocalizedValue('url') %} <a href="{{slide.localizedfields.data.getLocalizedValue('url')}}" class="btn btn-custom btn-overlay">Start Your Journey</a> {% endif %} </div> </div> </div> {% endfor %} </div> </div> </section> <!--End Main Slider--> <!--Start Main training search--> <section class="main-training-search banner_list_info"> <div class="container container-lg"> <div class="main-training-search-box"> <ul class="list-unstyled info-list"> {% for resource in resources %} <li>{{resource.name}}</li> {% endfor %} </ul> </div> </div> </section> <!--End Main training search--> <!--Start Main training search--> <section class="bread-crumbs-section"> <div class="container container-lg"> <div class="bread-crumbs-section-box"> <div class="breadcrumb-holder"> <ol class="breadcrumb"> <li class="breadcrumb-item"> <a href="/{{app.request.locale}}">{{'Home'|trans}}</a> </li> <li class="breadcrumb-item"> <a href="/{{app.request.locale}}/resources">{{'Resources'|trans}}</a> </li> </ol> </div> </div> </div> </section> <!--End Main training search--> <!--Start Page Info Section--> <section class="pageinfo-section"> <div class="container container-sm"> {# {% if products_head is not empty %} #} {# <h2 class="title">{{products_head.name}}</h2> #} {# <p>{{products_head.description}}</p> #} {# {% else %} #} <h1 class="title"> {{'Get Your Business Guidance, Resources & Support'|trans}}</h1> <p>{{ pimcore_input("resource_main_desc") }}</p> {# {% endif %} #} </div> </section> <!--Start Info Media--> {% if main.data[0].bannercategory is defined and main.data[0].bannercategory is not null %} <section class="training-media-box info-media resourcesMain sec-after-none waste-management-sec position-bg-img"> <div class="container container-sm"> <div class="info-section"> <h5>{{main.data[0].bannercategory.name}}</h5> <h4>{{main.data[0].bannerarticle[0].name}}</h4> <p class="elipses__four">{{main.data[0].bannerarticle[0].main_description}} </p> <ul class="list-unstyled recipe-info social-info "> {% set user = app.session.get('loginUserName') %} {% if user is not null %} <li class="share-white" onclick="loyaltyProgram(this,{{ main.data[0].bannerarticle[0].id }},'{{ main.data[0].bannerarticle[0].name }}',10,'Article','Share')"> <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> {% if main.data[0].bannerarticle[0].id in LikedId %} <li class='liked'>{{'Like'|trans}}</li> {% else %} <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> {% endif %} <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> {% else %} <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> <li class="like logged-out">{{'Like'|trans}}</li> <li class="download d-none">{{'Download'|trans}}</li> {% endif %} </li> </ul> <div class="btn-holder"> <div class="btn-border"> <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> </div> </div> </div> <div class="media-section"> <video poster="{{main.data[0].bannerarticle[0].image}}"> {# <source src="{{main.data[0].bannercategory.bannervideo.data}}"> #} Your browser does not support the video tag. </video> {# <div class="control-options"> <i class="fas fa-play-circle"></i> <i class="fas fa-pause-circle"></i> </div> #} </div> </div> {% include "layout/baseimage.html.twig" %} </section> {% endif %} <!--End Info Media--> <!--Start Featured Recipes Section--> <section class="featured-recipes-section inner-frecipes-section event-detail-slider"> <div class="container container-sm"> <h2 class="heading">{{'Most Popular'|trans}}</h2> <div class="featured-recipes"> <div class="custom-slider custom-event-slider"> {% for popular in most %} <div class="slide"> <div class="slide-holder"> <a href="/{{app.request.locale}}/resource/{{popular.url}}"> <figure class="slide-img "> {% if popular.image %} {# <img src="{{popular.image}}" alt="{{popular.name}}"> #} {{ popular.image.thumbnail('354x244').getHTML({imgAttributes: {class:'',alt: popular.name }})|raw }} {% endif %} </figure> </a> <div class="slide-content"> <div class="frecipes-box"> <a href="/{{app.request.locale}}/resource/{{popular.url}}" class="text-decoration-none"> <h3>{{popular.name}}</h3> </a> {% if popular.main_description is defined %} <p>{{popular.main_description}}</p> {% endif %} </div> {% set user = app.session.get('loginUserName') %} {% if user is not null %} <ul class="list-unstyled recipe-info"> <li class="share" onclick="loyaltyProgram(this,{{ popular.id }},'{{ popular.name }}',50,'Article','Share')"> <span onclick="sharemodal('Article','{{ app.request.getSchemeAndHttpHost() ~ '/' ~ app.request.locale ~ '/resource/' ~ popular.url}}','{{ " share knowledge with your friends"|trans }}')">{{'Share'|trans}}</span> </li> {% if popular.id in MostSocialOpId %} <li class='liked'>{{'Like'|trans}}</li> {% else %} <li class="like popula-article" onclick="loyaltyProgram(this,{{ popular.id }},'{{ popular.name }}',30,'Article','Like', '{{app.request.locale}}')">{{'Like'|trans}}</li> {% endif %} <li class="download-black d-none" onclick="loyaltyProgram(this,{{ popular.id }},'{{ popular.name }}',20,'Article','Save')">{{'Download'|trans}}</li> </ul> {% else %} <ul class="list-unstyled recipe-info"> <li class="share" onclick="sharemodal('Article','{{ app.request.getSchemeAndHttpHost() ~ '/' ~ app.request.locale ~ '/resource/' ~ popular.url}}','{{ " share knowledge with your friends"|trans }}')">{{'Share'|trans}}</li> <li class="like logged-out">{{'Like'|trans}}</li> <li class="download-black d-none">{{'Download'|trans}}</li> </ul> {% endif %} </div> </div> </div> {% endfor %} </div> </div> </div> </section> <!--End Featured Recipes Section--> <!--Start training area Media--> {% if main.data[0].relationcateogry is defined and main.data[0].relationcateogry is not null %} <section class="training-area featured-section featured-section-home top_space_remove get-your-business-section"> <div class="container container-sm"> <div class="training-area-media content_centre"> <div class="training-area-media-video-box"> <div class="training-area-media-video-box-section"> <div class="media-section"> {% if main.data[0].relationcateogry.image is defined and main.data[0].relationcateogry.image is not null %} <video poster="{{main.data[0].relationcateogry.image}}"> {# <source src="{{main.data[0].relationcateogry.bannervideo.data}}"> #} Your browser does not support the video tag. </video> {% endif %} {# <div class="control-options"> <i class="fas fa-play-circle"></i> <i class="fas fa-pause-circle"></i> </div> #} </div> </div> </div> <div class="training-area-media-content resources_text"> <h4>{{main.data[0].heading1}}</h4> <h3>{{main.data[0].heading2}}</h3> <ul class="list-unstyled recipe-info d-none"> <li class="share-white">{{'Share'|trans}}</li> <li class="like-white">{{'Like'|trans}}</li> <li class="save-white">{{'Save'|trans}}</li> </ul> <p>{{main.data[0].categorydescription}} </p> <div class="newsletter-subscribe"> <h4 class="cstsmLP">"{{'Coming Soon'|trans}}"</h4> </div> </div> </div> </div> </section> <!--End training area Media--> <!--Start Featured Recipes Section--> {% if category_articles is defined and category_articles.data is not null %} <section class="featured-recipes-section inner-frecipes-section event-detail-slider resources-center featured-section featured-section-home sec_max_yellow"> <div class="container container-sm"> <h2 class="heading">{{main.data[0].relationcateogry.name}}</h2> <div class="featured-recipes"> <div class="custom-slider custom-event-slider"> {% for articles in category_articles %} <div class="slide"> <div class="slide-holder"> <a href="/{{app.request.locale}}/resource/{{articles.url}}"> <figure class="slide-img"> {# <img src="{{articles.image}}" alt="{{articles.name}}"> #} {% if articles.image %} {{ articles.image.thumbnail('354x244').getHTML({imgAttributes: {class:'',alt: articles.name }})|raw }} {% endif %} </figure> </a> <div class="slide-content"> <div class="frecipes-box"> <a href="/{{app.request.locale}}/resource/{{articles.url}}" class="text-decoration-none"> <h3>{{articles.name}}</h3> </a> {% if articles.main_description is defined %} <p>{{articles.main_description}}</p> {% endif %} </div> {% set user = app.session.get('loginUserName') %} {% if user is not null %} <ul class="list-unstyled recipe-info"> <li class="share" onclick="loyaltyProgram(this,{{ articles.id }},'{{ articles.name }}',10,'Article','Share')"> <span onclick="sharemodal('Article','{{ app.request.getSchemeAndHttpHost() ~ '/' ~ app.request.locale ~ '/resource/' ~ articles.url}}','{{ " share knowledge with your friends"|trans }}')">{{'Share'|trans}}<span></li> {% if articles.id in Liked_category_article_Ids %} <li class='liked'>{{'Like'|trans}}</li> {% else %} <li class="like cat_article" onclick="loyaltyProgram(this,{{ articles.id }},'{{ articles.name }}',10,'Article','Like', '{{app.request.locale}}')">{{'Like'|trans}}</li> {% endif %} <li class="download-black d-none" onclick="loyaltyProgram(this,{{ articles.id }},'{{ articles.name }}',10,'Article','Save')">{{'Download'|trans}}</li> </ul> {% else %} <ul class="list-unstyled recipe-info"> <li class="share" onclick="sharemodal('Article','{{ app.request.getSchemeAndHttpHost() ~ '/' ~ app.request.locale ~ '/resource/' ~ articles.url}}','{{ " share knowledge with your friends"|trans }}')">{{'Share'|trans}}</li> <li class="like logged-out">{{'Like'|trans}}</li> <li class="download-black d-none">{{'Download'|trans}}</li> </ul> {% endif %} </div> </div> </div> {% endfor %} </div> <div class="btn-border"> <a href="/{{app.request.locale}}/resources/{{main.data[0].relationcateogry.url}}" class="btn btn-custom btn btn-custom btn-green">{{'Explore More'|trans}}</a> </div> </div> </div> </section> {% endif %} {% endif %} <!--End Featured Recipes Section--> <!--Start Main Slider--> <section class="main-slider-section resource-main-banner sec_max_yellow" id="trending-section"> <div class="container container-lg"> <div class="main-slider"> <div class="slide"> <div class="slide-media"> <figure class="slide-img slide-media-desktop"> <img src="{{main.data[0].currenttrending.resource_banner}}" alt="resource banner desktop"> </figure> <figure class="slide-img slide-media-mobile"> <img src="{{main.data[0].currenttrending.resource_banner_mobile}}" alt="resource banner mobile"> </figure> <!-- <video poster="/static/assets/images/main-banner01.png"> --> <!-- <source src="/static/assets/videos/oceans.mp4" type="video/mp4"> Your browser does not support the video tag. </video> --> </div> <div class="silde-content-box"> <div class="row"> <div class="col-md-12 col-lg-6 col-xl-8"> <div class="slide-content custom__position-x"> <h5 class="text-decoration-none">{{'Trending'|trans}}</h5> {% if app.request.locale == 'en' %} {% set names = main.data[0].currenttrending.name %} {% set Name = names|split(' ') %} <h4 class=""> {% for i in 0..4 %} {{Name[i]}} {% endfor %} </h4> <h3> {% for j in 5..Name|length -2 %} {{Name[j]}} {% endfor %} <u>{{Name[8]}}</u> </h3> {% else %} {% set names = main.data[0].currenttrending.name %} {% set Name = names|split(' ') %} <h4 class=""> {% for i in 0..3 %} {{Name[i]}} {% endfor %} </h4> <h3> {% for j in 4..Name|length -2 %} {{Name[j]}} {% endfor %} <u>{{Name[7]}}</u> </h3> {% endif %} <div class="btn-holder mt-4"> <div class="btn-holder btn-border"> <a href="/{{app.request.locale}}/resource/{{main.data[0].currenttrending.url}}" class="btn btn-custom btn-lg-o-yellow-white">{{'LEARN MORE'|trans}}</a> </div> </div> </div> </div> <div class="col-md-12 col-lg-6 col-xl-4"> <div class="slide-content custom__position-x right-side"> <ul> <li>{{'Other Trending Topics'|trans}}</li> {% for trending_category in main.data[0].othertrending %} <li> <a href="/{{app.request.locale}}/resource/{{trending_category.url}}">{{trending_category.name}}</a> </li> {% endfor %} </ul> </div> </div> </div> </div> </div> </div> </div> </section> <!--End Main Slider--> <!--Start Category Section --> <section class="featured-categories resource-featured-categories"> <div class="container container-sm"> <div class="featured-categories-section"> <h2 class="heading">{{'More Topics'|trans}}</h2> <div class="featured-categories-section-wrapper"> {% for topic in more_topics %} <div class="featured-categories-section-wrapper-item"> <a href="/{{app.request.locale}}/resources/{{topic.url}}"> <figure class="featured-categories-section-wrapper-item-video"> <div class="media-section"> {# <img src="{{topic.image}}" alt="{{topic.name}}"> #} {% if topic.image %} {{ topic.image.thumbnail('354x244').getHTML({imgAttributes: {class:'',alt: topic.name}})|raw }} {% endif %} </div> </figure> </a> <div class="featured-categories-section-wrapper-item-content"> <a href="/{{app.request.locale}}/resources/{{topic.url}}" class="featured-categories-section-wrapper-item-content-btn"> {{topic.name}} </a> </div> </div> {% endfor %} </div> </div> </div> </section> <!--End Category Section --> <!--Start explore Section--> <section class="start-exploring d-none"> <div class="start-exploring-wrapper"> <div class="start-exploring-wrapper-item"> <div class="start-exploring-wrapper-item-media"> <figure class="start-exploring-wrapper-item-media-img"> <img src="{{main.data[0].gridcategory[0].gridbgimage.data}}" alt="category banner one"> </figure> </div> <div class="start-exploring-wrapper-item-content"> <div class="start-exploring-wrapper-item-content-box"> <h5>{{main.data[0].gridcategory[0].localizedfields.data.getLocalizedValue('gridcategoryname')}}</h5> <h3>{{main.data[0].gridcategory[0].localizedfields.data.getLocalizedValue('gridcategorytitle')}}</h3> <div class="btn-holder"> <div class="btn-holder btn-border"> <a href="javascript:void()" class="btn btn-custom btn-lg-o-white">{{'LEARN MORE'|trans}}</a> </div> </div> </div> </div> </div> <div class="start-exploring-wrapper-item-wrapper"> <div class="start-exploring-wrapper-item-wrapper-child"> <div class="start-exploring-wrapper-item-wrapper-child-media"> <figure class="start-exploring-wrapper-item-wrapper-child-media-img"> <img src="{{main.data[0].gridcategory[1].gridbgimage.data}}" alt="category banner two"> </figure> </div> <div class="start-exploring-wrapper-item-wrapper-child-content"> <div class="start-exploring-wrapper-item-wrapper-child-content-box"> <h5>{{main.data[0].gridcategory[1].localizedfields.data.getLocalizedValue('gridcategoryname')}}</h5> <h3>{{main.data[0].gridcategory[1].localizedfields.data.getLocalizedValue('gridcategorytitle')}}</h3> <div class="btn-holder"> <div class="btn-holder btn-border"> <a href="javascript:void()" class="btn btn-custom btn-lg-o-white">{{'LEARN MORE'|trans}}</a> </div> </div> </div> </div> </div> <div class="start-exploring-wrapper-item-wrapper-child"> <div class="start-exploring-wrapper-item-wrapper-child-media"> <figure class="start-exploring-wrapper-item-wrapper-child-media-img"> <img src="{{main.data[0].gridcategory[2].gridbgimage.data}}" alt="category banner three"> </figure> </div> <div class="start-exploring-wrapper-item-wrapper-child-content"> <div class="start-exploring-wrapper-item-wrapper-child-content-box"> <h5>{{main.data[0].gridcategory[2].localizedfields.data.getLocalizedValue('gridcategoryname')}}</h5> <h3>{{main.data[0].gridcategory[2].localizedfields.data.getLocalizedValue('gridcategorytitle')}}</h3> <div class="btn-holder"> <div class="btn-holder btn-border"> <a href="javascript:void()" class="btn btn-custom btn-lg-o-white">{{'LEARN MORE'|trans}}</a> </div> </div> </div> </div> </div> </div> </div> </section> <!--End explore Section--> <!--Start interview Section--> <section class="start-interview heading_color_change interview-section"> <div class="container container-sm"> <div class="start-interview-wrapper"> <div class="start-interview-wrapper-item change_heading_color"> <h5 class="d-none">{{'Interviews'|trans}}</h5> <h5>{{'Interview'|trans}}</h5> <h4>{{ pimcore_input("resource_interview_deading") }}</h4> <p>{{ pimcore_input("resource_interview_description") }}</p> <div class="btn-holder"> <div class="newsletter-subscribe"> <h4 class="cstsmLP">"{{'Coming Soon'|trans}}"</h4> </div> <div class="btn-holder btn-border d-none"> <a href="/{{app.request.locale}}/resources-interview" class="btn btn-custom btn-lg-o-white">{{'LEARN MORE'|trans}}</a> </div> </div> </div> <div class="start-interview-wrapper-item start-interview-media-section"> <div class="media-section"> <video poster="/static/assets/images/Resource_interview_section.jpg"> {# <source src="/static/assets/videos/oceans.mp4" type="video/mp4"> #} Your browser does not support the video tag. </video> {# <div class="control-options"> <i class="fas fa-play-circle"></i> <i class="fas fa-pause-circle"></i> </div> #} </div> </div> </div> </div> </section> <!--End interview Section--> <!--Start Tip Section--> <section class="start-tip d-none"> <div class="container container-sm"> <div class="start-tip-wrapper"> <div class="start-tip-wrapper-item"> <figure class="start-tip-wrapper-item-img"> <img src="/static/assets/images/tip-1.png" alt="tip 1"> </figure> </div> <div class="start-tip-wrapper-item start-tip-wrapper-item-content"> <h5>{{'Tips & Tricks'|trans}}</h5> <h4>{{main.data[0].tipsntricksarticle[0].name}}</h4> {% if main.data[0].tipsntricksarticle[0].main_description is defined and main.data[0].tipsntricksarticle[0].main_description is not null %} <p>{{main.data[0].tipsntricksarticle[0].main_description}}</p> {% endif %} {% set user = app.session.get('loginUserName') %} {% if user is not null %} <ul class="list-unstyled recipe-info social-info"> <li class="share" onclick="loyaltyProgram(this,{{ main.data[0].tipsntricksarticle[0].id }},'{{ main.data[0].tipsntricksarticle[0].name }}',10,'Article','Share')">{{'Share'|trans}}</li> {% if main.data[0].tipsntricksarticle[0].id in LikedId %} <li class='liked'>{{'Like'|trans}}</li> {% else %} <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> {% endif %} <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> </ul> {% else %} <ul class="list-unstyled recipe-info"> <li class="share">{{'Share'|trans}}</li> <li class="like logged-out">{{'Like'|trans}}</li> <li class="download d-none">{{'Download'|trans}}</li> </ul> {% endif %} <div class="btn-holder"> <div class="btn-holder"> <a href="/{{app.request.locale}}/resource/{{main.data[0].tipsntricksarticle[0].url}}" class="btn btn-custom btn-lg-o-dgreen">{{'EXPLORE MORE'|trans}}</a> </div> </div> </div> <div class="start-tip-wrapper-item start-tip-wrapper-item-content"> <h5>{{'Tips & Tricks'|trans}}</h5> <h4>{{main.data[0].tipsntricksarticle[1].name}}</h4> {% if main.data[0].tipsntricksarticle[1].main_description is defined and main.data[0].tipsntricksarticle[1].main_description is not null %} <p>{{main.data[0].tipsntricksarticle[1].main_description}}</p> {% endif %} {% set user = app.session.get('loginUserName') %} {% if user is not null %} <ul class="list-unstyled recipe-info"> <li class="share" onclick="loyaltyProgram(this,{{ main.data[0].tipsntricksarticle[1].id }},'{{ main.data[0].tipsntricksarticle[1].name }}',10,'Article','Share')">{{'Share'|trans}}</li> {% if main.data[0].tipsntricksarticle[1].id in LikedId %} <li class='liked'>{{'Like'|trans}}</li> {% else %} <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> {% endif %} <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> </ul> {% else %} <ul class="list-unstyled recipe-info social-info"> <li class="share">{{'Share'|trans}}</li> <li class="like logged-out">{{'Like'|trans}}</li> <li class="download d-none">{{'Download'|trans}}</li> </ul> {% endif %} <div class="btn-holder"> <div class="btn-holder"> <a href="/{{app.request.locale}}/resource/{{main.data[0].tipsntricksarticle[1].url}}" class="btn btn-custom btn-lg-o-dgreen">{{'EXPLORE MORE'|trans}}</a> </div> </div> </div> <div class="start-tip-wrapper-item"> <figure class="start-tip-wrapper-item-img"> <img src="/static/assets/images/tip-2.png" alt="tip 2"> </figure> </div> <div class="start-tip-wrapper-item"> <figure class="start-tip-wrapper-item-img"> <img src="/static/assets/images/tip-3.png" alt="tip 3"> </figure> </div> <div class="start-tip-wrapper-item start-tip-wrapper-item-content"> <h5>{{'Tips & Tricks'|trans}}</h5> <h4>{{main.data[0].tipsntricksarticle[2].name}}</h4> {% if main.data[0].tipsntricksarticle[2].main_description is defined and main.data[0].tipsntricksarticle[2].main_description is not null %} <p>{{main.data[0].tipsntricksarticle[2].main_description}}</p> {% endif %} {% set user = app.session.get('loginUserName') %} {% if user is not null %} <ul class="list-unstyled recipe-info"> <li class="share" onclick="loyaltyProgram(this,{{ main.data[0].tipsntricksarticle[2].id }},'{{ main.data[0].tipsntricksarticle[2].name }}',10,'Article','Share')">{{'Share'|trans}}</li> {% if main.data[0].tipsntricksarticle[2].id in LikedId %} <li class='liked'>{{'Like'|trans}}</li> {% else %} <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> {% endif %} <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> </ul> {% else %} <ul class="list-unstyled recipe-info social-info"> <li class="share">{{'Share'|trans}}</li> <li class="like logged-out">{{'Like'|trans}}</li> <li class="download d-none">{{'Download'|trans}}</li> </ul> {% endif %} <div class="btn-holder"> <div class="btn-holder"> <a href="/{{app.request.locale}}/resource/{{main.data[0].tipsntricksarticle[2].url}}" class="btn btn-custom btn-lg-o-dgreen">{{'EXPLORE MORE'|trans}}</a> </div> </div> </div> </div> </div> </section> {# <style> .inner-frecipes-section .slide-content p { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .start-tip-wrapper-item-content p { -webkit-box-orient: vertical; } .training-area-media-content p { } </style> #} <!--End Tip Section--> {% if (app.request.locale =='ar') %} {% set topMenu ="/en/resources" %} {% else %} {% set topMenu ="/ar/resources" %} {% endif %} <script> var _TopMenuLink = "{{ topMenu }}"; </script>{% endblock %}