{% extends "1-col-sidebar.html.twig" %}
{# single post #}
{% block column %}
<h1 class="post-title">{{ content.title }}</h1>
{% if content.getFeaturedImageTag() is not empty %}
<div class="post-thumbnail">
{% if content.getMediaURL() %}<a href="{{content.getMediaURL()}}">{% endif %}
{{ content.getFeaturedImageTag("", "max-height: 450px")|raw }}
{% if content.getMediaURL() %}</a>{% endif %}
</div>
{% endif %}
{#{{ content.publishedat | date("F j, Y") }}#}
{{ content.publishedat | date | rcsDateFormat }}
{% if content.getIncludeAuthorByline() and content.getAuthor() %}
{% if content.getAuthor().getByline() %}
<p>{{content.getAuthor().getByline()}}</p>
{% endif %}
{% endif %}
<div class="post--content">
{{ content.getContentFull() | wordpress | raw }}
</div>
{% if content.getIncludeCustomerCallToAction() and content.getPrimaryCustomer() %}
{% if content.getPrimaryCustomer().getCallToAction() %}
{{content.getPrimaryCustomer().getCallToAction() | wordpress | raw }}
{% endif %}
{% endif %}
{% if content.getIncludeAuthorBio() and content.getAuthor() %}
{% if content.getAuthor().getAuthorBio() %}
{{content.getAuthor().getAuthorBio() | wordpress | raw }}
{% endif %}
{% endif %}
{% if content.getIncludeCustomerBio() and content.getPrimaryCustomer() %}
{% if content.getPrimaryCustomer().getBio() %}
{{content.getPrimaryCustomer().getBio() | wordpress | raw }}
{% endif %}
{% endif %}
{% set category = content.category %}
{% if category != "Buy Online" %}
{#social share buttons#}
{% include "includes/social-share.html.twig" %}
{# AAR categories #}
{% if site_code == constant("App\\Entity\\Content::SITE_AAR") %}
{% include "includes/post-categories_aar.html.twig" %}
{% endif %}
{#count:
{{meta.recommended|length}}#}
{% if meta.recommended|length > 0 %}
<hr>
<h2>
Recommended For You
</h2>
<div class="rec-grid">
{% for rec in meta.recommended %}
<a href="{{ rec.getURL() }}" class="no-track">
<div class="card">
{# {% if rec.hot %}
<div style=" text-align: center;
font-size: large;
font-weight: bolder;
background: #42465691;">
<marquee>fTRENDING</marquee>
</div>
{% endif %} #}
{{ rec.getFeaturedImageTag("card-img-top", "max-height: 450px")|raw }}
<div class="card-body">
<p class="card-title" style="font-weight: bold">
{{rec.title}}
</p>
Read More ...
</div>
</div>
</a>
{% endfor %}
</div>
{% endif %}
{# comments #}
{{ render(controller(
'App\\Controller\\RCS\\ContentController::comment',
{ 'content': content }
))
}}
{% endif %}
<style>
.rec-grid {
display: grid;
grid-template: 'a b c';
gap: 15px;
}
.card {
cursor: pointer;
transition: 1s cubic-bezier(0.075, 0.82, 0.165, 1);
}
.card:hover {
box-shadow: 9px 14px 20px 0 #00000012;
}
@media only screen and (max-width: 992px) {
.rec-grid {
grid-template: 'a';
}
.card-title{
font-size: small;
}
.rec-grid a:not(:first-child){
display: none;
}
}
</style>
{% endblock %}