{% extends 'layouts/layout.html.twig' %}
{% block body %}
<div id="main-content" class="content">
<div class="section top-padding">
<div class="inner">
<div class="row bottom-padding gutter-space--lg">
<div class="col col-lg-8 col-md-8 col-sm-12 col-xs-12">
{{ blogPost.getWysiwyg()|raw }}
</div>
<div class="col col-lg-4 col-md-4 col-sm-12 col-xs-12">
<h3>Other Posts</h3>
{% set blogPosts = app_blog_posts_get() %}
{% if blogPosts and blogPosts|length > 0 %}
<div class="sidebar--posts">
{% for blogPost in blogPosts %}
{% set blogPostLink = blogPost['slug'] %}
{% set currentPath = path(app.request.attributes.get('_route'),
app.request.attributes.get('_route_params')) %}
{% set blogPath = '/insights/' ~ blogPost['slug'] %}
{% if currentPath is not same as blogPath %}
<a href="{{ blogPostLink }}">
<div class="row gutter-space--xs sidebar--post">
<div class="col-lg-3 col-md-3 col-sm-3 col-xs-3 text-align-center square-crop">
{% if blogPost['featuredImageThumbnail'] %}
<img src="{{ blogPost['featuredImageThumbnail'] }}" style="width:100%;height:100%;object-fit:cover;">
{% else %}
{{ source("@torq_static/img/branding/torq-logo-letter-t.svg") }}
{% endif %}
</div>
<div class="col col-lg-9 col-md-9 col-sm-9 col-xs-9">
<p>{{ blogPost['title'] }}</p>
<p class="meta--date">{{ blogPost['date'] }}</p>
</div>
</div>
</a>
{% endif %}
{% endfor %}
</div>
{% endif %}
</div>
</div>
</div>
{% include 'content/includes/case-study-carousel.html.twig' %}
<section class="section top-bottom-padding bg-color--red light">
<div class="inner text-align-center">
<div class="row gutter-space--md center-lg center-md center-sm center-xs">
<div data-aos="fade-up" class="cta-display-flex no-bottom-margin col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h1 data-aos="fade-up" class="h2--lg aos-init aos-animate">Ready to get started?</h1>
<a href="/contact" class="btn dark">Talk to an expert</a>
</div>
</div>
</div>
</section>
</div>
{% endblock %}