{% extends 'base.html.twig' %}
{% block title %}
{% set metaTitle = 'SANRAL eSDD - Publications' %}
{{ metaTitle }}
{% endblock %}
{% block meta_decription %}
{% set metaTitle = 'SANRAL eSDD - Publications' %}
{% set metaDescription = "Enjoy going through some of of SANRAL SMME's publications" %}
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="Sanral" />
<meta name="twitter:title" content="{{ metaTitle }}" />
<meta name="twitter:description" content="{{ metaDescription }}" />
{# <meta name="twitter:image" content="https://hugenouttunnel.nerdw.com/images/home/{{ home_data.ogImage }}" />#}
<meta name="twitter:url" content="{{ app.request.uri }}" />
{# <meta name="og:image" content="https://hugenouttunnel.nerdw.com/images/home/{{ home_data.ogImage }}" />#}
<meta name="og:title" content="{{ metaTitle }}" />
<meta name="og:description" content="{{ metaDescription }}" />
<meta name="og:url" content="{{ app.request.uri }}" />
<meta name="description" content="{{ metaDescription }}">
{% endblock %}
{% block stylesheets %}
{{ parent() }}
{% endblock %}
{% block layout %}
<div id="content-wrapper" class="container-fluid">
<div class="row no-gutters py-4">
<div class="col-md-9 px-3">
<div class="row">
<div class="col-12 pb-3 no-gutters-sm">
<h1 class="display-4">Publications</h1>
</div>
<div class="col-12 no-gutters-left">
<!-- Desktop -->
<div class="table-responsive-md d-none d-md-block">
<table class="table table-striped">
<thead class="rain-forest">
<tr class="text-white text-uppercase font-weight-light">
<th style="text-align: left;" scope="col"><strong>Publication</strong></th>
<th scope="col"><strong>Date of Publication</strong></th>
<th scope="col"><strong>Description of Publication</strong></th>
<th></th>
</tr>
</thead>
<tbody>
{% for publication in publications %}
<tr>
<th style="text-align: left;" scope="row">
<strong>{{ publication.title }}</strong>
</th>
<td>
{{ publication.datePublished|date('Y-m-d') }}
</td>
<td>
{{ publication.description|raw }}
</td>
<td>
{% if publication.file|length %}
<a href="{{ path('publication_download_page', {'publication_id': publication.id}) }}" class="fas fa-download" style="font-size: 24px"></a>
{% endif %}
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>
<!-- Mobile -->
<div class="d-block d-md-none">
{% for publication in publications %}
<div class="row rain-forest">
<div class="col-12 font-weight-bold text-white" style="padding: 15px">
{{ publication.title }}
</div>
</div>
<div class="row" style="background-color:#f0f0f0">
<div class="col-12" style="padding: 15px">
<b>Date:</b> {{ publication.datePublished|date('Y-m-d') }}
</div>
</div>
<div class="row">
<div class="col-12 teaser-3-lines bl br bb" style="padding: 15px; padding-bottom: 0px; margin-bottom: 15px">
{{ publication.description|raw }}
</div>
</div>
<div class="row" style="background-color:#f0f0f0; text-align: center">
<div class="col-12">
{% if publication.file|length %}
<a href="{{ path('publication_download_page', {'publication_id': publication.id}) }}" style="font-size: 24px">
<i class="fas fa-download"></i>
<span style="font-size: 18px; line-height: 24px">Download</span>
</a>
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
</div>
</div>
<div class="col-md-3" style="margin-top: 73px">
{{ render(controller(
'App\\Controller\\CarouselController::getCarousel',
{
'page': 'publications'
}
)) }}
</div>
</div>
</div>
{% endblock %}