{% extends 'base.html.twig' %}
{% block title %}
{% set metaTitle = 'SANRAL eSDD - Electronic Supplier Development Desk' %}
{{ metaTitle }}
{% endblock %}
{% block meta_decription %}
{% set metaTitle = 'SANRAL eSDD - Electronic Supplier Development Desk' %}
{% set metaDescription = "SMME's can make use of this portal to attain SANRAL tenders" %}
<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 class="container-fluid">
{% if copy is not null %}
{{ copy|raw }}
{% endif %}
<div class="row">
<div class="col-12 col-md-9">
<div class="row">
<div class="col-12">
<div style="border: solid 2px #ff6600;margin-bottom: 22px">
<div class="row">
<div class="col-12 text-center" style="padding: 13px;display: flex;align-items: center;justify-content: center;">
<i class="fas fa-info-circle" style="font-size: 35px;color: #ff6600;margin-right: 20px"></i>
All tenders advertised here are for 2nd tier procurement only. Visit
<a href="https://www.nra.co.za" target="_blank" style="color: #ff6600">www.nra.co.za</a> for other tenders.
</div>
</div>
</div>
</div>
<div class="col-12 col-md-4" style="margin-bottom: 30px">
<div class="card">
<div class="card-header clementine p-0" style="padding: 6px 14px !important">
<nav class="navbar card-nav">
<span class="navbar-brand mb-0 h1 text-uppercase text-white card-title">Closing Soon</span>
</nav>
</div>
<ul class="list-group list-group-flush">
{% if closing_soon|length > 0 %}
{% for closing in closing_soon %}
<li class="list-group-item pb-1">
<dl>
<dt class="pt-1">
<a class="tender-title text-black teaser-2-lines" href="{{ path('tenders_page',{'id':closing.id}) }}">
{{ closing.contractDescription }}
</a>
</dt>
<dd class="py-0">
<span>{{ closing.closingDate|date('l d F Y') }}</span>
<span>
<p>Operations</p>
</span>
</dd>
</dl>
</li>
{% endfor %}
{% else %}
<li class="list-group-item pb-1">
There are no tenders closing soon.
<br>
</li>
{% endif %}
</ul>
</div>
</div>
{% for region_arr in regions %}
{% set regionId = region_arr['region']['regionId'] %}
{% set regionName = region_arr['region']['regionName'] %}
{% set thumb = region_arr['region']['thumb'] %}
<div class="col-12 col-md-4" style="margin-bottom: 30px">
<div class="card">
<div class="card-header rain-forest">
<div class="row m-0">
<div class="region-title text-white">
<a class="navbar-brand text-white text-uppercase py-2" href="{{ path('tender_region_page',{'region':regionName|replace({' ':'-'})|lower, 'region_id': regionId}) }}">
{{ regionName }}
</a>
</div>
<div class="py-0 pl-3 info-icon ml-auto">
<a type="button" href="#" target="_blank" class="btn btn-link text-white tooltip-toggle" title="Click for more regional information">
<span class="tooltip-icon">?</span>
<div class="tooltip p-3">
<div class="row">
<img src="{{ asset('images/regions/' ~ thumb) }}" class="img-fluid" style="max-height: 80px; display: block;margin-left: auto;margin-right: auto">
</div>
</div>
</a>
</div>
</div>
</div>
<ul class="list-group list-group-flush">
{% if region_arr['region']['data']|length > 0 %}
{% for region in region_arr['region']['data'] %}
<li class="list-group-item pb-1">
<dl>
<dt class="pt-1">
<a class="tender-title text-black teaser-2-lines" href="{{ path('tenders_page',{'id':region.id}) }}">
{{ region.contractDescription }}
</a>
</dt>
<dd class="py-0">
<span>{{ region.closingDate|date('l d F Y') }}</span>
<span><p>{{ region.category }}</p></span>
</dd>
</dl>
</li>
{% endfor %}
{% else %}
<li class="list-group-item pb-1">
There currently no advertised tenders in this region.
</li>
{% endif %}
</ul>
{% if region_arr['region']['data']|length > 0 %}
<div class="text-center">
<a href="{{ path('tender_region_page',{'region':regionName|replace({' ':'-'})|lower, 'region_id': regionId}) }}" class="btn btn-link btn-more py-2 btn-lg btn-block rounded-0 text-white rain-forest">
View All
</a>
</div>
{% endif %}
</div>
</div>
{% endfor %}
</div>
</div>
<div class="col-12 col-md-3">
{{ render(controller(
'App\\Controller\\CarouselController::getCarousel',
{
'page': 'home'
}
)) }}
</div>
</div>
<div class="row">
<div class="col-12">
<h4>
Are you a SMME or a New Entrant?
</h4>
</div>
</div>
<div class="row justify-content-between">
{% set count = 0 %}
{% set offset = '' %}
{% for entrant in entrants %}
{% set count = count + 1 %}
{% if count == 1 %}
{% set offset = 'col-md-offset-1' %}
{% endif %}
<div class="col-12 col-md-2 no-gutters">
<a href="{{ entrant.website }}" target="_blank">
<img src="{{ asset('images/entrants/' ~ entrant.logo) }}" class="img-fluid" alt="{{ entrant.name }}">
</a>
</div>
{% set offset = '' %}
{% endfor %}
</div>
</div>
<!-- Subscription Form -->
<div id="subscribe-con">
<div class="modal fade" id="subscribe" tabindex="-1" role="dialog" aria-label="myModalLabel" aria-hidden="true">
{{ render(controller('App\\Controller\\HomeController::getSubscribeForm')) }}
</div>
</div>
{% endblock %}
{% block javascripts %}
{{ parent() }}
<script>
{% if subscribed == 1 %}
var now = new Date();
now.setDate(now.getDate() + 100000000);
document.cookie = "subscribe=1; expires=" + now + "; path=/";
{% endif %}
cookie_value = (document.cookie.match(/^(?:.*;)?\s*subscribe\s*=\s*([^;]+)(?:.*)?$/)||[,null])[1];
if(cookie_value == null || cookie_value == 0) {
var now = new Date();
now.setDate(now.getDate() + 1);
document.cookie = "subscribe=0; expires=" + now + "; path=/";
}
if(cookie_value == 1){
jQuery('#subscribe-con').empty();
}
jQuery(document).ready(function(){
jQuery(window).on('load', function() {
jQuery('#subscribe').modal('show');
});
});
</script>
{% endblock %}