templates/includes/header/header-1.html.twig line 1

Open in your IDE?
  2. <div class="side-menu">
  3.     {# {% include "includes/mega-menu/" ~ site_code ~ "/mobile-main.html.twig" %} #}
  4.     {{ render(controller('App\\Controller\\Sonata\\CustomAdminController::JSONmegaMenuItems', { 'site_code': 1, 'type' : 2 } )) }}
  5. </div>
  6. <div class="side-info">
  7.     {% include "includes/mega-menu/" ~ site_code ~ "/mobile-info.html.twig" ignore missing %}
  8. </div>
  10. <header class="header">
  11.     <div class="menu-button">
  12.         <div></div>
  13.         <div></div>
  14.         <div></div>
  15.     </div>
  16.     <div class="container">
  17.         {% set header_ad_count = 0 %}
  18.         {% if bottom_header_ad is defined and bottom_header_ad %}
  19.             {% set header_ad_count = header_ad_count + 1 %}
  20.         {% endif %}
  21.         {% if bottom_bottom_header_ad is defined and bottom_bottom_header_ad %}
  22.             {% set header_ad_count = header_ad_count + 1 %}
  23.         {% endif %}
  24.         <div class="row" style="margin-top: 15px;">
  25.             <div class="col-12 col-lg-5" id="logo-primary">
  26.                 <a
  27.                     href="/"
  28.                     title="RoofersCoffeeShop - Where The Industry Meets!"
  29.                     style="margin-left: 10px;"
  30.                 ><img
  31.                     alt="RoofersCoffeeShop - Where The Industry Meets!"
  32.                     title="RoofersCoffeeShop - Where The Industry Meets!"
  33.                     {% if header_ad_count < 2 %} style="max-width: 350px;"{% endif %}
  34.                     src="{{ asset('assets/img/Roofers-Coffee-Shop-Logo-R.png') }}"
  35.                     loading='lazy'
  36.                 /></a>
  37.             </div>
  38.             <div class="col-md-8 col-lg-7">                
  39.                 {% if countdown_ad is defined and countdown_ad %}
  40.                 <div class="d-flex justify-content-end">
  41.                     <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() }}" >
  42.                         <span class="text-md-right px-md-2" id="header-featured-text"></span>
  43.                         <span style="margin:unset;" class="header-featured-arrow text-md-right"  id="eventTitle">
  44.                             <span class="text-nowrap d-block text-truncate overflow-hidden" style="max-width: 350px;">
  45.                                 {{ countdown_ad.getTitle() }}
  46.                             </span>
  47.                         </span>
  48.                     </a>
  49.                 </div>
  50.                 <style>
  51.                     @media (max-width: 1399px) {
  52.                         #eventSrc {
  53.                             flex-direction: column!important;
  54.                         }
  55.                     }
  56.                     .longtext {
  57.                         flex-direction: column!important;
  58.                     }
  59.                 </style>
  61.                 <script>                        
  62.                         function countDown() {
  63.                             var day = "{{ countdown_ad.getCountdown() | date('d-F-Y') }}"
  64.                             var time = "{{ countdown_ad.getCountdown() | date('H:i') }} PDT"
  65.                             var currentDate = new Date();
  66.                             var toThisDay = Date.parse(day).at(time)
  67.                             var distance = toThisDay.getTime() - currentDate.getTime()
  68.                             if(distance > 0) {
  69.                                 var days = Math.floor(distance / (1000 * 60 * 60 * 24));
  70.                                 var hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
  71.                                 var minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
  72.                                 document.getElementById('header-featured-text').innerHTML = days + ' days, ' + hours
  73.                                 + ' hours and ' + minutes + (minutes == 1 ? ' minute' : ' minutes');
  74.                                 time = setTimeout(function () {
  75.                                     countDown()
  76.                                 }, 10000)
  77.                             }
  78.                             else {
  79.                                 document.getElementById('header-featured-text').remove();
  80.                                 document.getElementById('eventSrc').style.paddingLeft = '0px';
  81.                             }
  82.                         }
  83.                         countDown()
  84.                     </script>
  85.                 {% else %}
  86.                     <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>
  87.                 {% endif %}
  88.                 <div class="headbuttons">
  89.                     {% include "includes/search-and-sign-in-revised.html.twig" %}
  90.                     {% include "includes/sign-in-header-button.html.twig" %}
  91.                     <div class="languageselect">
  92.                         <div id="google_translate_element" class="notranslate"><span id="lang">English</span>
  93.                             <div id="language-dropdown">
  94.                                 <div class="in-english">English</div>
  95.                                 <div class="en-espanol">Espa&ntilde;ol</div>
  96.                                 <div class="en-francais">Fran&ccedil;ais</div>
  97.                             </div>
  98.                         </div>
  99.                     </div>
  100.                 </div>
  101.                 {% set true_bottom_header_ad = null %}
  102.                 {% if header_ad_count > 1 %}
  103.                     {% if bottom_header_ad is defined and bottom_header_ad %}
  104.                         <div class="col-12 header-search d-none d-lg-flex" style="top:0; padding-right:0;">
  105.                             <div class="hot-header-news header-featured-link-eb">
  106.                                 <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>
  107.                             </div>
  108.                         </div>
  109.                     {% endif %}
  110.                 {% else %}
  111.                     {% if bottom_header_ad is defined and bottom_header_ad %}
  112.                         {% set true_bottom_header_ad = bottom_header_ad %}
  113.                     {% endif %}
  114.                 {% endif %}
  115.                 
  116.                 {% if bottom_bottom_header_ad is defined and bottom_bottom_header_ad %}
  117.                     {% set true_bottom_header_ad = bottom_bottom_header_ad %}
  118.                 {% endif %}
  119.                 {% if true_bottom_header_ad %}
  120.                     <div class="hot-header-news header-featured-link-eb float-right d-none d-lg-flex d-max-none" >
  121.                         <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>
  122.                     </div>
  123.                 {% endif %}
  124.                 
  125.             </div>
  126.         </div>
  127.         <div class="row">
  128.             <div class="col-sm-12 col-lg-9 col-xl-8 d-flex align-items-end main-menu">
  129.                 {# {% include "includes/mega-menu/1/main.html.twig" %} #}
  131.                 {{ 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  } )) }}
  132.             </div>
  133.             <div class="col-sm-12 col-lg-3 d-lg-none col-xl-4 header-search">
  134.                 {% include "includes/search-and-sign-in-revised.html.twig" %}
  135.             </div>
  136.             {% if header_ad_count > 1 and bottom_header_ad is defined and bottom_header_ad %}
  137.                 <div class="header-search col-sm-12 d-flex d-lg-none">
  138.                     <div class="hot-header-news header-featured-link-eb">
  139.                         <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>
  140.                     </div>
  141.                 </div>
  142.             {% endif %}
  143.             {% if true_bottom_header_ad is defined and true_bottom_header_ad %}
  144.                 <div class="header-search col-sm-12 col-lg-3 col-xl-4">
  145.                     <div class="hot-header-news header-featured-link-eb">
  146.                         <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>
  147.                     </div>
  148.                 </div>
  149.             {% endif %}
  150.         </div>
  151.     </div>
  152.     <div class="info-button">
  153.         <div></div>
  154.         <div></div>
  155.         <div></div>
  156.     </div>
  157. </header>
  161. {% include "includes/breadcrumbs.html.twig" %}
  162. {% include "includes/messages.html.twig" %}