{% extends 'base.html.twig' %}
{% block title %}
{% set metaTitle = 'SANRAL eSDD - ' ~ region|capitalize %}
{{ metaTitle }}
{% endblock %}
{% block meta_decription %}
{% set metaTitle = 'SANRAL eSDD - ' ~ region|capitalize %}
{% set metaDescription = "SMME's can find out more about SANRAL tenders in the " ~ region|capitalize %}
<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 mb-3">
<div class="col-12 no-gutters-sm">
{{ render(controller('App\\Controller\\TendersController::getSearchForm')) }}
</div>
</div>
<div class="row">
<div class="col-12 no-gutters-left">
<!-- Desktop -->
<div class="table-responsive-md d-none d-md-block">
<table class="table custom-table">
<thead class="rain-forest">
<tr class="text-white text-uppercase font-weight-light table-head">
<th style="max-width: 90px;" scope="col">Category</th>
<th scope="col">Tender Description</th>
<th style="max-width: 120px;" scope="col">Tender Number</th>
<th style="max-width: 120px;" scope="col">Published</th>
<th style="max-width: 150px;" scope="col">Closing Date & Time</th>
</tr>
</thead>
<tbody>
{% if tenders|length > 0 %}
{% for tender in tenders %}
<tr>
<td style="max-width: 90px;">
<a href="{{ path('tenders_page',{'id': tender.id}) }}">
{{ tender.category }}
</a>
</td>
<td class="text-truncate" style="max-width: 300px;">
<a class="text-black text-uppercase font-weight-bold tender-desc" href="{{ path('tenders_page',{'id': tender.id}) }}">
{{ tender.contractDescription }}
</a>
</td>
<td class="text-truncate" style="max-width: 120px;">
<a href="{{ path('tenders_page',{'id': tender.id}) }}">
{{ tender.projectNumber }}
</a>
</td>
<td style="max-width: 120px;">
<a href="{{ path('tenders_page',{'id': tender.id}) }}">
{{ tender.created|date('Y-m-d') }}
</a>
</td>
<td style="max-width: 150px;">
<a href="{{ path('tenders_page',{'id': tender.id}) }}">
{{ tender.closingDate|date('Y-m-d') }}
{{ tender.closingTime }}:00:00
</a>
</td>
</tr>
{% endfor %}
{% else %}
<tr>
<td colspan="5">
There are currently no search results for <b><i>{{ search_criteria }}</i></b>.
</td>
</tr>
{% endif %}
</tbody>
</table>
</div>
<!-- Mobile -->
<div class="d-block d-md-none">
{% if tenders|length > 0 %}
{% for tender in tenders %}
<div class="row rain-forest">
<div class="col-12 font-weight-bold text-white" style="padding: 15px">
{{ tender.contractDescription }}
</div>
</div>
<div class="row" style="background-color:#f0f0f0">
<div class="col-12" style="padding: 15px">
<b>Category:</b> {{ tender.category }}
</div>
</div>
<div class="row bl br">
<div class="col-12 teaser-3-lines" style="padding: 15px">
<a href="{{ path('tenders_page',{'id': tender.id}) }}">
{{ tender.projectNumber }}
</a>
</div>
</div>
<div class="row" style="background-color:#f0f0f0">
<div class="col-12" style="padding: 15px">
<a href="{{ path('tenders_page',{'id': tender.id}) }}">
<b>Published:</b> {{ tender.created|date('Y-m-d') }}
</a>
</div>
</div>
<div class="row bl br bb" style="margin-bottom: 15px">
<div class="col-12" style="padding: 15px;">
<a href="{{ path('tenders_page',{'id': tender.id}) }}">
<b>Closing Date:</b> {{ tender.closingDate|date('Y-m-d') }}
</a>
</div>
</div>
{% endfor %}
{% else %}
<div class="row">
<div class="col-12">
There are currently no search results for <b><i>{{ search_criteria }}</i></b>.
</div>
</div>
{% endif %}
</div>
</div>
</div>
</div>
<div class="col-md-3" style="margin-top: 18px">
{{ render(controller(
'App\\Controller\\CarouselController::getCarousel',
{
'page': 'tenders'
}
)) }}
</div>
</div>
</div>
{% endblock %}