{% extends "layout/layout.html.twig" %}{% block title %}GFS - Resources{% endblock %}{% block content %} {% set user = app.session.get('loginUserName') %} <!--Start Main Slider--> <section class="main-slider-section product-main-slider resources-section-slider"> <div class="container container-lg"> {% if editmode %} {{ pimcore_image("myImage",{ "title" : "Drag image for desktop", "height" : 200 }) }} {{ pimcore_image("mobileImage",{ "title" : "Drag image for mobile", "height" : 200 }) }} {% endif %} <div class="custom-slider singal-slider main-slider"> <div class="slide"> <div class="slide-media slide-media-desktop"> {% if not editmode %} {{ pimcore_image("myImage",{ "title" : "Drag image for desktop", "width" : 200, "height" : 200 }) }} {% endif %} </div> <div class="slide-media slide-media-mobile"> {% if not editmode %} {{ pimcore_image("mobileImage",{ "title" : "Drag image for mobile", "width" : 200, "height" : 200 }) }} {% endif %} </div> <div class="silde-content-box"> <div class="slide-content"> <h1> <span class="title-sm d-block">{{ pimcore_input("headline",{ "placeholder": "headimg one line" }) }}</span> <span class="title-lg underline-end">{{ pimcore_input("headline2",{ "placeholder": "headimg two line" }) }}</span> </h1> </div> </div> </div> </div> </div> </section> <!--End Main Slider--> <!--Start Breadcrumbs--> <div class="breadcrumb-holder"> <ol class="breadcrumb"> <li class="breadcrumb-item"> <a href="/{{app.request.locale}}">{{'Home'|trans}}</a> </li> <li class="breadcrumb-item">{{'Resources'|trans}}</li> <li class="breadcrumb-item active" aria-current="page"> {{"Newsletter" | trans}} </li> </ol> </div> <!--End Breadcrumbs--> <!--Start Info Media--> <section class="training-media-box info-media res-listing-tech"> <div class="container container-sm"> <div class="info-section"> <h5> {{ "Newsletter" | trans}} </h5> <h4> {{ pimcore_input("aboutHeading",{ "placeholder": "headimg one line" }) }} </h4> <p class="slide-media-desktop"> {{ pimcore_textarea("description",{ "placeholder": "Loyalty Description", "nl2br" : true, }) }} </p> <p class="slide-media-mobile"> {% if not editmode %} {{ pimcore_textarea("description",{ "placeholder": "Loyalty Description", "nl2br" : true, }) }} {% endif %} <div class="d-none"> {# {% if featureNewsletter and featureNewsletter.pdf is not null %} {% if user is not null %} <a href="{{featureNewsletter.pdf}}" target="_blank" class="btn btn-custom btn-green"> {{"Read Now" | trans}} </a> {% else %} <a href="javascript:void(0);" onclick="storePdfForLater('{{ featureNewsletter.pdf }}')" class="btn btn-custom btn-green"> {{"Read Now"|trans}} </a> {% endif %} {% endif %} #} </div> </p> </div> <div class="media-section slide-media-desktop"> {% if not editmode %} {% set thumbnail = pimcore_image("aboutImage").getThumbnail("") %} <video poster="{{ thumbnail }}"> {# <source src="{{aboutus.banner_video.data}}" type="video/mp4" /> #} Your browser does not support the video tag. </video> {% else %} {{ pimcore_image("aboutImage",{ "title" : "Drag image for mobile", }) }} {% endif %} </div> <div class="media-section slide-media-mobile"> {% if not editmode %} {% set thumbnail = pimcore_image("aboutImage").getThumbnail("") %} <video poster="{{ thumbnail }}"> {# <source src="{{aboutus.banner_video.data}}" type="video/mp4" /> #} Your browser does not support the video tag. </video> {% endif %} </div> </div> </section> <!--End Info Media--> <!--Start Featured Recipes Section--> {% if newsletters is not empty %} <section class="featured-recipes-section inner-frecipes-section event-detail-slider resources-center"> <div class="container container-sm"> <h2 class="heading">{{'Newsletters'|trans}}</h2> <div class="featured-recipes"> <div class="custom-slider custom-event-slider"> {% for newsletter in newsletters %} <div class="slide"> <div class="slide-holder"> <a href="javascript:void(0);"> <figure class="slide-img"> {% if newsletter.image is defined %} <img src="{{ newsletter.image }}" alt="{{newsletter.title}}"> {% endif %} </figure> </a> <div class="slide-content"> <div class="frecipes-box"> <a href="javascript:void(0);" class="text-decoration-none"> <h3>{{newsletter.title}}</h3> </a> {% if newsletter.description is defined and newsletter.description is not null %} <p>{{newsletter.description}}</p> {% endif %} </div> <ul class="list-unstyled recipe-info w-100 justify-content-between"> <li class="share" onclick="sharemodal('Article','{{ app.request.getSchemeAndHttpHost() ~ newsletter.pdf }}','{{ "SHARE KNOWLEDGE WITH YOUR FRIENDS"|trans }}')">{{'Share'|trans}}</li> <li class="px-0 w-auto"> {% if user is not null %} <a href="{{newsletter.pdf}}" target="_blank" class="btn btn-custom btn-green"> {{"Read Now" | trans}} </a> {% else %} <a href="javascript:void(0);" onclick="storePdfForLater('{{ newsletter.pdf }}')" class="btn btn-custom btn-green"> {{"Read Now"|trans}} </a> {% endif %} </li> </ul> </div> </div> </div> {% endfor %} </div> </div> </div> </section> {% endif %} <!--End Featured Recipes Section--> {% if (app.request.locale =='ar') %} {% set topMenu ="/en/resources/newsletter"%} {% else %} {% set topMenu ="/ar/resources/newsletter"%} {% endif %} <script> var _TopMenuLink = "{{ topMenu }}"; </script> <script> function storePdfForLater(pdfUrl) { fetch('/store-pdf-session', { method: 'POST', headers: { 'Content-Type': 'application/json', 'X-Requested-With': 'XMLHttpRequest' }, body: JSON.stringify({ pdf: pdfUrl }) }).then(() => { window.location.href = '/' + document.documentElement.lang + '/signin'; }); } </script> <!-- Resource Listing More Topics End --> {% endblock %}