{% 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 %}