src/ApplicationBundle/Resources/views/inc/central_header.html.twig line 1

Open in your IDE?
  1. {# central landing page for honeybee #}
  2. {% if not include_html is defined %}
  3.     {% set include_html=1 %}
  4.     {% if  app.request.request.get('skipHTML') !='' %}
  5.         {% set include_html= 0 %}
  6.     {% endif %}
  7.     {% if  app.request.query.get('skipHTML') !='' %}
  8.         {% set include_html= 0 %}
  9.     {% endif %}
  10. {% endif %}
  11. {% if include_html==1 %}
  12. <!DOCTYPE html>
  13. <html lang="en">
  14. <head>
  16.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  17.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  18.     <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui">
  19.     <meta name="description" content="HoneyBee Ecosystem is a Full Fledged Ecosystem adaptive for Every Type of business Needs Powered by HoneyBee IoT">
  20.     <meta name="keywords" content="HoneyBee Ecosystem, Honeybee, honey bee, Emrul Hasan, Mozibul Yasser, Business, Management, ">
  21.     <meta name="author" content="HoneyBee Ecosystem">
  22.     <title id="pageTitle">{{ page_title }}</title>
  23.     <meta property="og:title" content="{{ og_title is defined? og_title: page_title }}"/>
  24.     <meta property="og:description"
  25.           content="{{ og_description is defined? og_description: 'HoneyBee Ecosystem is a Full Fledged Ecosystem adaptive for Every Type of business Needs Powered by HoneyBee IoT' }}"/>
  26.     <meta property="og:image"
  27.           content="{{ og_image is defined? (absolute_url(path('dashboard'))~og_image):( absolute_url(path('dashboard'))~'images/honey_bee_icon_w_text.png') }}"/>
  28.     <meta name="robots" content="index, follow">
  30.     <link rel="shortcut icon" type="image/x-icon" href="{{ asset('favicon.ico') }}?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">
  31.     <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('apple-icon.png') }}?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">
  32.     <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('favicon-32x32.png') }}?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">
  33.     <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('favicon-16x16.png') }}?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">
  34.     <link rel="manifest" href="{{ asset('site.webmanifest') }}">
  35.     <link rel="mask-icon" href="{{ asset('safari-pinned-tab.svg') }}" color="#f2003a">
  36.     <meta name="msapplication-TileColor" content="#00aba9">
  37.     <meta name="theme-color" content="#ffffff">
  38.     <link rel="manifest" href="{{ asset('buddybee_assets/manifest.json') }}">
  39.     <meta name="msapplication-TileColor" content="#ffffff">
  40.     {#    <meta name="msapplication-TileImage" content="{{ asset('buddybee_assets/ms-icon-144x144.png') }}">#}
  42.     <link rel="mask-icon" href="{{ asset('safari-pinned-tab.svg') }}" color="#f2003a">
  43.     <meta name="theme-color" content="#ffffff">
  46.     {#<link rel="apple-touch-icon" href="pixinvent/images/favicon/apple-touch-icon-152x152.png">#}
  47.     {#<link rel="shortcut icon" type="image/x-icon" href="pixinvent/images/favicon/favicon-32x32.png">#}
  48.     {#<link href='fonts/css0a62.css?family=Roboto:300italic,400italic,300,400,500,700,900' rel='stylesheet' type='text/css'/>#}
  50.     <script>
  52.         var logger = function () {
  53.             var oldConsoleLog = null;
  54.             var pub = {};
  56.             pub.enableLogger = function enableLogger() {
  57.                 if (oldConsoleLog == null)
  58.                     return;
  60.                 window['console']['log'] = oldConsoleLog;
  61.             };
  63.             pub.disableLogger = function disableLogger() {
  64.                 oldConsoleLog = console.log;
  65.                 window['console']['log'] = function () {
  66.                 };
  67.             };
  69.             return pub;
  70.         }();
  71.         {% if app.session.get('devAdminMode') ==1 %}
  72.         {% else %}
  73.         window['console']['log'] = function () {
  74.         };
  75.         {% endif %}
  77.             
  78.     </script>
  80.     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css" integrity="sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  81.     <!-- Swiper CSS -->
  83.     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css">
  84.     <link rel="stylesheet" href=" {{ absolute_url(path('dashboard')) }}honeybee_web_assets/css/bootstrap.css?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">
  85.     <!-- Preloader Font -->
  86.     <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap" rel="stylesheet">
  87.     <link rel="stylesheet" type="text/css"
  88.           href="https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.13.3/css/selectize.css?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}"/>
  89.     <link rel="stylesheet" href="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/css/style.css?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">
  90.     <link rel="stylesheet" id="dark-theme-css" href="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/css/dark.css?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" disabled="true">
  91.    
  94.     <link rel="stylesheet" href="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/css/responsive.css?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">
  95.     <link rel="stylesheet" href="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/css/temporary_inline.css?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}">
  98.     <style>
  100.         {% if app.session.get('devAdminMode') !=1 %}
  101.         .sf-toolbar {
  102.             display: none !important;
  103.         }
  105.         {% endif %}
  106.     </style>
  108.     <!-- Preloader Style -->
  109.     <style>
  110.       /* Preloader styles */
  111.       * {
  112.         box-sizing: border-box;
  113.       }
  115.       body {
  116.         font-family: 'Montserrat', sans-serif;
  117.         overflow: hidden;
  118.         margin: 0;
  119.       }
  121.       #preloader {
  122.         position: fixed;
  123.         top: 0;
  124.         left: 0;
  125.         width: 100%;
  126.         height: 100vh;
  127.         background-image: radial-gradient(circle at 10% 20%, #e6f8fa 0.1%, #e6f8fa 94.2%);
  128.         display: flex;
  129.         justify-content: center;
  130.         align-items: center;
  131.         z-index: 9999;
  132.         flex-direction: column;
  133.       }
  135.       .loading-container {
  136.         max-width: 520px;
  137.         text-align: center;
  138.         color: #fff;
  139.         position: relative;
  140.         margin: 0 32px;
  141.       }
  143.       .loading-container::before {
  144.         content: '';
  145.         position: absolute;
  146.         width: 100%;
  147.         height: 3px;
  148.         background-color: #fff;
  149.         bottom: 0;
  150.         left: 0;
  151.         border-radius: 10px;
  152.         animation: movingLine 2.4s infinite ease-in-out;
  153.       }
  155.       @keyframes movingLine {
  156.         0% { opacity: 0; width: 0; }
  157.         33.3%, 66% { opacity: 0.8; width: 100%; }
  158.         85% { width: 0; right: 0; opacity: 1; }
  159.         100% { opacity: 0; width: 0; }
  160.       }
  162.       .loading-text {
  163.         font-size: 5vw;
  164.         line-height: 64px;
  165.         letter-spacing: 10px;
  166.         margin-bottom: 32px;
  167.         display: flex;
  168.         justify-content: space-evenly;
  169.       }
  171.       .loading-text span {
  172.         animation: moveLetters 2.4s infinite ease-in-out;
  173.         transform: translateX(0);
  174.         position: relative;
  175.         display: inline-block;
  176.         opacity: 0;
  177.         text-shadow: 0px 2px 10px rgba(46, 74, 81, 0.3); 
  178.       }
  180.       .loading-text span:nth-child(1) { animation-delay: 0.1s; }
  181.       .loading-text span:nth-child(2) { animation-delay: 0.2s; }
  182.       .loading-text span:nth-child(3) { animation-delay: 0.3s; }
  183.       .loading-text span:nth-child(4) { animation-delay: 0.4s; }
  184.       .loading-text span:nth-child(5) { animation-delay: 0.5s; }
  185.       .loading-text span:nth-child(6) { animation-delay: 0.6s; }
  186.       .loading-text span:nth-child(7) { animation-delay: 0.7s; }
  188.       @keyframes moveLetters {
  189.         0%   { transform: translateX(-15vw); opacity: 0; }
  190.         33.3%, 66% { transform: translateX(0); opacity: 1; }
  191.         100% { transform: translateX(15vw); opacity: 0; }
  192.       }
  194.       .socials {
  195.         position: fixed;
  196.         bottom: 16px;
  197.         right: 16px;
  198.         display: flex;
  199.         align-items: center;
  200.       }
  202.       .social-link {
  203.         color: #fff;
  204.         margin-left: 12px;
  205.       }
  206.     </style>
  209.     <script>
  210.             function changeTheme(isDark){
  211.                     if(isDark)
  212.                         {
  213.                         
  214.                             const images = document.querySelectorAll(`img`);
  215.                             images.forEach(img => {
  216.                                 img.src = img.src.replace('/honeybee_web_assets/','/honeybee_web_assets/dark/');
  217.                             });
  219.                             document.getElementById('dark-theme-css').disabled = false
  220.                             document.getElementById('theme-toggle-checkbox').checked = true
  221.                             
  222.                         }
  223.                         else{
  224.         
  225.                             const images = document.querySelectorAll(`img`);
  226.                             images.forEach(img => {
  227.                                 img.src = img.src.replace('/honeybee_web_assets/dark/','/honeybee_web_assets/');
  228.                             });
  229.                             
  230.                             document.getElementById('dark-theme-css').disabled = true
  231.                             document.getElementById('theme-toggle-checkbox').checked = false
  232.                             
  233.                         }
  235.                         localStorage.setItem("theme", isDark?'dark':'light');
  236.             }
  237.     </script>
  240.     
  242.     <script>
  243.         if (typeof module === 'object') {
  244.             window.module = module;
  245.             module = undefined;
  246.         }
  247.         //    require('./preload');
  248.     </script>
  251.     <script src="https://code.jquery.com/jquery-3.4.1.min.js"
  252.             integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
  253.     <script data-ad-client="ca-pub-8286883017903771" async
  254.             src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  255.     <script>
  256.         var BaseURL = '{{ url('dashboard') }}';
  257.     </script>
  258. </head>
  259. <!-- Google tag (gtag.js) -->
  260. <script async src="https://www.googletagmanager.com/gtag/js?id=G-V22132YMJ3"></script>
  261. <script>
  262.     window.dataLayer = window.dataLayer || [];
  263.     function gtag() {
  264.         dataLayer.push(arguments);
  265.     }
  266.     gtag('js', new Date());
  268.     gtag('config', 'G-V22132YMJ3');
  269. </script>
  272. {#{% set BUDDYBEE_ADMIN_LEVEL= 0 %}#}
  273. {#{% set isConsultant= 0 %}#}
  276. {#{% if (session[UserConstants.USER_ID] is defined ) %}#}
  278. {#{% set isConsultant= session[UserConstants.IS_CONSULTANT] is defined? session[UserConstants.IS_CONSULTANT]:0 %}#}
  279. {#{% set BUDDYBEE_ADMIN_LEVEL= session[UserConstants.BUDDYBEE_ADMIN_LEVEL] is defined? session[UserConstants.BUDDYBEE_ADMIN_LEVEL]:0 %}#}
  281. {#{% endif %}#}
  282. {% set BUDDYBEE_ADMIN_LEVEL= 0 %}
  283. {% set isConsultant= 0 %}
  286. {% if (session[UserConstants.USER_ID] is defined ) %}
  288. {% set isConsultant= session[UserConstants.IS_CONSULTANT] is defined? session[UserConstants.IS_CONSULTANT]:0 %}
  289. {% set BUDDYBEE_ADMIN_LEVEL= session[UserConstants.BUDDYBEE_ADMIN_LEVEL] is defined? session[UserConstants.BUDDYBEE_ADMIN_LEVEL]:0 %}
  291. {% if BUDDYBEE_ADMIN_LEVEL>=3 %}
  292. <body class="buddybee_body has_admin_bar">
  294. {% elseif BUDDYBEE_ADMIN_LEVEL>=1 %}
  295. <body class="buddybee_body has_admin_bar">
  296. {% else %}
  297. <body class="buddybee_body">
  299. {% endif %}
  300. {% endif %}
  302. <body class="body-mask">
  304. <!--  Preloader -->
  305.   <div id="preloader">
  306.       <div class="loading-container">
  307.         <div class="loading-text">
  308.           <span>L</span>
  309.           <span>O</span>
  310.           <span>A</span>
  311.           <span>D</span>
  312.           <span>I</span>
  313.           <span>N</span>
  314.           <span>G</span>
  315.         </div>
  316.       </div>
  317.       <div class="socials">
  318.         <a class="social-link" href="https://twitter.com/aybukeceylan" target="_top">
  319.           <!-- Twitter icon -->
  320.           <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" ... class="feather feather-twitter"><path d="..."/></svg>
  321.         </a>
  322.         <a class="social-link" href="https://www.linkedin.com/in/ayb%C3%BCkeceylan/" target="_top">
  323.           <!-- LinkedIn icon -->
  324.           <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" ... class="feather feather-linkedin"><path d="..."/></svg>
  325.         </a>
  326.       </div>
  327.     </div>
  331. <!-- =========== Navbar Start =============== -->
  332. <!-- header v1 -->
  333. <nav class="navbar navbar-expand-lg">
  334.     <div class="container-fluid">
  335.         <a class="navbar-brand" href="{{ url('dashboard') }}">
  336.             <img src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/icons/honeybeeicon.svg?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt="Logo" class="logo">
  337.         </a>
  338.         <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
  339.             <span class="navbar-toggler-icon"></span>
  340.         </button>
  342.         {# navigation  #}
  343.         <div class="collapse navbar-collapse transition-collapse" id="navbarNav">
  344.             <ul class="navbar-nav me-auto">
  345.                 {# home #}
  346.                 {# <li class="nav-item">
  347.                     <a class="nav-link trn {% if app.request.get('_route') == 'dashboard' %}active{% endif %} "  href="{{ url('dashboard') }}" data-trn-key="_HOME_">Home</a>
  348.                 </li> #}
  350.                 {# services #}
  351.                 <li class="nav-item">
  352.                     <a class="nav-link trn {% if app.request.get('_route') == 'honeybee_services' %}active{% endif %}" href="{{ url('honeybee_services') }}" data-trn-key="_SERVICES_">Services</a>
  353.                 </li>
  355.                 {# Pricing #}
  356.                 <li class="nav-item ">
  357.                     <a class="nav-link trn {% if app.request.get('_route') == 'honeybee_pricing' %}active{% endif %}" href="{{ url('honeybee_pricing') }}" data-trn-key="_PRICING_">Pricing</a>
  358.                 </li>
  360.                 {# about us #}
  361.                 <li class="nav-item">
  362.                     {# <a class="nav-link {% if app.request.get('_route') == 'honeybee_about_us' %}active{% endif %}" href="{{ url('honeybee_about_us') }}">About Us</a> #}
  363.                     <a class="nav-link trn {{ app.request.pathInfo == '/about' ? 'active' : '' }}" href="{{ url('honeybee_about_us') }}" data-trn-key="_ABOUT_US_"> About Us </a>                    
  364.                 </li>
  365.                 
  366.                 {# hire #}
  367.                 <li class="nav-item">
  368.                     <a class="nav-link trn {% if app.request.get('_route') == 'honeybee_hire' %}active{% endif %}" href="{{ url('honeybee_hire') }}" data-trn-key="_HIRE_">Hire</a>
  369.                 </li>
  370.                 
  371.                 {# more option. others pages dropdown #}
  372.                 <li class="nav-item dropdown d-none d-lg-block">
  373.                     <a class="nav-link dropdown-toggle text-decoration-none" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
  374.                         <span class="trn" data-trn-key="_MORE_">More</span> <span class="fs-6">&#9662;</span>
  375.                     </a>
  376.                     <ul class="dropdown-menu bg-white text-black border border-secondary shadow w-50 mx-auto">
  377.                         
  378.                         {# get hired #}
  379.                   <li class="nav-item">
  380.                         <a class="dropdown-item text-black text-start fs-7 px-4 nav-link trn{% if app.request.get('_route') == 'honeybee_get_hire' %}active{% endif %}" href="{{ url('honeybee_get_hire') }}" style="--bs-dropdown-link-active-bg: transparent; --bs-dropdown-link-active-color: black;" data-trn-key="_GET_HIRED_">Get Hired</a>
  381.                     </li>
  382.                         <li><hr class="dropdown-divider"></li>
  383.                         {# product #}
  384.                    <li class="nav-item">
  385.     <a class="dropdown-item text-black text-start fs-7 px-4 nav-link trn {% if app.request.get('_route') == 'honeybee_product' %}active{% endif %}" href="{{ url('honeybee_product') }}" style="--bs-dropdown-link-active-bg: transparent; --bs-dropdown-link-active-color: black;" data-trn-key="_PRODUCT_">Product</a>
  386. </li>
  387.                         <li><hr class="dropdown-divider"></li>
  388.                         {# blogs #}
  389.                    <li class="nav-item">
  390.     <a class="dropdown-item text-black text-start fs-7 px-4 nav-link trn {% if app.request.get('_route') == 'honeybee_blogs' %}active{% endif %}" href="{{ url('honeybee_blogs') }}" style="--bs-dropdown-link-active-bg: transparent; --bs-dropdown-link-active-color: black;" data-trn-key="_BLOGS_">Blogs</a>
  391. </li>
  392.                         <li><hr class="dropdown-divider"></li>
  393.                         {# faq #}
  394.              <li class="nav-item">
  395.     <a class="dropdown-item text-black text-start fs-7 px-4 nav-link trn {% if app.request.get('_route') == 'honeybee_FAQ' %}active{% endif %}" href="{{ url('honeybee_FAQ') }}" style="--bs-dropdown-link-active-bg: transparent; --bs-dropdown-link-active-color: black;" data-trn-key="_FAQ_">FAQ</a>
  396. </li>
  397.                         <li><hr class="dropdown-divider"></li>
  398.                         {# career #}
  399.                  <li class="nav-item">
  400.     <a class="dropdown-item text-black text-start fs-7 px-4 nav-link trn {% if app.request.get('_route') == 'honeybee_career' %}active{% endif %}" href="{{ url('honeybee_career') }}" style="--bs-dropdown-link-active-bg: transparent; --bs-dropdown-link-active-color: black;" data-trn-key="_CAREER_">Career</a>
  401. </li>
  402.                         <li><hr class="dropdown-divider"></li>
  403.                         {# contact #}
  404.                     <li class="nav-item">
  405.     <a class="dropdown-item text-black text-start fs-7 px-4 nav-link trn {% if app.request.get('_route') == 'honeybee_contact' %}active{% endif %}" href="{{ url('honeybee_contact') }}" style="--bs-dropdown-link-active-bg: transparent; --bs-dropdown-link-active-color: black;" data-trn-key="_CONTACT_">Contact</a>
  406. </li>
  408.                     </ul>
  409.                 </li>
  410.                 {# more option. others dropdown end #}
  412.                 <!--****** responsive menus. Show as regular nav items on small devices****** -->
  413.                 {# get hired #}
  414.                 <li class="nav-item d-lg-none">
  415.                     <a class="nav-link {% if app.request.get('_route') == 'honeybee_get_hire' %}active{% endif %}" href="{{ url('honeybee_get_hire') }}">Get Hired</a>
  416.                 </li>
  417.                 {# product #}
  418.                 <li class="nav-item d-lg-none">
  419.                     <a class="nav-link {% if app.request.get('_route') == 'honeybee_product' %}active{% endif %}" href="{{ url('honeybee_product') }}">Product</a>
  420.                 </li>
  421.                 {# blog #}
  422.                 <li class="nav-item d-lg-none">
  423.                     <a class="nav-link {% if app.request.get('_route') == 'honeybee_blogs' %}active{% endif %}" href="{{ url('honeybee_blogs') }}">Blogs</a>
  424.                 </li>
  425.                 {# faq #}
  426.                 <li class="nav-item d-lg-none">
  427.                     <a class="nav-link {% if app.request.get('_route') == 'honeybee_FAQ' %}active{% endif %}" href="{{ url('honeybee_FAQ') }}">FAQ</a>
  428.                 </li>
  429.                 {# career #}
  430.                 <li class="nav-item d-lg-none">
  431.                     <a class="nav-link {% if app.request.get('_route') == 'honeybee_career' %}active{% endif %}" href="{{ url('honeybee_career') }}">Career</a>
  432.                 </li>
  433.                 {# contact #}
  434.                 <li class="nav-item d-lg-none">
  435.                     <a class="nav-link {% if app.request.get('_route') == 'honeybee_contact' %}active{% endif %}" href="{{ url('honeybee_contact') }}">Contact</a>
  436.                 </li>
  438.                 {# language #}
  439.                 <!-- Mobile Only -->
  440.                 <li class="nav-item d-lg-none">
  442.                     <a class="nav-link d-flex justify-content-center align-items-center"
  443.                         data-bs-toggle="collapse"
  444.                         href="#mobileLang"
  445.                         role="button"
  446.                         aria-expanded="false">
  448.                         <span class='curr_locale_text'>
  449.                             <i class="fa-solid fa-globe mx-2"></i>
  450.                             Language
  451.                         </span>
  453.                         <i class="fa-solid fa-chevron-down small"></i>
  454.                     </a>
  456.                     <div class="collapse" id="mobileLang">
  457.                         <ul class="list-unstyled ps-4 " >
  458.                             <li>
  459.                                 <a href="#" class="nav-link locale_changer en" data-locale="en">
  460.                                     en
  461.                                 </a>
  462.                                 <a href="#" class="nav-link locale_changer bn" data-locale="bn">
  463.                                     bn
  464.                                 </a>
  465.                                 <a href="#" class="nav-link locale_changer it" data-locale="it">
  466.                                     it
  467.                                 </a>
  468.                                 <a href="#" class="nav-link locale_changer de" data-locale="de">
  469.                                     de
  470.                                 </a>
  471.                                 <a href="#" class="nav-link locale_changer fr" data-locale="it">
  472.                                     fr
  473.                                 </a>
  474.                                 <a href="#" class="nav-link locale_changer sp" data-locale="it">
  475.                                     sp
  476.                                 </a>
  477.                                 <a href="#" class="nav-link locale_changer cn" data-locale="it">
  478.                                     cn
  479.                                 </a>
  480.                             </li>
  481.                         </ul>
  482.                     </div>
  484.                 </li>
  485.         
  486.             </ul>
  487.             {# <a class="my-auto calendar" href="#"><i class="fa-solid fa-language"></i></a> #}
  488.             
  489.             {# language switch dropdown #}
  490.             <li class="nav-item dropdown d-none d-lg-block d-flex align-items-center ">
  491.                 
  492.                 <a class="nav-link dropdown-toggle d-flex align-items-center gap-1 text-decoration-none mx-1 "
  493.                     id="navbarDropdown"
  494.                     href="#"
  495.                     role="button"
  496.                     data-bs-toggle="dropdown"
  497.                     aria-expanded="false">
  499.                     <i class="fa-solid fa-globe"></i>
  500.                     <span class='curr_locale_text'>en</span>
  501.                 </a>
  502.                 
  503.                 <ul class="dropdown-menu bg-white text-black border border-secondary shadow w-50 mx-auto">
  504.                     <li class="nav-item">
  505.                         <a href="#" class="dropdown-item text-black text-start fs-7 px-4 nav-link  locale_changer en" 
  506.                             style="--bs-dropdown-link-active-bg: transparent; --bs-dropdown-link-active-color: black;" data-locale="en">English</a>
  507.                     </li>
  508.                     <li><hr class="dropdown-divider"></li>
  509.                     <li class="nav-item">
  510.                         <a href="#" class="dropdown-item text-black text-start fs-7 px-4 nav-link locale_changer bn"
  511.                             style="--bs-dropdown-link-active-bg: transparent; --bs-dropdown-link-active-color: black;" data-locale="bn">বাংলা</a>
  512.                     </li>
  513.                     <li><hr class="dropdown-divider"></li>
  514.                     <li class="nav-item">
  515.                         <a href="#" class="dropdown-item text-black text-start fs-7 px-4 nav-link locale_changer it"
  516.                             style="--bs-dropdown-link-active-bg: transparent; --bs-dropdown-link-active-color: black;" data-locale="it">Italiano</a>
  517.                     </li>
  518.                     <li><hr class="dropdown-divider"></li>
  519.                     <li class="nav-item">
  520.                         <a href="#" class="dropdown-item text-black text-start fs-7 px-4 nav-link locale_changer de"
  521.                             style="--bs-dropdown-link-active-bg: transparent; --bs-dropdown-link-active-color: black;" data-locale="de">Deutsch</a>
  522.                     </li>
  523.                     <li><hr class="dropdown-divider"></li>
  524.                     <li class="nav-item">
  525.                         <a href="#" class="dropdown-item text-black text-start fs-7 px-4 nav-link locale_changer fr"
  526.                             style="--bs-dropdown-link-active-bg: transparent; --bs-dropdown-link-active-color: black;" data-locale="fr">Français</a>
  527.                     </li>
  528.                     <li><hr class="dropdown-divider"></li>
  529.                     <li class="nav-item">
  530.                         <a href="#" class="dropdown-item text-black text-start fs-7 px-4 nav-link locale_changer sp"
  531.                             style="--bs-dropdown-link-active-bg: transparent; --bs-dropdown-link-active-color: black;" data-locale="sp">Español</a>
  532.                     </li>
  533.                     <li><hr class="dropdown-divider"></li>
  534.                     <li class="nav-item">
  535.                         <a href="#" class="dropdown-item text-black text-start fs-7 px-4 nav-link locale_changer cn"
  536.                             style="--bs-dropdown-link-active-bg: transparent; --bs-dropdown-link-active-color: black;" data-locale="cn">中文</a>
  537.                     </li>
  538.                 </ul>
  539.             </li>
  540.             
  541.             {# previous language switch code #}
  542.             {# <div class="dropdown my-auto  mx-2">
  543.                 <a class="my-auto calendar" href="#"><i class="fa-solid fa-language"></i></a>
  544.                 <a class="dropdown-toggle curr_locale_text" href="#" id="navbarDropdown" role="button"
  545.                    data-bs-toggle="dropdown" aria-expanded="false">  English</a>
  546.                 <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
  547.                     <li><a href="#" class="locale_changer en" data-locale="en">English</a></li>
  548.                     <li><a href="#" class="locale_changer bn" data-locale="bn">বাংলা</a></li>
  549.                 </ul>
  550.             </div> #}
  551.             {% if (session[UserConstants.USER_ID] is defined ) %}
  552.                 {% if BUDDYBEE_ADMIN_LEVEL>=1 or (session['actualUserIsAdmin'] is defined ) %}
  553.                     <div class="dropdown my-auto">
  554.                         <a class="dropdown-toggle" href="#" id="navbarDropdown" role="button"
  555.                            data-bs-toggle="dropdown"
  556.                            aria-expanded="false">Switch User</a>
  557.                         <ul class="dropdown-menu" aria-labelledby="navbarDropdown">
  559.                             <li>
  560.                                 <a href="{{ absolute_url(path('view_as_user_central')) }}/{{ session['actualUserId'] is defined?session['actualUserId']:session['userId'] }} ">
  561.                                     Back to Mine </a>
  562.                             </li>
  564.                             <li>
  566.                                 <select class="" aria-label="Default select example"
  567.                                         name="viewAsId" id="viewAsId">
  568.                                 </select>
  570.                             </li>
  572.                         </ul>
  573.                     </div>
  574.                 {% endif %}
  576.                 <div class="nav-profile-area d-flex align-items-center pe-lg-5 ">
  577.                 <div class="text-end">
  579.                     {# new: dropdown #}
  580.                     <div class="custom-dropdown">
  581.                         <ul class="nav nav-pills">
  582.                             <li class="nav-item dropdown">
  583.                                 <a class="nav-link dropdown-toggle pb-2 mb-0"
  584.                                    data-bs-toggle="dropdown"
  585.                                    href="#"
  586.                                    role="button"
  587.                                    aria-expanded="false">
  588.                                     {{ session[UserConstants.USER_NAME] }}
  589.                                 </a>
  590.                                 <ul class="dropdown-menu">
  591.                                     <li> <a class="dropdown-item {% if app.request.get('_route') == 'profile' %}active{% endif %}" href="{{ url('honeybee_my_freelancer_profile') }}">Profile </a> </li>
  594.                                     <li><hr class="dropdown-divider"></li>
  595.                                     <li>
  596.                                         <a class="dropdown-item {% if app.request.get('_route') == 'profile' %}active{% endif %}"
  597.                                            href="{{ url('user_logout') }}"  >
  598.                                             Logout
  599.                                         </a>
  601.                                     </li>
  603.                                 </ul>
  604.                             </li>
  605.                         </ul>
  606.                     </div>
  607.                     {# end dropdown #}
  608.                 </div>
  609.                 <div class="nav-img-container ms-3 mb-2"
  610.                 {% if session[UserConstants.USER_IMAGE] !='' and not session[UserConstants.USER_IMAGE] is null   %}
  611.                     style="background:url('{{ url('dashboard') }}{{ session[UserConstants.USER_IMAGE] }}?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}')"
  613.                 {% else %}
  614.                     style="background:url('{{ url('dashboard') }}honeybee_web_assets/images/profiles/profile.png?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}')"
  615.                 {% endif %} >
  616.                     {#                    {% if session[UserConstants.USER_IMAGE] !='' and not session[UserConstants.USER_IMAGE] is null   %}#}
  617.                     {#                    <a href="#"><img src="{{ url('dashboard') }}/{{ session[UserConstants.USER_IMAGE] }}?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt="" class="img-fluid"></a>#}
  618.                     {#                    {% else %}#}
  619.                     {#                        <a href="#"><img src="{{ absolute_url(path('dashboard')) }}honeybee_web_assets/images/profiles/profile.png?version={{ constant('ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION') }}" alt="" class="img-fluid"></a>#}
  621.                     {#                    {% endif %}#}
  622.                     {#                    <a href="#"><img src="{{ session[UserConstants.USER_IMAGE] }}" alt="" class="img-fluid"></a>#}
  623.                     {#                    <a href="#"><img src="{{ url('dashboard') }}/{{ session[UserConstants.USER_IMAGE] }}?1422538623" alt="" class="img-fluid"></a>#}
  624.                 </div>
  625.             </div>
  626.             
  627.             <div class="nav-btn-area d-flex align-items-center">
  629.                 <a href="{{ url('central_landing') }}" class="global-button fs-6 trn" data-trn-key="_COMPANIES_">Companies</a>
  630.             </div>
  631.             {% else %}
  632.             <div class="nav-btn-area d-flex align-items-center">
  634.                 <a href="{{ url('user_login') }}" class="global-outline-button fs-6">Login</a>
  635.                 <a href="{{ url('sign_up') }}" class=" global-button mx-2 fs-6">Create Account </a>
  636.             </div>
  637.             {% endif %}
  639.             {# light mode / dark mode toggle button #}
  640.             <div class="d-flex align-items-center gap-2 theme-toggle">
  641.                 <img class="theme-img" src="{{ absolute_url(asset('honeybee_web_assets/icons/sun.svg')) }}"
  642.                         alt="Sun Icon" class="sun-icon">
  643.                 <input type="checkbox" id="theme-toggle-checkbox" class="form-check-input ">
  644.                 <label for="theme-toggle-checkbox" class="theme-toggle-label"></label>
  645.                 <img class="theme-img" src="{{ absolute_url(asset('honeybee_web_assets/icons/moon.svg')) }}"
  646.                         alt="Moon Icon" class="moon-icon">
  647.             </div>
  648.             <script>
  649.                 document.getElementById('theme-toggle-checkbox').checked = ((localStorage.getItem("theme")||'light')=='dark')
  650.             </script>
  653.         </div>
  655.     </div>
  656. </nav>
  660. <div id="buddybee_processing_loader" style="">
  661.     <div>
  662.         <p>Processing</p>
  663.     </div>
  665. </div>
  667. {# preloader js #}
  668. <script>
  669.       window.addEventListener("load", function () {
  670.         const preloader = document.getElementById("preloader");
  671.         preloader.style.display = "none";
  672.         document.body.style.overflow = "auto";
  673.       });
  674. </script>
  676. <!--Start of Tawk.to Script-->
  677. <script type="text/javascript">
  678.     var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
  679.     (function(){
  680.     var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
  681.     s1.async=true;
  682.     s1.src='https://embed.tawk.to/696c5dc1452bfa197c8f95a1/1jf7ksfe5';
  683.     s1.charset='UTF-8';
  684.     s1.setAttribute('crossorigin','*');
  685.     s0.parentNode.insertBefore(s1,s0);
  686.     })();
  687. </script>
  691. {% set full_js_included=0 %}
  692. {% endif %}
  694. <input type="hidden" id="timeStampOnHeaderLoad" value="{{ 'now'|date('U') }}">