<section id="page-content" class="sidebar-right">
<div class="container">
<div class="row">
<div class="content col-lg-9">
<div id="service" class="single-post">
<div class="post-item">
<div class="post-item-wrap">
<div class="post-image">
<a href="">
<img alt="{{ service.altDescription }}" {{ responsive_src(asset('images/upload/' ~ service.image)) | raw }}>
</a>
</div>
<div class="post-item-description">
<h2>{{ service.titre }}</h2>
<div class="service-content">
<div>{{ service.displayContent | raw }}</div>
</div>
</div>
<div class="post-navigation">
{% if previousService is not null %}
<a href="{{ path('service',{'id' : previousService.id}) }}" class="post-prev">
<div class="post-prev-title"><span>{{ 'components.service_preview.previous' | admintrans | raw }}</span>{{ previousService.titre }}</div>
</a>
{% endif %}
<a href="{{ path('services') }}" class="post-all">
<i class="icon-grid"> </i>
</a>
{% if nextService is not null %}
<a href="{{ path('service',{'id' : nextService.id}) }}" class="post-next">
<div class="post-next-title"><span>{{ 'components.service_preview.next' | admintrans | raw }}</span>{{ nextService.titre }}</div>
</a>
{% endif %}
</div>
</div>
</div>
</div>
</div>
<div class="sidebar sticky-sidebar col-lg-3">
<div class="widget">
<h2 class="widget-title">{{ 'components.service_preview.other' | admintrans | raw }}</h2>
<div class="post-thumbnail-list">
{% for service in otherServices %}
<div class="post-thumbnail-entry">
<img alt="{{ service.altDescription }}" {{ responsive_src(asset('images/upload/' ~ service.image)) | raw }}>
<div class="post-thumbnail-content">
<a href="{{ path('service',{'id' : service.id}) }}">{{ service.titre }}</a>
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
</div>
</section>