{% extends 'base.html.twig' %}
{% block title %}
{% set metaTitle = 'SANRAL SMME Tenders - Building South Africa Through Better Roads' %}
{{ metaTitle }}
{% endblock %}
{% block meta_decription %}
{% set metaTitle = 'SANRAL SMME Tenders - Building South Africa Through Better Roads' %}
{% set metaDescription = 'Building South Africa Through Better Roads' %}
<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="container-fluid">
<div class="px-3">
<!-- Desktop -->
<div class="d-none d-md-flex row my-4">
<div class="col-12 col-md-8 pl-0">
<div class="row mx-0">
<div class="col-md-3 pl-0">
<div class="single-tender-region" style="background-image: url({{ asset('images/regions/'~region.thumbnail) }})"></div>
<div class="single-tender-meta">{{ region.Region }}</div>
</div>
<div class="col-md-3 pl-0 text-center">
<div class="single-tender-sector mx-auto" style="background-image: url({{ asset('images/categories/'~category.thumbnail) }})"></div>
<div class="single-tender-meta">{{ category.category }}</div>
</div>
{% if tender.grade is not empty %}
<div class="col-md-6 pl-0 text-center">
<div class="single-tender-grade mx-auto text-white">
<span class="cidb-inner">
{{ tender.grade }}
</span>
</div>
<div class="single-tender-meta">CIDB Grade {{ tender.grade }}</div>
</div>
{% endif %}
</div>
</div>
<div class="col-12 col-md-4">
{% if documents != 0 %}
<a href="#" class="tender-download-btn text-uppercase btn btn-link text-white rain-forest" data-toggle="modal" data-target="#modalDownload">
Download Tender Document(s)
</a>
{% endif %}
</div>
</div>
<!-- Mobile -->
<div class="d-flex d-md-none row">
<div class="col-12 pl-0 text-center">
<div class="single-tender-region" style="background-image: url({{ asset('images/regions/'~region.thumbnail) }});background-position: center"></div>
<div class="single-tender-meta">{{ region.Region }}</div>
</div>
<div class="col-12 pl-0 text-center">
<div class="single-tender-sector mx-auto" style="background-image: url({{ asset('images/categories/'~category.thumbnail) }})"></div>
<div class="single-tender-meta">{{ category.category }}</div>
</div>
{% if tender.grade is not empty %}
<div class="col-12 pl-0 text-center">
<div class="single-tender-grade mx-auto text-white">
<span class="cidb-inner">
{{ tender.grade }}
</span>
</div>
<div class="single-tender-meta">CIDB Grade {{ tender.grade }}</div>
</div>
{% endif %}
<div class="col-12">
{% if documents != 0 %}
<a href="#" class="tender-download-btn text-uppercase btn btn-link text-white rain-forest" data-toggle="modal" data-target="#modalDownload">
Download Tender Document(s)
</a>
{% endif %}
</div>
</div>
<div class="row">
<div class="col tender-detail">
<dt>Closing Date</dt>
<dt></dt>
<dd>
<time datetime="Friday, 16 October 2020" itemprop="datePublished">
{{ tender.closingDate|date('l d F Y') }}
{{ tender.closingTime }}:00:00
</time>
</dd>
</div>
<div class="col tender-detail">
<dt>Project Number</dt>
<dt></dt>
<dd>{{ tender.projectNumber }}</dd>
</div>
<div class="col tender-detail">
<dt>B-BBEE Status</dt>
<dt></dt>
<dd>{{ tender.beeee }}</dd>
</div>
</div>
<div class="row">
<div class="col tender-detail">
<dt>Contract Description</dt>
<dt></dt>
<dd>
{{ tender.contractDescription }}
</dd>
</div>
</div>
<table class="table table-hover border">
<thead class="rain-forest">
<tr class="text-white text-uppercase font-weight-light table-head">
<th>
Tenderer's Name
</th>
<th>
Amount Tendered
</th>
<th>
Alt Tender
</th>
<th>
Notes
</th>
</tr>
</thead>
<tbody>
{%if tender_recipient|length>0 %}
{% for recipient in tender_recipient %}
<tr>
<td>
{{recipient['companyName']}}
</td>
<td>
R {{recipient['amount']}}
</td>
<td>
{{recipient['alt_tender']}}
</td>
<td>
{{recipient['notes']|striptags}}
</td>
</tr>
{% endfor %}
{% else %}
<tr>
<td>
There are currently no recipients for this tender.
</td>
</tr>
{% endif %}
</tbody>
</table>
</div>
</div>
</div>
<!-- Tender download -->
<div class="modal fade" id="modalDownload" tabindex="-1" role="dialog" aria-label="myModalLabel" aria-hidden="true">
{{ render(controller('App\\Controller\\TendersController::getDownloadForm',{'id':tender.id})) }}
</div>
{% endblock %}