templates/includes/header/header-1.html.twig line 131
<div class="side-menu">
{# {% include "includes/mega-menu/" ~ site_code ~ "/mobile-main.html.twig" %} #}
{{ render(controller('App\\Controller\\Sonata\\CustomAdminController::JSONmegaMenuItems', { 'site_code': 1, 'type' : 2 } )) }}
</div>
<div class="side-info">
{% include "includes/mega-menu/" ~ site_code ~ "/mobile-info.html.twig" ignore missing %}
</div>
<header class="header">
<div class="menu-button">
<div></div>
<div></div>
<div></div>
</div>
<div class="container">
{% set header_ad_count = 0 %}
{% if bottom_header_ad is defined and bottom_header_ad %}
{% set header_ad_count = header_ad_count + 1 %}
{% endif %}
{% if bottom_bottom_header_ad is defined and bottom_bottom_header_ad %}
{% set header_ad_count = header_ad_count + 1 %}
{% endif %}
<div class="row" style="margin-top: 15px;">
<div class="col-12 col-lg-5" id="logo-primary">
<a
href="/"
title="RoofersCoffeeShop - Where The Industry Meets!"
style="margin-left: 10px;"
><img
alt="RoofersCoffeeShop - Where The Industry Meets!"
title="RoofersCoffeeShop - Where The Industry Meets!"
{% if header_ad_count < 2 %} style="max-width: 350px;"{% endif %}
src="{{ asset('assets/img/Roofers-Coffee-Shop-Logo-R.png') }}"
loading='lazy'
/></a>
</div>
<div class="col-md-8 col-lg-7">
{% if countdown_ad is defined and countdown_ad %}
<div class="d-flex justify-content-end">
<a style="padding:unset; width: fit-content" class="header-featured-link header-featured-link-eb d-md-none d-lg-flex flex-lg-column flex-xl-row {{ countdown_ad.getTitle()|length > 30 ? 'longtext' : '' }}" data-text-only-mitem="1" data-mitem-id="{{ countdown_ad.getId() }}" id="eventSrc" href="{{ countdown_ad.getExternalUrl() }}" >
<span class="text-md-right px-md-2" id="header-featured-text"></span>
<span style="margin:unset;" class="header-featured-arrow text-md-right" id="eventTitle">
<span class="text-nowrap d-block text-truncate overflow-hidden" style="max-width: 350px;">
{{ countdown_ad.getTitle() }}
</span>
</span>
</a>
</div>
<style>
@media (max-width: 1399px) {
#eventSrc {
flex-direction: column!important;
}
}
.longtext {
flex-direction: column!important;
}
</style>
<script>
function countDown() {
var day = "{{ countdown_ad.getCountdown() | date('d-F-Y') }}"
var time = "{{ countdown_ad.getCountdown() | date('H:i') }} PDT"
var currentDate = new Date();
var toThisDay = Date.parse(day).at(time)
var distance = toThisDay.getTime() - currentDate.getTime()
if(distance > 0) {
var days = Math.floor(distance / (1000 * 60 * 60 * 24));
var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
document.getElementById('header-featured-text').innerHTML = days + ' days, ' + hours
+ ' hours and ' + minutes + (minutes == 1 ? ' minute' : ' minutes');
time = setTimeout(function () {
countDown()
}, 10000)
}
else {
document.getElementById('header-featured-text').remove();
document.getElementById('eventSrc').style.paddingLeft = '0px';
}
}
countDown()
</script>
{% else %}
<a class="float-right header-featured-link header-featured-link-eb" id="eventSrc" href="/coffee-conversations" ><span id="header-featured-text"></span><span class="header-featured-arrow" id="eventTitle">Coffee Conversations</span></a>
{% endif %}
<div class="headbuttons">
{% include "includes/search-and-sign-in-revised.html.twig" %}
{% include "includes/sign-in-header-button.html.twig" %}
<div class="languageselect">
<div id="google_translate_element" class="notranslate"><span id="lang">English</span>
<div id="language-dropdown">
<div class="in-english">English</div>
<div class="en-espanol">Español</div>
<div class="en-francais">Français</div>
</div>
</div>
</div>
</div>
{% set true_bottom_header_ad = null %}
{% if header_ad_count > 1 %}
{% if bottom_header_ad is defined and bottom_header_ad %}
<div class="col-12 header-search d-none d-lg-flex" style="top:0; padding-right:0;">
<div class="hot-header-news header-featured-link-eb">
<a data-text-only-mitem="1" data-mitem-id="{{ bottom_header_ad.getId() }}" href="{{ bottom_header_ad.getExternalUrl() }}" > <span id="header-featured-text" style="padding-right: 15px; padding-left: 15px">{{ bottom_header_ad.getTitle() }}</span> <span class="header-featured-arrow"></span></a>
</div>
</div>
{% endif %}
{% else %}
{% if bottom_header_ad is defined and bottom_header_ad %}
{% set true_bottom_header_ad = bottom_header_ad %}
{% endif %}
{% endif %}
{% if bottom_bottom_header_ad is defined and bottom_bottom_header_ad %}
{% set true_bottom_header_ad = bottom_bottom_header_ad %}
{% endif %}
{% if true_bottom_header_ad %}
<div class="hot-header-news header-featured-link-eb float-right d-none d-lg-flex d-max-none" >
<a data-mitem-id="{{ true_bottom_header_ad.getId() }}" href="{{ true_bottom_header_ad.getExternalUrl() }}" > <span id="header-featured-text" style="padding-right: 15px; padding-left: 15px">{{ true_bottom_header_ad.getTitle() }}</span> <span class="header-featured-arrow"></span></a>
</div>
{% endif %}
</div>
</div>
<div class="row">
<div class="col-sm-12 col-lg-9 col-xl-8 d-flex align-items-end main-menu">
{# {% include "includes/mega-menu/1/main.html.twig" %} #}
{{ render(controller('App\\Controller\\Sonata\\CustomAdminController::JSONmegaMenuItems', { 'site_code': 1, 'menu_ads': menu_ads is defined and menu_ads is not null ? menu_ads : null } )) }}
</div>
<div class="col-sm-12 col-lg-3 d-lg-none col-xl-4 header-search">
{% include "includes/search-and-sign-in-revised.html.twig" %}
</div>
{% if header_ad_count > 1 and bottom_header_ad is defined and bottom_header_ad %}
<div class="header-search col-sm-12 d-flex d-lg-none">
<div class="hot-header-news header-featured-link-eb">
<a data-text-only-mitem="1" data-mitem-id="{{ bottom_header_ad.getId() }}" href="{{ bottom_header_ad.getExternalUrl() }}" > <span id="header-featured-text" style="padding-right: 15px; padding-left: 15px">{{ bottom_header_ad.getTitle() }}</span> <span class="header-featured-arrow"></span></a>
</div>
</div>
{% endif %}
{% if true_bottom_header_ad is defined and true_bottom_header_ad %}
<div class="header-search col-sm-12 col-lg-3 col-xl-4">
<div class="hot-header-news header-featured-link-eb">
<a data-text-only-mitem="1" data-mitem-id="{{ true_bottom_header_ad.getId() }}" href="{{ true_bottom_header_ad.getExternalUrl() }}" > <span id="header-featured-text" style="padding-right: 15px; padding-left: 15px">{{ true_bottom_header_ad.getTitle() }}</span> <span class="header-featured-arrow"></span></a>
</div>
</div>
{% endif %}
</div>
</div>
<div class="info-button">
<div></div>
<div></div>
<div></div>
</div>
</header>
{% include "includes/breadcrumbs.html.twig" %}
{% include "includes/messages.html.twig" %}