var/cache/dev/twig/43/43eb006d23358380f04cc89ec1831a1cc7def65a82119e8a189a398c78cb8298.php line 116

Open in your IDE?
  1. <?php
  2. use Twig\Environment;
  3. use Twig\Error\LoaderError;
  4. use Twig\Error\RuntimeError;
  5. use Twig\Extension\CoreExtension;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  14. /* @Application/inc/central_header.html.twig */
  15. class __TwigTemplate_68afe8944dfa519ca51a13cd6909e036a855a82a7f29bbcf8c5fe5f2d61aa632 extends Template
  16. {
  17.     private $source;
  18.     private $macros = [];
  19.     public function __construct(Environment $env)
  20.     {
  21.         parent::__construct($env);
  22.         $this->source $this->getSourceContext();
  23.         $this->parent false;
  24.         $this->blocks = [
  25.         ];
  26.     }
  27.     protected function doDisplay(array $context, array $blocks = [])
  28.     {
  29.         $macros $this->macros;
  30.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  31.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->enter($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template""@Application/inc/central_header.html.twig"));
  32.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02 $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  33.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->enter($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template""@Application/inc/central_header.html.twig"));
  34.         // line 5
  35.         if ( !array_key_exists("include_html"$context)) {
  36.             // line 6
  37.             yield "    ";
  38.             $context["include_html"] = 1;
  39.             // line 7
  40.             yield "    ";
  41.             if ((!== CoreExtension::compare(CoreExtension::getAttribute($this->env$this->sourceCoreExtension::getAttribute($this->env$this->sourceCoreExtension::getAttribute($this->env$this->source, (isset($context["app"]) || array_key_exists("app"$context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.'7$this->source); })()), "request", [], "any"falsefalsefalse7), "request", [], "any"falsefalsefalse7), "get", ["skipHTML"], "method"falsefalsefalse7), ""))) {
  42.                 $context["include_html"] = 0;
  43.             }
  44.             // line 8
  45.             yield "    ";
  46.             if ((!== CoreExtension::compare(CoreExtension::getAttribute($this->env$this->sourceCoreExtension::getAttribute($this->env$this->sourceCoreExtension::getAttribute($this->env$this->source, (isset($context["app"]) || array_key_exists("app"$context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.'8$this->source); })()), "request", [], "any"falsefalsefalse8), "query", [], "any"falsefalsefalse8), "get", ["skipHTML"], "method"falsefalsefalse8), ""))) {
  47.                 $context["include_html"] = 0;
  48.             }
  49.         }
  50.         // line 10
  51.         if ((=== CoreExtension::compare((isset($context["include_html"]) || array_key_exists("include_html"$context) ? $context["include_html"] : (function () { throw new RuntimeError('Variable "include_html" does not exist.'10$this->source); })()), 1))) {
  52.             // line 11
  53.             yield "<!DOCTYPE html>
  54. <html lang=\"en\">
  55. <head>
  56.     <meta charset=\"UTF-8\">
  57.     <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">
  58.     <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui\">
  59.     <meta name=\"description\"
  60.           content=\"";
  61.             // line 18
  62.             ((array_key_exists("og_description"$context)) ? (yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["og_description"]) || array_key_exists("og_description"$context) ? $context["og_description"] : (function () { throw new RuntimeError('Variable "og_description" does not exist.'18$this->source); })()), "html"nulltrue)) : (yield "HoneyBee โ€” The digital operating layer for EPC, energy, and multi-site industrial operations. Unify finance, projects, IoT, Edge+ site intelligence, billing and AI reporting. From โ‚ฌ7.99/user/month."));
  63.             yield "\">
  64.     <meta name=\"keywords\"
  65.           content=\"HoneyBee, EPC software, system integrator platform, energy asset management, IoT Edge+ deployment, project lifecycle software, industrial operations, DATEV accounting, multi-site management\">
  66.     <meta name=\"author\" content=\"HoneyBee Ecosystem\">
  67.     <title id=\"pageTitle\">";
  68.             // line 22
  69.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["page_title"]) || array_key_exists("page_title"$context) ? $context["page_title"] : (function () { throw new RuntimeError('Variable "page_title" does not exist.'22$this->source); })()), "html"nulltrue);
  70.             yield "</title>
  71.     <meta property=\"og:title\" content=\"";
  72.             // line 24
  73.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(((array_key_exists("og_title"$context)) ? ((isset($context["og_title"]) || array_key_exists("og_title"$context) ? $context["og_title"] : (function () { throw new RuntimeError('Variable "og_title" does not exist.'24$this->source); })())) : ((isset($context["page_title"]) || array_key_exists("page_title"$context) ? $context["page_title"] : (function () { throw new RuntimeError('Variable "page_title" does not exist.'24$this->source); })()))), "html"nulltrue);
  74.             yield "\"/>
  75.     <meta property=\"og:description\"
  76.           content=\"";
  77.             // line 26
  78.             ((array_key_exists("og_description"$context)) ? (yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape((isset($context["og_description"]) || array_key_exists("og_description"$context) ? $context["og_description"] : (function () { throw new RuntimeError('Variable "og_description" does not exist.'26$this->source); })()), "html"nulltrue)) : (yield "HoneyBee โ€” Operating system for EPC companies, system integrators, energy asset owners, and multi-site industrial businesses."));
  79.             yield "\"/>
  80.     <meta property=\"og:image\"
  81.           content=\"";
  82.             // line 28
  83.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(((array_key_exists("og_image"$context)) ? (($this->extensions['Symfony\Bridge\Twig\Extension\HttpFoundationExtension']->generateAbsoluteUrl($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("dashboard")) . (isset($context["og_image"]) || array_key_exists("og_image"$context) ? $context["og_image"] : (function () { throw new RuntimeError('Variable "og_image" does not exist.'28$this->source); })()))) : (($this->extensions['Symfony\Bridge\Twig\Extension\HttpFoundationExtension']->generateAbsoluteUrl($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("dashboard")) . "honeybee_web_assets/icons/honeybeeicon.svg"))), "html"nulltrue);
  84.             yield "\"/>
  85.     ";
  86.             // line 29
  87.             $context["_noindex_routes"] = ["user_login""sign_up""reset_password""verify_email""verify_otp""reset_new_password""honeybee_otp_verification"];
  88.             // line 30
  89.             yield "    ";
  90.             if (CoreExtension::inFilter(CoreExtension::getAttribute($this->env$this->sourceCoreExtension::getAttribute($this->env$this->source, (isset($context["app"]) || array_key_exists("app"$context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.'30$this->source); })()), "request", [], "any"falsefalsefalse30), "get", ["_route"], "method"falsefalsefalse30), (isset($context["_noindex_routes"]) || array_key_exists("_noindex_routes"$context) ? $context["_noindex_routes"] : (function () { throw new RuntimeError('Variable "_noindex_routes" does not exist.'30$this->source); })()))) {
  91.                 // line 31
  92.                 yield "        <meta name=\"robots\" content=\"noindex, nofollow\">
  93.     ";
  94.             } else {
  95.                 // line 33
  96.                 yield "        <meta name=\"robots\" content=\"index, follow\">
  97.     ";
  98.             }
  99.             // line 35
  100.             yield "
  101.     ";
  102.             // line 37
  103.             yield "    <link rel=\"shortcut icon\" type=\"image/x-icon\"
  104.           href=\"";
  105.             // line 38
  106.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("favicon.ico"), "html"nulltrue);
  107.             yield "?v=";
  108.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::constant("ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION"), "html"nulltrue);
  109.             yield "\">
  110.     <link rel=\"apple-touch-icon\" sizes=\"180x180\"
  111.           href=\"";
  112.             // line 40
  113.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("apple-icon.png"), "html"nulltrue);
  114.             yield "?v=";
  115.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::constant("ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION"), "html"nulltrue);
  116.             yield "\">
  117.     <link rel=\"icon\" type=\"image/png\" sizes=\"32x32\"
  118.           href=\"";
  119.             // line 42
  120.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("favicon-32x32.png"), "html"nulltrue);
  121.             yield "?v=";
  122.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::constant("ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION"), "html"nulltrue);
  123.             yield "\">
  124.     <link rel=\"icon\" type=\"image/png\" sizes=\"16x16\"
  125.           href=\"";
  126.             // line 44
  127.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("favicon-16x16.png"), "html"nulltrue);
  128.             yield "?v=";
  129.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::constant("ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION"), "html"nulltrue);
  130.             yield "\">
  131.     <link rel=\"manifest\" href=\"";
  132.             // line 45
  133.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("site.webmanifest"), "html"nulltrue);
  134.             yield "\">
  135.     <link rel=\"mask-icon\" href=\"";
  136.             // line 46
  137.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\AssetExtension']->getAssetUrl("safari-pinned-tab.svg"), "html"nulltrue);
  138.             yield "\" color=\"#C07D2A\">
  139.     <meta name=\"msapplication-TileColor\" content=\"#1A1D2E\">
  140.     <meta name=\"theme-color\" content=\"#F7F5F0\">
  141.     ";
  142.             // line 51
  143.             yield "    <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">
  144.     <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>
  145.     <link href=\"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Montserrat:wght@500&display=swap\"
  146.           rel=\"stylesheet\">
  147.     <link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">
  148.     ";
  149.             // line 58
  150.             yield "    <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css\"
  151.           integrity=\"sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==\"
  152.           crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\">
  153.     <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css\">
  154.     <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css\">
  155.     <link rel=\"stylesheet\"
  156.           href=\"https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-datetimepicker/2.7.1/css/bootstrap-material-datetimepicker.min.css\">
  157.     <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.13.3/css/selectize.css\">
  158.     <link rel=\"stylesheet\"
  159.           href=\"";
  160.             // line 67
  161.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\HttpFoundationExtension']->generateAbsoluteUrl($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("dashboard")), "html"nulltrue);
  162.             yield "honeybee_web_assets/css/bootstrap.css?v=";
  163.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::constant("ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION"), "html"nulltrue);
  164.             yield "\">
  165.     <link rel=\"stylesheet\"
  166.           href=\"";
  167.             // line 69
  168.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\HttpFoundationExtension']->generateAbsoluteUrl($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("dashboard")), "html"nulltrue);
  169.             yield "honeybee_web_assets/css/style.css?v=";
  170.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::constant("ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION"), "html"nulltrue);
  171.             yield "\">
  172.     <link rel=\"stylesheet\" id=\"dark-theme-css\"
  173.           href=\"";
  174.             // line 71
  175.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\HttpFoundationExtension']->generateAbsoluteUrl($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("dashboard")), "html"nulltrue);
  176.             yield "honeybee_web_assets/css/dark.css?v=";
  177.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::constant("ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION"), "html"nulltrue);
  178.             yield "\"
  179.           disabled=\"true\">
  180.     <link rel=\"stylesheet\"
  181.           href=\"";
  182.             // line 74
  183.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\HttpFoundationExtension']->generateAbsoluteUrl($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("dashboard")), "html"nulltrue);
  184.             yield "honeybee_web_assets/css/responsive.css?v=";
  185.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::constant("ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION"), "html"nulltrue);
  186.             yield "\">
  187.     <link rel=\"stylesheet\"
  188.           href=\"";
  189.             // line 76
  190.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\HttpFoundationExtension']->generateAbsoluteUrl($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("dashboard")), "html"nulltrue);
  191.             yield "honeybee_web_assets/css/central_responsive.css?v=";
  192.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::constant("ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION"), "html"nulltrue);
  193.             yield "\">
  194.     <link rel=\"stylesheet\"
  195.           href=\"";
  196.             // line 78
  197.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\HttpFoundationExtension']->generateAbsoluteUrl($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("dashboard")), "html"nulltrue);
  198.             yield "honeybee_web_assets/css/temporary_inline.css?v=";
  199.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::constant("ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION"), "html"nulltrue);
  200.             yield "\">
  201.     ";
  202.             // line 81
  203.             yield "    <style>";
  204.             if ((!== CoreExtension::compare(CoreExtension::getAttribute($this->env$this->sourceCoreExtension::getAttribute($this->env$this->source, (isset($context["app"]) || array_key_exists("app"$context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.'81$this->source); })()), "session", [], "any"falsefalsefalse81), "get", ["devAdminMode"], "method"falsefalsefalse81), 1))) {
  205.                 yield ".sf-toolbar {
  206.             display: none !important
  207.         }";
  208.             }
  209.             // line 83
  210.             yield "</style>
  211.     ";
  212.             // line 86
  213.             yield "    <style>
  214.         #hb-preloader {
  215.             position: fixed;
  216.             top: 0;
  217.             left: 0;
  218.             width: 100%;
  219.             height: 100vh;
  220.             background: #F7F5F0;
  221.             display: flex;
  222.             flex-direction: column;
  223.             justify-content: center;
  224.             align-items: center;
  225.             z-index: 99999;
  226.         }
  227.         .hb-pre-logo {
  228.             display: flex;
  229.             align-items: center;
  230.             gap: 12px;
  231.             margin-bottom: 28px;
  232.         }
  233.         .hb-pre-logo img {
  234.             width: 34px;
  235.             height: 34px;
  236.         }
  237.         .hb-pre-logo span {
  238.             font-family: 'DM Sans', sans-serif;
  239.             font-size: 17px;
  240.             font-weight: 800;
  241.             color: #1A1D2E;
  242.             letter-spacing: -.01em;
  243.         }
  244.         .hb-pre-logo span b {
  245.             color: #C07D2A;
  246.             font-weight: 800;
  247.         }
  248.         .hb-pre-bar-wrap {
  249.             width: 120px;
  250.             height: 2px;
  251.             background: rgba(26, 29, 46, .08);
  252.             border-radius: 2px;
  253.             overflow: hidden;
  254.         }
  255.         .hb-pre-bar {
  256.             height: 100%;
  257.             width: 40%;
  258.             background: #C07D2A;
  259.             border-radius: 2px;
  260.             animation: hb-slide 1.5s ease-in-out infinite;
  261.         }
  262.         @keyframes hb-slide {
  263.             0% {
  264.                 transform: translateX(-100%);
  265.             }
  266.             50% {
  267.                 transform: translateX(250%);
  268.             }
  269.             100% {
  270.                 transform: translateX(-100%);
  271.             }
  272.         }
  273.     </style>
  274.     ";
  275.             // line 156
  276.             yield "    <script>
  277.         var logger = (function () {
  278.             var _old = null, pub = {};
  279.             pub.enableLogger = function () {
  280.                 if (_old) window['console']['log'] = _old;
  281.             };
  282.             pub.disableLogger = function () {
  283.                 _old = console.log;
  284.                 window['console']['log'] = function () {
  285.                 };
  286.             };
  287.             return pub;
  288.         }());
  289.         ";
  290.             // line 169
  291.             if ((!== CoreExtension::compare(CoreExtension::getAttribute($this->env$this->sourceCoreExtension::getAttribute($this->env$this->source, (isset($context["app"]) || array_key_exists("app"$context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.'169$this->source); })()), "session", [], "any"falsefalsefalse169), "get", ["devAdminMode"], "method"falsefalsefalse169), 1))) {
  292.                 // line 170
  293.                 yield "        window['console']['log'] = function () {
  294.         };
  295.         ";
  296.             }
  297.             // line 173
  298.             yield "    </script>
  299.     <script>
  300.         function changeTheme(isDark) {
  301.             var darkCss = document.getElementById('dark-theme-css');
  302.             var cb = document.getElementById('theme-toggle-checkbox');
  303.             var track = document.getElementById('hbThemeTrack');
  304.             document.querySelectorAll('img').forEach(function (img) {
  305.                 if (isDark) {
  306.                     img.src = img.src.replace('/honeybee_web_assets/', '/honeybee_web_assets/dark/');
  307.                 } else {
  308.                     img.src = img.src.replace('/honeybee_web_assets/dark/', '/honeybee_web_assets/');
  309.                 }
  310.             });
  311.             if (darkCss) darkCss.disabled = !isDark;
  312.             if (cb) cb.checked = isDark;
  313.             if (track) track.classList.toggle('hb-dark', isDark);
  314.             localStorage.setItem('theme', isDark ? 'dark' : 'light');
  315.         }
  316.     </script>
  317.     <script>if (typeof module === 'object') {
  318.             window.module = module;
  319.             module = undefined;
  320.         }</script>
  321.     <script src=\"https://code.jquery.com/jquery-3.4.1.min.js\"
  322.             integrity=\"sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=\" crossorigin=\"anonymous\"></script>
  323.     <script data-ad-client=\"ca-pub-8286883017903771\" async
  324.             src=\"https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js\"></script>
  325.     <script>var BaseURL = '";
  326.             // line 203
  327.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("dashboard");
  328.             yield "';</script>
  329. </head>
  330. ";
  331.             // line 207
  332.             yield "<script async src=\"https://www.googletagmanager.com/gtag/js?id=G-V22132YMJ3\"></script>
  333. <script>
  334.     window.dataLayer = window.dataLayer || [];
  335.     function gtag() {
  336.         dataLayer.push(arguments);
  337.     }
  338.     gtag('js', new Date());
  339.     gtag('config', 'G-V22132YMJ3');
  340. </script>
  341. ";
  342.             // line 220
  343.             $context["BUDDYBEE_ADMIN_LEVEL"] = 0;
  344.             // line 221
  345.             $context["isConsultant"] = 0;
  346.             // line 222
  347.             if (CoreExtension::getAttribute($this->env$this->source, ($context["session"] ?? null), CoreExtension::getAttribute($this->env$this->source, (isset($context["UserConstants"]) || array_key_exists("UserConstants"$context) ? $context["UserConstants"] : (function () { throw new RuntimeError('Variable "UserConstants" does not exist.'222$this->source); })()), "USER_ID", [], "any"falsefalsefalse222), [], "array"truetruefalse222)) {
  348.                 // line 223
  349.                 yield "    ";
  350.                 $context["isConsultant"] = ((CoreExtension::getAttribute($this->env$this->source, ($context["session"] ?? null), CoreExtension::getAttribute($this->env$this->source, (isset($context["UserConstants"]) || array_key_exists("UserConstants"$context) ? $context["UserConstants"] : (function () { throw new RuntimeError('Variable "UserConstants" does not exist.'223$this->source); })()), "IS_CONSULTANT", [], "any"falsefalsefalse223), [], "array"truetruefalse223)) ? (CoreExtension::getAttribute($this->env$this->source, (isset($context["session"]) || array_key_exists("session"$context) ? $context["session"] : (function () { throw new RuntimeError('Variable "session" does not exist.'223$this->source); })()), CoreExtension::getAttribute($this->env$this->source, (isset($context["UserConstants"]) || array_key_exists("UserConstants"$context) ? $context["UserConstants"] : (function () { throw new RuntimeError('Variable "UserConstants" does not exist.'223$this->source); })()), "IS_CONSULTANT", [], "any"falsefalsefalse223), [], "array"falsefalsefalse223)) : (0));
  351.                 // line 224
  352.                 yield "    ";
  353.                 $context["BUDDYBEE_ADMIN_LEVEL"] = ((CoreExtension::getAttribute($this->env$this->source, ($context["session"] ?? null), CoreExtension::getAttribute($this->env$this->source, (isset($context["UserConstants"]) || array_key_exists("UserConstants"$context) ? $context["UserConstants"] : (function () { throw new RuntimeError('Variable "UserConstants" does not exist.'224$this->source); })()), "BUDDYBEE_ADMIN_LEVEL", [], "any"falsefalsefalse224), [], "array"truetruefalse224)) ? (CoreExtension::getAttribute($this->env$this->source, (isset($context["session"]) || array_key_exists("session"$context) ? $context["session"] : (function () { throw new RuntimeError('Variable "session" does not exist.'224$this->source); })()), CoreExtension::getAttribute($this->env$this->source, (isset($context["UserConstants"]) || array_key_exists("UserConstants"$context) ? $context["UserConstants"] : (function () { throw new RuntimeError('Variable "UserConstants" does not exist.'224$this->source); })()), "BUDDYBEE_ADMIN_LEVEL", [], "any"falsefalsefalse224), [], "array"falsefalsefalse224)) : (0));
  354.             }
  355.             // line 226
  356.             yield "
  357. ";
  358.             // line 228
  359.             if ((<= CoreExtension::compare((isset($context["BUDDYBEE_ADMIN_LEVEL"]) || array_key_exists("BUDDYBEE_ADMIN_LEVEL"$context) ? $context["BUDDYBEE_ADMIN_LEVEL"] : (function () { throw new RuntimeError('Variable "BUDDYBEE_ADMIN_LEVEL" does not exist.'228$this->source); })()), 1))) {
  360.                 // line 229
  361.                 yield "<body class=\"buddybee_body has_admin_bar body-mask\">
  362. ";
  363.             } elseif (CoreExtension::getAttribute($this->env$this->source,             // line 230
  364. ($context["session"] ?? null), CoreExtension::getAttribute($this->env$this->source, (isset($context["UserConstants"]) || array_key_exists("UserConstants"$context) ? $context["UserConstants"] : (function () { throw new RuntimeError('Variable "UserConstants" does not exist.'230$this->source); })()), "USER_ID", [], "any"falsefalsefalse230), [], "array"truetruefalse230)) {
  365.                 // line 231
  366.                 yield "<body class=\"buddybee_body body-mask\">
  367. ";
  368.             } else {
  369.                 // line 233
  370.                 yield "<body class=\"body-mask\">
  371. ";
  372.             }
  373.             // line 235
  374.             yield "
  375. ";
  376.             // line 237
  377.             yield "<div id=\"hb-preloader\">
  378.     <div class=\"hb-pre-logo\">
  379.         <img src=\"";
  380.             // line 239
  381.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\HttpFoundationExtension']->generateAbsoluteUrl($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("dashboard")), "html"nulltrue);
  382.             yield "honeybee_web_assets/icons/honeybeeicon.svg?v=";
  383.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::constant("ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION"), "html"nulltrue);
  384.             yield "\"
  385.              alt=\"HoneyBee\">
  386.         <span>Honey<b>Bee</b></span>
  387.     </div>
  388.     <div class=\"hb-pre-bar-wrap\">
  389.         <div class=\"hb-pre-bar\"></div>
  390.     </div>
  391. </div>
  392. ";
  393.             // line 249
  394.             yield "<div id=\"buddybee_processing_loader\">
  395.     <div><p>Processing</p></div>
  396. </div>
  397. ";
  398.             // line 256
  399.             yield "<style>
  400.     /* โ”€โ”€ Design tokens โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  401.     :root {
  402.         --hb-ink: #1A1D2E;
  403.         --hb-ink-2: #252840;
  404.         --hb-amber: #C07D2A;
  405.         --hb-amber-lt: #D4954A;
  406.         --hb-muted: #6B6E7F;
  407.         --hb-border: rgba(26, 29, 46, .08);
  408.         --hb-border-md: rgba(26, 29, 46, .14);
  409.         --hb-cream: #F7F5F0;
  410.         --hb-white: #FFFFFF;
  411.         --hb-shadow: 0 2px 20px rgba(26, 29, 46, .07);
  412.         --hb-shadow-lg: 0 8px 32px rgba(26, 29, 46, .10);
  413.         --hb-radius: 10px;
  414.         --hb-font: 'DM Sans', 'Gilroy', system-ui, sans-serif;
  415.     }
  416.     /* โ”€โ”€ Navbar shell โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  417.     .hb-navbar {
  418.         position: fixed;
  419.         top: 0;
  420.         left: 0;
  421.         right: 0;
  422.         z-index: 9999;
  423.         background: rgba(247, 245, 240, .97);
  424.         backdrop-filter: blur(20px) saturate(180%);
  425.         -webkit-backdrop-filter: blur(20px) saturate(180%);
  426.         border-bottom: 1px solid var(--hb-border);
  427.         transition: box-shadow .2s, border-color .2s;
  428.         font-family: var(--hb-font);
  429.     }
  430.     .hb-navbar.hb-scrolled {
  431.         box-shadow: var(--hb-shadow);
  432.         border-color: var(--hb-border-md);
  433.     }
  434.     /* โ”€โ”€ Inner container โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  435.     .hb-nav-inner {
  436.         max-width: 1280px;
  437.         margin: 0 auto;
  438.         padding: 0 28px;
  439.         height: 64px;
  440.         display: flex;
  441.         align-items: center;
  442.         gap: 24px;
  443.     }
  444.     /* โ”€โ”€ Brand โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  445.     .hb-brand {
  446.         display: flex;
  447.         align-items: center;
  448.         gap: 9px;
  449.         text-decoration: none;
  450.         flex-shrink: 0;
  451.     }
  452.     .hb-brand img {
  453.         height: 30px;
  454.         width: auto;
  455.     }
  456.     .hb-brand-name {
  457.         font-size: 15.5px;
  458.         font-weight: 800;
  459.         color: var(--hb-ink);
  460.         letter-spacing: -.01em;
  461.         line-height: 1;
  462.     }
  463.     .hb-brand-name b {
  464.         color: var(--hb-amber);
  465.         font-weight: 800;
  466.     }
  467.     /* โ”€โ”€ Nav links โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  468.     .hb-links {
  469.         display: flex;
  470.         align-items: center;
  471.         gap: 2px;
  472.         list-style: none;
  473.         margin: 0;
  474.         padding: 0;
  475.         flex: 1;
  476.     }
  477.     .hb-links .hb-link > a,
  478.     .hb-links .hb-drop > a {
  479.         display: inline-flex;
  480.         align-items: center;
  481.         gap: 5px;
  482.         padding: 7px 11px;
  483.         font-size: 13.5px;
  484.         font-weight: 500;
  485.         color: var(--hb-muted);
  486.         text-decoration: none;
  487.         border-radius: 7px;
  488.         white-space: nowrap;
  489.         transition: color .15s, background .15s;
  490.         position: relative;
  491.     }
  492.     .hb-links .hb-link > a:hover,
  493.     .hb-links .hb-drop > a:hover {
  494.         color: var(--hb-ink);
  495.         background: rgba(26, 29, 46, .04);
  496.     }
  497.     .hb-links .hb-link > a.active {
  498.         color: var(--hb-ink);
  499.         font-weight: 600;
  500.     }
  501.     .hb-links .hb-link > a.active::after {
  502.         content: '';
  503.         position: absolute;
  504.         bottom: 2px;
  505.         left: 11px;
  506.         right: 11px;
  507.         height: 1.5px;
  508.         background: var(--hb-amber);
  509.         border-radius: 2px;
  510.     }
  511.     /* โ”€โ”€ Dropdown โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  512.     .hb-drop {
  513.         position: relative;
  514.     }
  515.     .hb-caret {
  516.         font-size: 9px;
  517.         opacity: .5;
  518.         transition: transform .2s;
  519.     }
  520.     .hb-drop:hover .hb-caret {
  521.         transform: rotate(180deg);
  522.     }
  523.     .hb-dd-menu {
  524.         position: absolute;
  525.         top: 100%;
  526.         left: 50%;
  527.         transform: translateX(-50%) translateY(0);
  528.         min-width: 195px;
  529.         background: var(--hb-white);
  530.         border: 1px solid var(--hb-border-md);
  531.         border-radius: var(--hb-radius);
  532.         box-shadow: var(--hb-shadow-lg);
  533.         padding: 6px;
  534.         padding-top: 12px; /* gap lives inside โ†’ no dead zone */
  535.         opacity: 0;
  536.         pointer-events: none;
  537.         transition: opacity .16s, transform .16s;
  538.         transition-delay: 0s, 0s; /* show instantly */
  539.         list-style: none;
  540.         margin: 0;
  541.         z-index: 10001;
  542.     }
  543.     .hb-drop:hover .hb-dd-menu,
  544.     .hb-dd-menu:hover {
  545.         opacity: 1;
  546.         pointer-events: all;
  547.         transform: translateX(-50%) translateY(0);
  548.     }
  549.     .hb-drop:not(:hover) .hb-dd-menu:not(:hover) {
  550.         transition-delay: .12s;
  551.     }
  552.     /* slight lag on hide */
  553.     .hb-dd-menu li a {
  554.         display: block;
  555.         padding: 8px 12px;
  556.         font-size: 13px;
  557.         font-weight: 500;
  558.         color: var(--hb-muted);
  559.         text-decoration: none;
  560.         border-radius: 6px;
  561.         transition: color .12s, background .12s;
  562.     }
  563.     .hb-dd-menu li a:hover {
  564.         color: var(--hb-ink);
  565.         background: rgba(26, 29, 46, .04);
  566.     }
  567.     .hb-dd-menu li a.active {
  568.         color: var(--hb-ink);
  569.         font-weight: 600;
  570.     }
  571.     .hb-dd-div {
  572.         height: 1px;
  573.         background: var(--hb-border);
  574.         margin: 4px 6px;
  575.     }
  576.     /* โ”€โ”€ Right side โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  577.     .hb-nav-right {
  578.         display: flex;
  579.         align-items: center;
  580.         gap: 6px;
  581.         flex-shrink: 0;
  582.     }
  583.     /* โ”€โ”€ Language switcher โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  584.     .hb-lang {
  585.         position: relative;
  586.     }
  587.     .hb-lang-btn {
  588.         display: flex;
  589.         align-items: center;
  590.         gap: 5px;
  591.         padding: 6px 10px;
  592.         font-size: 12.5px;
  593.         font-weight: 600;
  594.         color: var(--hb-muted);
  595.         background: none;
  596.         border: 1px solid var(--hb-border);
  597.         border-radius: 7px;
  598.         cursor: pointer;
  599.         transition: all .15s;
  600.         font-family: var(--hb-font);
  601.     }
  602.     .hb-lang-btn:hover {
  603.         color: var(--hb-ink);
  604.         border-color: var(--hb-border-md);
  605.         background: rgba(26, 29, 46, .03);
  606.     }
  607.     .hb-lang-menu {
  608.         position: absolute;
  609.         top: 100%;
  610.         right: 0;
  611.         min-width: 155px;
  612.         background: var(--hb-white);
  613.         border: 1px solid var(--hb-border-md);
  614.         border-radius: var(--hb-radius);
  615.         box-shadow: var(--hb-shadow-lg);
  616.         padding: 6px;
  617.         padding-top: 10px; /* gap lives inside โ†’ no dead zone */
  618.         opacity: 0;
  619.         pointer-events: none;
  620.         transform: translateY(0);
  621.         transition: opacity .15s;
  622.         z-index: 10001;
  623.         list-style: none;
  624.         margin: 0;
  625.     }
  626.     .hb-lang:hover .hb-lang-menu,
  627.     .hb-lang-menu:hover {
  628.         opacity: 1;
  629.         pointer-events: all;
  630.     }
  631.     .hb-lang:not(:hover) .hb-lang-menu:not(:hover) {
  632.         transition-delay: .12s;
  633.     }
  634.     .hb-lang-menu li a {
  635.         display: block;
  636.         padding: 7px 12px;
  637.         font-size: 13px;
  638.         font-weight: 500;
  639.         color: var(--hb-muted);
  640.         text-decoration: none;
  641.         border-radius: 6px;
  642.         transition: all .12s;
  643.     }
  644.     .hb-lang-menu li a:hover {
  645.         color: var(--hb-ink);
  646.         background: rgba(26, 29, 46, .04);
  647.     }
  648.     /* โ”€โ”€ User dropdown โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  649.     .hb-user {
  650.         position: relative;
  651.     }
  652.     .hb-user-btn {
  653.         display: flex;
  654.         align-items: center;
  655.         gap: 7px;
  656.         background: none;
  657.         border: none;
  658.         cursor: pointer;
  659.         padding: 4px 6px;
  660.         border-radius: 8px;
  661.         transition: background .15s;
  662.     }
  663.     .hb-user-btn:hover {
  664.         background: rgba(26, 29, 46, .05);
  665.     }
  666.     .hb-user-avatar {
  667.         width: 30px;
  668.         height: 30px;
  669.         border-radius: 50%;
  670.         background-size: cover !important;
  671.         background-position: center !important;
  672.         border: 1.5px solid var(--hb-border-md);
  673.         flex-shrink: 0;
  674.     }
  675.     .hb-user-name {
  676.         font-size: 13px;
  677.         font-weight: 600;
  678.         color: var(--hb-ink);
  679.         max-width: 110px;
  680.         white-space: nowrap;
  681.         overflow: hidden;
  682.         text-overflow: ellipsis;
  683.     }
  684.     .hb-user-menu {
  685.         position: absolute;
  686.         top: 100%;
  687.         right: 0;
  688.         min-width: 185px;
  689.         background: var(--hb-white);
  690.         border: 1px solid var(--hb-border-md);
  691.         border-radius: var(--hb-radius);
  692.         box-shadow: var(--hb-shadow-lg);
  693.         padding: 6px;
  694.         padding-top: 12px; /* gap lives inside โ†’ no dead zone */
  695.         opacity: 0;
  696.         pointer-events: none;
  697.         transform: translateY(0);
  698.         transition: opacity .15s;
  699.         z-index: 10001;
  700.         list-style: none;
  701.         margin: 0;
  702.     }
  703.     .hb-user:hover .hb-user-menu {
  704.         opacity: 1;
  705.         pointer-events: all;
  706.     }
  707.     .hb-user:not(:hover) .hb-user-menu:not(:hover) {
  708.         transition-delay: .12s;
  709.     }
  710.     .hb-user-menu li a {
  711.         display: flex;
  712.         align-items: center;
  713.         gap: 8px;
  714.         padding: 8px 12px;
  715.         font-size: 13px;
  716.         font-weight: 500;
  717.         color: var(--hb-muted);
  718.         text-decoration: none;
  719.         border-radius: 6px;
  720.         transition: all .12s;
  721.     }
  722.     .hb-user-menu li a:hover {
  723.         color: var(--hb-ink);
  724.         background: rgba(26, 29, 46, .04);
  725.     }
  726.     .hb-user-menu li a i {
  727.         font-size: 12px;
  728.         width: 14px;
  729.         opacity: .5;
  730.     }
  731.     .hb-u-div {
  732.         height: 1px;
  733.         background: var(--hb-border);
  734.         margin: 4px 6px;
  735.     }
  736.     /* โ”€โ”€ Auth + Companies buttons โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  737.     .hb-btn-login {
  738.         padding: 7px 16px;
  739.         font-size: 13px;
  740.         font-weight: 600;
  741.         color: var(--hb-ink);
  742.         background: none;
  743.         border: 1.5px solid var(--hb-border-md);
  744.         border-radius: 8px;
  745.         text-decoration: none;
  746.         transition: all .15s;
  747.     }
  748.     .hb-btn-login:hover {
  749.         color: var(--hb-ink);
  750.         border-color: var(--hb-ink);
  751.         background: rgba(26, 29, 46, .03);
  752.     }
  753.     .hb-btn-signup {
  754.         padding: 7px 16px;
  755.         font-size: 13px;
  756.         font-weight: 700;
  757.         color: #fff;
  758.         background: var(--hb-ink);
  759.         border: 1.5px solid transparent;
  760.         border-radius: 8px;
  761.         text-decoration: none;
  762.         transition: all .15s;
  763.     }
  764.     .hb-btn-signup:hover {
  765.         color: #fff;
  766.         background: var(--hb-ink-2);
  767.         box-shadow: 0 4px 14px rgba(26, 29, 46, .2);
  768.     }
  769.     .hb-btn-companies {
  770.         display: inline-flex;
  771.         align-items: center;
  772.         gap: 6px;
  773.         padding: 7px 15px;
  774.         font-size: 13px;
  775.         font-weight: 700;
  776.         color: #fff;
  777.         background: var(--hb-amber);
  778.         border: none;
  779.         border-radius: 8px;
  780.         text-decoration: none;
  781.         transition: all .15s;
  782.     }
  783.     .hb-btn-companies:hover {
  784.         color: #fff;
  785.         background: var(--hb-amber-lt);
  786.         box-shadow: 0 4px 14px rgba(192, 125, 42, .28);
  787.     }
  788.     /* โ”€โ”€ Switch-user panel (admin only) โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  789.     .hb-switch {
  790.         position: relative;
  791.     }
  792.     .hb-switch-btn {
  793.         padding: 6px 11px;
  794.         font-size: 12px;
  795.         font-weight: 600;
  796.         color: var(--hb-muted);
  797.         background: none;
  798.         border: 1px solid var(--hb-border);
  799.         border-radius: 7px;
  800.         cursor: pointer;
  801.         font-family: var(--hb-font);
  802.         transition: all .15s;
  803.     }
  804.     .hb-switch-btn:hover {
  805.         color: var(--hb-ink);
  806.         border-color: var(--hb-border-md);
  807.     }
  808.     .hb-switch-panel {
  809.         position: absolute;
  810.         top: 100%;
  811.         right: 0;
  812.         min-width: 225px;
  813.         background: var(--hb-white);
  814.         border: 1px solid var(--hb-border-md);
  815.         border-radius: var(--hb-radius);
  816.         box-shadow: var(--hb-shadow-lg);
  817.         padding: 10px;
  818.         padding-top: 14px; /* gap lives inside โ†’ no dead zone */
  819.         opacity: 0;
  820.         pointer-events: none;
  821.         transform: translateY(0);
  822.         transition: opacity .15s;
  823.         z-index: 10001;
  824.         list-style: none;
  825.         margin: 0;
  826.     }
  827.     .hb-switch:hover .hb-switch-panel {
  828.         opacity: 1;
  829.         pointer-events: all;
  830.     }
  831.     .hb-switch:not(:hover) .hb-switch-panel:not(:hover) {
  832.         transition-delay: .12s;
  833.     }
  834.     .hb-switch-panel li a {
  835.         display: block;
  836.         padding: 8px 10px;
  837.         font-size: 13px;
  838.         font-weight: 500;
  839.         color: var(--hb-muted);
  840.         text-decoration: none;
  841.         border-radius: 6px;
  842.         transition: all .12s;
  843.     }
  844.     .hb-switch-panel li a:hover {
  845.         color: var(--hb-ink);
  846.         background: rgba(26, 29, 46, .04);
  847.     }
  848.     .hb-sw-div {
  849.         height: 1px;
  850.         background: var(--hb-border);
  851.         margin: 6px 0;
  852.     }
  853.     .hb-switch-panel select {
  854.         width: 100%;
  855.         font-size: 12px;
  856.         font-family: var(--hb-font);
  857.         border: 1px solid var(--hb-border-md);
  858.         border-radius: 6px;
  859.         padding: 6px 8px;
  860.         color: var(--hb-ink);
  861.         background: var(--hb-cream);
  862.     }
  863.     /* โ”€โ”€ Theme toggle โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  864.     .hb-theme {
  865.         display: flex;
  866.         align-items: center;
  867.         gap: 6px;
  868.         padding: 0 2px;
  869.     }
  870.     .hb-theme-img {
  871.         width: 14px;
  872.         height: 14px;
  873.         opacity: .45;
  874.         display: block;
  875.     }
  876.     #theme-toggle-checkbox {
  877.         display: none;
  878.     }
  879.     .hb-theme-track {
  880.         position: relative;
  881.         width: 34px;
  882.         height: 19px;
  883.         background: rgba(26, 29, 46, .14);
  884.         border-radius: 10px;
  885.         cursor: pointer;
  886.         transition: background .2s;
  887.         flex-shrink: 0;
  888.         display: block;
  889.     }
  890.     .hb-theme-track::after {
  891.         content: '';
  892.         position: absolute;
  893.         top: 2px;
  894.         left: 2px;
  895.         width: 15px;
  896.         height: 15px;
  897.         background: white;
  898.         border-radius: 50%;
  899.         box-shadow: 0 1px 4px rgba(0, 0, 0, .18);
  900.         transition: transform .2s;
  901.     }
  902.     .hb-theme-track.hb-dark {
  903.         background: var(--hb-amber);
  904.     }
  905.     .hb-theme-track.hb-dark::after {
  906.         transform: translateX(15px);
  907.     }
  908.     /* โ”€โ”€ Mobile hamburger โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  909.     .hb-toggler {
  910.         display: none;
  911.         background: none;
  912.         border: none;
  913.         cursor: pointer;
  914.         padding: 8px;
  915.         flex-direction: column;
  916.         gap: 5px;
  917.         border-radius: 7px;
  918.         margin-left: auto;
  919.         flex-shrink: 0;
  920.         transition: background .15s;
  921.     }
  922.     .hb-toggler:hover {
  923.         background: rgba(26, 29, 46, .06);
  924.     }
  925.     .hb-toggler span {
  926.         display: block;
  927.         width: 21px;
  928.         height: 1.5px;
  929.         background: var(--hb-ink);
  930.         border-radius: 2px;
  931.         transition: all .22s;
  932.     }
  933.     .hb-toggler.hb-open span:nth-child(1) {
  934.         transform: rotate(45deg) translate(4.5px, 4.5px);
  935.     }
  936.     .hb-toggler.hb-open span:nth-child(2) {
  937.         opacity: 0;
  938.         transform: scaleX(0);
  939.     }
  940.     .hb-toggler.hb-open span:nth-child(3) {
  941.         transform: rotate(-45deg) translate(4.5px, -4.5px);
  942.     }
  943.     /* โ”€โ”€ Responsive โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  944.     @media (max-width: 1024px) {
  945.         .hb-toggler {
  946.             display: flex;
  947.         }
  948.         .hb-links, .hb-nav-right {
  949.             display: none;
  950.         }
  951.         .hb-nav-inner {
  952.             height: 56px;
  953.         }
  954.         .hb-navbar.hb-open .hb-nav-inner {
  955.             height: auto;
  956.             flex-wrap: wrap;
  957.             padding-top: 12px;
  958.             padding-bottom: 14px;
  959.             align-items: flex-start;
  960.         }
  961.         .hb-navbar.hb-open .hb-links {
  962.             display: flex;
  963.             flex-direction: column;
  964.             align-items: flex-start;
  965.             width: 100%;
  966.             flex: 0 0 100%;
  967.             gap: 2px; /* flex: 0 0 100% overrides base flex:1 to force row wrap */
  968.         }
  969.         .hb-navbar.hb-open .hb-links .hb-link,
  970.         .hb-navbar.hb-open .hb-links .hb-drop {
  971.             width: 100%;
  972.         }
  973.         .hb-navbar.hb-open .hb-links .hb-link > a,
  974.         .hb-navbar.hb-open .hb-links .hb-drop > a {
  975.             width: 100%;
  976.             justify-content: space-between;
  977.         }
  978.         .hb-navbar.hb-open .hb-dd-menu {
  979.             position: static;
  980.             transform: none;
  981.             opacity: 0;
  982.             pointer-events: none;
  983.             display: none;
  984.             box-shadow: none;
  985.             border: none;
  986.             background: rgba(26, 29, 46, .03);
  987.             border-radius: 7px;
  988.             margin: 2px 0 2px 12px;
  989.         }
  990.         .hb-navbar.hb-open .hb-drop.hb-mob-open .hb-dd-menu {
  991.             display: block;
  992.             opacity: 1;
  993.             pointer-events: all;
  994.         }
  995.         .hb-navbar.hb-open .hb-nav-right {
  996.             display: flex;
  997.             flex-wrap: wrap;
  998.             width: 100%;
  999.             flex: 0 0 100%;
  1000.             gap: 8px;
  1001.             padding-top: 12px;
  1002.             border-top: 1px solid var(--hb-border);
  1003.             margin-top: 4px;
  1004.         }
  1005.     }
  1006.     /* โ”€โ”€ Body offset for fixed navbar โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  1007.     body {
  1008.         padding-top: 64px;
  1009.     }
  1010.     @media (max-width: 1024px) {
  1011.         body {
  1012.             padding-top: 56px;
  1013.         }
  1014.     }
  1015.     /* โ”€โ”€ Processing loader โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  1016.     #buddybee_processing_loader {
  1017.         position: fixed;
  1018.         inset: 0;
  1019.         background: rgba(247, 245, 240, .88);
  1020.         backdrop-filter: blur(4px);
  1021.         z-index: 999999;
  1022.         display: none;
  1023.         align-items: center;
  1024.         justify-content: center;
  1025.     }
  1026.     #buddybee_processing_loader div {
  1027.         background: var(--hb-white);
  1028.         border-radius: 14px;
  1029.         padding: 28px 44px;
  1030.         box-shadow: 0 12px 40px rgba(26, 29, 46, .12);
  1031.         text-align: center;
  1032.     }
  1033.     #buddybee_processing_loader p {
  1034.         color: var(--hb-ink);
  1035.         font-weight: 700;
  1036.         font-size: 12px;
  1037.         letter-spacing: .1em;
  1038.         text-transform: uppercase;
  1039.         margin: 0;
  1040.         font-family: var(--hb-font);
  1041.     }
  1042.     a:hover {
  1043.         text-decoration: none;
  1044.     }
  1045. </style>
  1046. <nav class=\"hb-navbar\" id=\"hbNavbar\">
  1047.     <div class=\"hb-nav-inner\">
  1048.         ";
  1049.             // line 996
  1050.             yield "        <a class=\"hb-brand\" href=\"";
  1051.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("dashboard");
  1052.             yield "\">
  1053.             <img src=\"";
  1054.             // line 997
  1055.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\HttpFoundationExtension']->generateAbsoluteUrl($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("dashboard")), "html"nulltrue);
  1056.             yield "honeybee_web_assets/icons/honeybeeicon.svg?v=";
  1057.             yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::constant("ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION"), "html"nulltrue);
  1058.             yield "\"
  1059.                  alt=\"HoneyBee\">
  1060.             <span class=\"hb-brand-name\">Honey<b>Bee</b></span>
  1061.         </a>
  1062.         ";
  1063.             // line 1003
  1064.             yield "        <button class=\"hb-toggler\" id=\"hbToggler\" aria-label=\"Open menu\" type=\"button\">
  1065.             <span></span><span></span><span></span>
  1066.         </button>
  1067.         ";
  1068.             // line 1008
  1069.             yield "        <ul class=\"hb-links\">
  1070.             <li class=\"hb-link\">
  1071.                 <a href=\"";
  1072.             // line 1010
  1073.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("honeybee_product");
  1074.             yield "\"
  1075.                    class=\"";
  1076.             // line 1011
  1077.             yield (((=== CoreExtension::compare(CoreExtension::getAttribute($this->env$this->sourceCoreExtension::getAttribute($this->env$this->source, (isset($context["app"]) || array_key_exists("app"$context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.'1011$this->source); })()), "request", [], "any"falsefalsefalse1011), "get", ["_route"], "method"falsefalsefalse1011), "honeybee_product"))) ? ("active") : (""));
  1078.             yield " trn\"
  1079.                    data-trn-key=\"_PRODUCTS_\">Product</a>
  1080.             </li>
  1081.             <li class=\"hb-link\">
  1082.                 <a href=\"";
  1083.             // line 1015
  1084.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("honeybee_solutions");
  1085.             yield "\"
  1086.                    class=\"";
  1087.             // line 1016
  1088.             yield (((=== CoreExtension::compare(CoreExtension::getAttribute($this->env$this->sourceCoreExtension::getAttribute($this->env$this->source, (isset($context["app"]) || array_key_exists("app"$context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.'1016$this->source); })()), "request", [], "any"falsefalsefalse1016), "get", ["_route"], "method"falsefalsefalse1016), "honeybee_solutions"))) ? ("active") : (""));
  1089.             yield "\">Solutions</a>
  1090.             </li>
  1091.             <li class=\"hb-link\">
  1092.                 <a href=\"";
  1093.             // line 1019
  1094.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("honeybee_pricing");
  1095.             yield "\"
  1096.                    class=\"";
  1097.             // line 1020
  1098.             yield (((=== CoreExtension::compare(CoreExtension::getAttribute($this->env$this->sourceCoreExtension::getAttribute($this->env$this->source, (isset($context["app"]) || array_key_exists("app"$context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.'1020$this->source); })()), "request", [], "any"falsefalsefalse1020), "get", ["_route"], "method"falsefalsefalse1020), "honeybee_pricing"))) ? ("active") : (""));
  1099.             yield " trn\"
  1100.                    data-trn-key=\"_PRICING_\">Pricing</a>
  1101.             </li>
  1102.             <li class=\"hb-link\">
  1103.                 <a href=\"";
  1104.             // line 1024
  1105.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("honeybee_partners");
  1106.             yield "\"
  1107.                    class=\"";
  1108.             // line 1025
  1109.             yield (((=== CoreExtension::compare(CoreExtension::getAttribute($this->env$this->sourceCoreExtension::getAttribute($this->env$this->source, (isset($context["app"]) || array_key_exists("app"$context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.'1025$this->source); })()), "request", [], "any"falsefalsefalse1025), "get", ["_route"], "method"falsefalsefalse1025), "honeybee_partners"))) ? ("active") : (""));
  1110.             yield "\">Partners</a>
  1111.             </li>
  1112.             <li class=\"hb-drop\">
  1113.                 <a href=\"#\">Company <i class=\"fa-solid fa-chevron-down hb-caret\"></i></a>
  1114.                 <ul class=\"hb-dd-menu\">
  1115.                     <li><a href=\"";
  1116.             // line 1030
  1117.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("honeybee_about_us");
  1118.             yield "\"
  1119.                            class=\"";
  1120.             // line 1031
  1121.             yield (((=== CoreExtension::compare(CoreExtension::getAttribute($this->env$this->sourceCoreExtension::getAttribute($this->env$this->source, (isset($context["app"]) || array_key_exists("app"$context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.'1031$this->source); })()), "request", [], "any"falsefalsefalse1031), "get", ["_route"], "method"falsefalsefalse1031), "honeybee_about_us"))) ? ("active") : (""));
  1122.             yield "\">About</a></li>
  1123.                     <li><a href=\"";
  1124.             // line 1032
  1125.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("honeybee_FAQ");
  1126.             yield "\"
  1127.                            class=\"";
  1128.             // line 1033
  1129.             yield (((=== CoreExtension::compare(CoreExtension::getAttribute($this->env$this->sourceCoreExtension::getAttribute($this->env$this->source, (isset($context["app"]) || array_key_exists("app"$context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.'1033$this->source); })()), "request", [], "any"falsefalsefalse1033), "get", ["_route"], "method"falsefalsefalse1033), "honeybee_FAQ"))) ? ("active") : (""));
  1130.             yield "\">FAQ</a></li>
  1131.                     <li><a href=\"";
  1132.             // line 1034
  1133.             yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("honeybee_contact");
  1134.             yield "\"
  1135.                            class=\"";
  1136.             // line 1035
  1137.             yield (((=== CoreExtension::compare(CoreExtension::getAttribute($this->env$this->sourceCoreExtension::getAttribute($this->env$this->source, (isset($context["app"]) || array_key_exists("app"$context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.'1035$this->source); })()), "request", [], "any"falsefalsefalse1035), "get", ["_route"], "method"falsefalsefalse1035), "honeybee_contact"))) ? ("active") : (""));
  1138.             yield "\">Contact</a>
  1139.                     </li>
  1140.                 </ul>
  1141.             </li>
  1142.         </ul>
  1143.         ";
  1144.             // line 1042
  1145.             yield "        <div class=\"hb-nav-right\">
  1146.             ";
  1147.             // line 1045
  1148.             yield "            <div class=\"hb-lang\">
  1149.                 <button class=\"hb-lang-btn\" type=\"button\">
  1150.                     <i class=\"fa-solid fa-globe\" style=\"font-size:12px\"></i>
  1151.                     <span class=\"curr_locale_text\">en</span>
  1152.                     <i class=\"fa-solid fa-chevron-down\" style=\"font-size:8px;opacity:.5\"></i>
  1153.                 </button>
  1154.                 <ul class=\"hb-lang-menu\">
  1155.                     <li><a href=\"#\" class=\"locale_changer en\" data-locale=\"en\">๐Ÿ‡ฌ๐Ÿ‡ง English</a></li>
  1156.                     <li><a href=\"#\" class=\"locale_changer bn\" data-locale=\"bn\">๐Ÿ‡ง๐Ÿ‡ฉ เฆฌเฆพเฆ‚เฆฒเฆพ</a></li>
  1157.                     <li><a href=\"#\" class=\"locale_changer it\" data-locale=\"it\">๐Ÿ‡ฎ๐Ÿ‡น Italiano</a></li>
  1158.                     <li><a href=\"#\" class=\"locale_changer de\" data-locale=\"de\">๐Ÿ‡ฉ๐Ÿ‡ช Deutsch</a></li>
  1159.                     <li><a href=\"#\" class=\"locale_changer fr\" data-locale=\"fr\">๐Ÿ‡ซ๐Ÿ‡ท Franรงais</a></li>
  1160.                     <li><a href=\"#\" class=\"locale_changer sp\" data-locale=\"sp\">๐Ÿ‡ช๐Ÿ‡ธ Espaรฑol</a></li>
  1161.                     <li><a href=\"#\" class=\"locale_changer cn\" data-locale=\"cn\">๐Ÿ‡จ๐Ÿ‡ณ ไธญๆ–‡</a></li>
  1162.                 </ul>
  1163.             </div>
  1164.             ";
  1165.             // line 1063
  1166.             yield "            ";
  1167.             if ((CoreExtension::getAttribute($this->env$this->source, ($context["session"] ?? null), CoreExtension::getAttribute($this->env$this->source, (isset($context["UserConstants"]) || array_key_exists("UserConstants"$context) ? $context["UserConstants"] : (function () { throw new RuntimeError('Variable "UserConstants" does not exist.'1063$this->source); })()), "USER_ID", [], "any"falsefalsefalse1063), [], "array"truetruefalse1063) && ((<= CoreExtension::compare((isset($context["BUDDYBEE_ADMIN_LEVEL"]) || array_key_exists("BUDDYBEE_ADMIN_LEVEL"$context) ? $context["BUDDYBEE_ADMIN_LEVEL"] : (function () { throw new RuntimeError('Variable "BUDDYBEE_ADMIN_LEVEL" does not exist.'1063$this->source); })()), 1)) || CoreExtension::getAttribute($this->env$this->source, ($context["session"] ?? null), "actualUserIsAdmin", [], "array"truetruefalse1063)))) {
  1168.                 // line 1064
  1169.                 yield "                <div class=\"hb-switch\">
  1170.                     <button class=\"hb-switch-btn\" type=\"button\">Switch User</button>
  1171.                     <ul class=\"hb-switch-panel\">
  1172.                         <li>
  1173.                             <a href=\"";
  1174.                 // line 1068
  1175.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Symfony\Bridge\Twig\Extension\HttpFoundationExtension']->generateAbsoluteUrl($this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getPath("view_as_user_central")), "html"nulltrue);
  1176.                 yield "/";
  1177.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(((CoreExtension::getAttribute($this->env$this->source, ($context["session"] ?? null), "actualUserId", [], "array"truetruefalse1068)) ? (CoreExtension::getAttribute($this->env$this->source, (isset($context["session"]) || array_key_exists("session"$context) ? $context["session"] : (function () { throw new RuntimeError('Variable "session" does not exist.'1068$this->source); })()), "actualUserId", [], "array"falsefalsefalse1068)) : (CoreExtension::getAttribute($this->env$this->source, (isset($context["session"]) || array_key_exists("session"$context) ? $context["session"] : (function () { throw new RuntimeError('Variable "session" does not exist.'1068$this->source); })()), "userId", [], "array"falsefalsefalse1068))), "html"nulltrue);
  1178.                 yield "\">
  1179.                                 โ†ฉ Back to Mine
  1180.                             </a>
  1181.                         </li>
  1182.                         <li class=\"hb-sw-div\"></li>
  1183.                         <li style=\"padding:2px 0\"><select name=\"viewAsId\" id=\"viewAsId\"></select></li>
  1184.                     </ul>
  1185.                 </div>
  1186.             ";
  1187.             }
  1188.             // line 1077
  1189.             yield "
  1190.             ";
  1191.             // line 1078
  1192.             if (CoreExtension::getAttribute($this->env$this->source, ($context["session"] ?? null), CoreExtension::getAttribute($this->env$this->source, (isset($context["UserConstants"]) || array_key_exists("UserConstants"$context) ? $context["UserConstants"] : (function () { throw new RuntimeError('Variable "UserConstants" does not exist.'1078$this->source); })()), "USER_ID", [], "any"falsefalsefalse1078), [], "array"truetruefalse1078)) {
  1193.                 // line 1079
  1194.                 yield "
  1195.                 ";
  1196.                 // line 1081
  1197.                 yield "                <div class=\"hb-user\">
  1198.                     <button class=\"hb-user-btn\" type=\"button\">
  1199.                         <div class=\"hb-user-avatar\"
  1200.                                 ";
  1201.                 // line 1084
  1202.                 if (((!== CoreExtension::compare(CoreExtension::getAttribute($this->env$this->source, (isset($context["session"]) || array_key_exists("session"$context) ? $context["session"] : (function () { throw new RuntimeError('Variable "session" does not exist.'1084$this->source); })()), CoreExtension::getAttribute($this->env$this->source, (isset($context["UserConstants"]) || array_key_exists("UserConstants"$context) ? $context["UserConstants"] : (function () { throw new RuntimeError('Variable "UserConstants" does not exist.'1084$this->source); })()), "USER_IMAGE", [], "any"falsefalsefalse1084), [], "array"falsefalsefalse1084), "")) &&  !(null === CoreExtension::getAttribute($this->env$this->source, (isset($context["session"]) || array_key_exists("session"$context) ? $context["session"] : (function () { throw new RuntimeError('Variable "session" does not exist.'1084$this->source); })()), CoreExtension::getAttribute($this->env$this->source, (isset($context["UserConstants"]) || array_key_exists("UserConstants"$context) ? $context["UserConstants"] : (function () { throw new RuntimeError('Variable "UserConstants" does not exist.'1084$this->source); })()), "USER_IMAGE", [], "any"falsefalsefalse1084), [], "array"falsefalsefalse1084)))) {
  1203.                     // line 1085
  1204.                     yield "                                    style=\"background:url('";
  1205.                     yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("dashboard");
  1206.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env$this->source, (isset($context["session"]) || array_key_exists("session"$context) ? $context["session"] : (function () { throw new RuntimeError('Variable "session" does not exist.'1085$this->source); })()), CoreExtension::getAttribute($this->env$this->source, (isset($context["UserConstants"]) || array_key_exists("UserConstants"$context) ? $context["UserConstants"] : (function () { throw new RuntimeError('Variable "UserConstants" does not exist.'1085$this->source); })()), "USER_IMAGE", [], "any"falsefalsefalse1085), [], "array"falsefalsefalse1085), "html"nulltrue);
  1207.                     yield "?v=";
  1208.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::constant("ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION"), "html"nulltrue);
  1209.                     yield "')\"
  1210.                                 ";
  1211.                 } else {
  1212.                     // line 1087
  1213.                     yield "                                    style=\"background:url('";
  1214.                     yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("dashboard");
  1215.                     yield "honeybee_web_assets/images/profiles/profile.png?v=";
  1216.                     yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(Twig\Extension\CoreExtension::constant("ApplicationBundle\\Constants\\GeneralConstant::ENTITY_APP_VERSION"), "html"nulltrue);
  1217.                     yield "')\"
  1218.                                 ";
  1219.                 }
  1220.                 // line 1089
  1221.                 yield "                        ></div>
  1222.                         <span class=\"hb-user-name\">";
  1223.                 // line 1090
  1224.                 yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape(CoreExtension::getAttribute($this->env$this->source, (isset($context["session"]) || array_key_exists("session"$context) ? $context["session"] : (function () { throw new RuntimeError('Variable "session" does not exist.'1090$this->source); })()), CoreExtension::getAttribute($this->env$this->source, (isset($context["UserConstants"]) || array_key_exists("UserConstants"$context) ? $context["UserConstants"] : (function () { throw new RuntimeError('Variable "UserConstants" does not exist.'1090$this->source); })()), "USER_NAME", [], "any"falsefalsefalse1090), [], "array"falsefalsefalse1090), "html"nulltrue);
  1225.                 yield "</span>
  1226.                         <i class=\"fa-solid fa-chevron-down\" style=\"font-size:9px;color:var(--hb-muted);opacity:.55\"></i>
  1227.                     </button>
  1228.                     <ul class=\"hb-user-menu\">
  1229.                         <li>
  1230.                             <a href=\"";
  1231.                 // line 1095
  1232.                 yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("honeybee_my_freelancer_profile");
  1233.                 yield "\"
  1234.                                class=\"";
  1235.                 // line 1096
  1236.                 yield (((=== CoreExtension::compare(CoreExtension::getAttribute($this->env$this->sourceCoreExtension::getAttribute($this->env$this->source, (isset($context["app"]) || array_key_exists("app"$context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.'1096$this->source); })()), "request", [], "any"falsefalsefalse1096), "get", ["_route"], "method"falsefalsefalse1096), "honeybee_my_freelancer_profile"))) ? ("active") : (""));
  1237.                 yield "\">
  1238.                                 <i class=\"fa-regular fa-circle-user\"></i> Profile
  1239.                             </a>
  1240.                         </li>
  1241.                         <li>
  1242.                             <a href=\"";
  1243.                 // line 1101
  1244.                 yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("ticket_list");
  1245.                 yield "\"
  1246.                                class=\"";
  1247.                 // line 1102
  1248.                 yield (((=== CoreExtension::compare(CoreExtension::getAttribute($this->env$this->sourceCoreExtension::getAttribute($this->env$this->source, (isset($context["app"]) || array_key_exists("app"$context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.'1102$this->source); })()), "request", [], "any"falsefalsefalse1102), "get", ["_route"], "method"falsefalsefalse1102), "ticket_list"))) ? ("active") : (""));
  1249.                 yield "\">
  1250.                                 <i class=\"fa-regular fa-ticket\"></i> <span class=\"trn\" data-trn-key=\"_MY_TICKETS_\">My Tickets</span>
  1251.                             </a>
  1252.                         </li>
  1253.                         <li>
  1254.                             <a href=\"";
  1255.                 // line 1107
  1256.                 yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("central_landing");
  1257.                 yield "\"
  1258.                                class=\"";
  1259.                 // line 1108
  1260.                 yield (((=== CoreExtension::compare(CoreExtension::getAttribute($this->env$this->sourceCoreExtension::getAttribute($this->env$this->source, (isset($context["app"]) || array_key_exists("app"$context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.'1108$this->source); })()), "request", [], "any"falsefalsefalse1108), "get", ["_route"], "method"falsefalsefalse1108), "central_landing"))) ? ("active") : (""));
  1261.                 yield "\">
  1262.                                 <i class=\"fas fa-border-all\"></i> <span class=\"trn\" data-trn-key=\"_MY_COMPANIES_\">My Companies</span>
  1263.                             </a>
  1264.                         </li>
  1265.                         ";
  1266.                 // line 1112
  1267.                 if ((<= CoreExtension::compare((isset($context["BUDDYBEE_ADMIN_LEVEL"]) || array_key_exists("BUDDYBEE_ADMIN_LEVEL"$context) ? $context["BUDDYBEE_ADMIN_LEVEL"] : (function () { throw new RuntimeError('Variable "BUDDYBEE_ADMIN_LEVEL" does not exist.'1112$this->source); })()), 1))) {
  1268.                     // line 1113
  1269.                     yield "                            <li class=\"hb-u-div\"></li>
  1270.                             <li>
  1271.                                 <a href=\"";
  1272.                     // line 1115
  1273.                     yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("super_admin_command_center");
  1274.                     yield "\"
  1275.                                    class=\"";
  1276.                     // line 1116
  1277.                     yield (((=== CoreExtension::compare(CoreExtension::getAttribute($this->env$this->sourceCoreExtension::getAttribute($this->env$this->source, (isset($context["app"]) || array_key_exists("app"$context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.'1116$this->source); })()), "request", [], "any"falsefalsefalse1116), "get", ["_route"], "method"falsefalsefalse1116), "super_admin_command_center"))) ? ("active") : (""));
  1278.                     yield "\">
  1279.                                     <i class=\"fa-solid fa-gauge-high\"></i> Super Admin
  1280.                                 </a>
  1281.                             </li>
  1282.                             <li class=\"hb-u-div\"></li>
  1283.                             <li>
  1284.                                 <a href=\"";
  1285.                     // line 1122
  1286.                     yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("datev_home");
  1287.                     yield "\"
  1288.                                    class=\"";
  1289.                     // line 1123
  1290.                     yield (((=== CoreExtension::compare(CoreExtension::getAttribute($this->env$this->sourceCoreExtension::getAttribute($this->env$this->source, (isset($context["app"]) || array_key_exists("app"$context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.'1123$this->source); })()), "request", [], "any"falsefalsefalse1123), "get", ["_route"], "method"falsefalsefalse1123), "datev_home"))) ? ("active") : (""));
  1291.                     yield "\">
  1292.                                     <i class=\"fa-solid fa-gauge-high\"></i> Datev Control
  1293.                                 </a>
  1294.                             </li>
  1295.                         ";
  1296.                 }
  1297.                 // line 1129
  1298.                 yield "                        ";
  1299.                 if ((=== CoreExtension::compare((isset($context["BUDDYBEE_ADMIN_LEVEL"]) || array_key_exists("BUDDYBEE_ADMIN_LEVEL"$context) ? $context["BUDDYBEE_ADMIN_LEVEL"] : (function () { throw new RuntimeError('Variable "BUDDYBEE_ADMIN_LEVEL" does not exist.'1129$this->source); })()), 1))) {
  1300.                     // line 1130
  1301.                     yield "                            <li class=\"hb-u-div\"></li>
  1302.                             <li>
  1303.                                 <a href=\"";
  1304.                     // line 1132
  1305.                     yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("admin_demo_pending_list");
  1306.                     yield "\"
  1307.                                    class=\"";
  1308.                     // line 1133
  1309.                     yield ((CoreExtension::inFilter(CoreExtension::getAttribute($this->env$this->sourceCoreExtension::getAttribute($this->env$this->source, (isset($context["app"]) || array_key_exists("app"$context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.'1133$this->source); })()), "request", [], "any"falsefalsefalse1133), "get", ["_route"], "method"falsefalsefalse1133), ["admin_demo_pending_list""admin_demo_request_detail"])) ? ("active") : (""));
  1310.                     yield "\">
  1311.                                     <i class=\"fa-solid fa-calendar-check\"></i> Demo Requests
  1312.                                 </a>
  1313.                             </li>
  1314.                             <li>
  1315.                                 <a href=\"";
  1316.                     // line 1138
  1317.                     yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("admin_demo_all_list");
  1318.                     yield "\"
  1319.                                    class=\"";
  1320.                     // line 1139
  1321.                     yield (((=== CoreExtension::compare(CoreExtension::getAttribute($this->env$this->sourceCoreExtension::getAttribute($this->env$this->source, (isset($context["app"]) || array_key_exists("app"$context) ? $context["app"] : (function () { throw new RuntimeError('Variable "app" does not exist.'1139$this->source); })()), "request", [], "any"falsefalsefalse1139), "get", ["_route"], "method"falsefalsefalse1139), "admin_demo_all_list"))) ? ("active") : (""));
  1322.                     yield "\">
  1323.                                     <i class=\"fa-solid fa-list-check\"></i> All Bookings
  1324.                                 </a>
  1325.                             </li>
  1326.                         ";
  1327.                 }
  1328.                 // line 1144
  1329.                 yield "                        <li class=\"hb-u-div\"></li>
  1330.                         <li>
  1331.                             <a href=\"";
  1332.                 // line 1146
  1333.                 yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("user_logout");
  1334.                 yield "\" style=\"color:#B04030\">
  1335.                                 <i class=\"fa-solid fa-right-from-bracket\"></i> Logout
  1336.                             </a>
  1337.                         </li>
  1338.                     </ul>
  1339.                 </div>
  1340.                 ";
  1341.                 // line 1154
  1342.                 yield "                <a href=\"";
  1343.                 yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("central_landing");
  1344.                 yield "\" class=\"hb-btn-companies trn\" data-trn-key=\"_COMPANIES_\">
  1345.                     <i class=\"fa-solid fa-building\" style=\"font-size:11px\"></i>
  1346.                     <span>Companies</span>
  1347.                 </a>
  1348.                 ";
  1349.                 // line 1160
  1350.                 yield "                <a href=\"";
  1351.                 yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("honeybee_contact");
  1352.                 yield "\" class=\"hb-btn-companies\" style=\"background:var(--hb-amber)\">Book
  1353.                     Demo</a>
  1354.             ";
  1355.             } else {
  1356.                 // line 1164
  1357.                 yield "
  1358.                 ";
  1359.                 // line 1166
  1360.                 yield "                <a href=\"";
  1361.                 yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("user_login");
  1362.                 yield "\" class=\"hb-btn-login trn\" data-trn-key=\"_LOGIN_\">Login</a>
  1363.                 <a href=\"";
  1364.                 // line 1167
  1365.                 yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("sign_up");
  1366.                 yield "\" class=\"hb-btn-signup trn\" data-trn-key=\"_CREATE_ACCOUNT_\">Get Started</a>
  1367.                 <a href=\"";
  1368.                 // line 1168
  1369.                 yield $this->extensions['Symfony\Bridge\Twig\Extension\RoutingExtension']->getUrl("honeybee_contact");
  1370.                 yield "\" class=\"hb-btn-companies\" style=\"background:var(--hb-amber)\">Book
  1371.                     Demo</a>
  1372.             ";
  1373.             }
  1374.             // line 1172
  1375.             yield "
  1376.             ";
  1377.             // line 1174
  1378.             yield "            ";
  1379.             // line 1175
  1380.             yield "            ";
  1381.             // line 1176
  1382.             yield "            ";
  1383.             // line 1177
  1384.             yield "            ";
  1385.             // line 1178
  1386.             yield "            ";
  1387.             // line 1179
  1388.             yield "            ";
  1389.             // line 1180
  1390.             yield "
  1391.         </div>";
  1392.             // line 1182
  1393.             yield "    </div>";
  1394.             // line 1183
  1395.             yield "</nav>
  1396. ";
  1397.             // line 1186
  1398.             yield "<script>
  1399.     (function () {
  1400.         var saved = localStorage.getItem('theme') || 'light';
  1401.         if (saved === 'dark') {
  1402.             var css = document.getElementById('dark-theme-css');
  1403.             var cb = document.getElementById('theme-toggle-checkbox');
  1404.             var track = document.getElementById('hbThemeTrack');
  1405.             if (css) css.disabled = false;
  1406.             if (cb) cb.checked = true;
  1407.             if (track) track.classList.add('hb-dark');
  1408.         }
  1409.     }());
  1410. </script>
  1411. ";
  1412.             // line 1201
  1413.             yield "<script>
  1414.     (function () {
  1415.         var navbar = document.getElementById('hbNavbar');
  1416.         var toggler = document.getElementById('hbToggler');
  1417.         window.addEventListener('scroll', function () {
  1418.             navbar.classList.toggle('hb-scrolled', window.scrollY > 6);
  1419.         }, {passive: true});
  1420.         if (toggler) {
  1421.             toggler.addEventListener('click', function () {
  1422.                 navbar.classList.toggle('hb-open');
  1423.                 toggler.classList.toggle('hb-open');
  1424.             });
  1425.         }
  1426.         navbar.querySelectorAll('.hb-drop > a').forEach(function (a) {
  1427.             a.addEventListener('click', function (e) {
  1428.                 if (window.innerWidth <= 1024) {
  1429.                     e.preventDefault();
  1430.                     a.closest('.hb-drop').classList.toggle('hb-mob-open');
  1431.                 }
  1432.             });
  1433.         });
  1434.         var cb = document.getElementById('theme-toggle-checkbox');
  1435.         var track = document.getElementById('hbThemeTrack');
  1436.         if (cb && track) {
  1437.             track.addEventListener('click', function () {
  1438.                 changeTheme(!cb.checked);
  1439.             });
  1440.         }
  1441.     }());
  1442. </script>
  1443. ";
  1444.             // line 1237
  1445.             yield "<script>
  1446.     document.body.style.overflow = 'hidden';
  1447.     window.addEventListener('load', function () {
  1448.         var pre = document.getElementById('hb-preloader');
  1449.         if (pre) {
  1450.             pre.style.transition = 'opacity .35s ease';
  1451.             pre.style.opacity = '0';
  1452.             setTimeout(function () {
  1453.                 pre.style.display = 'none';
  1454.             }, 360);
  1455.         }
  1456.         document.body.style.overflow = 'auto';
  1457.     });
  1458. </script>
  1459. ";
  1460.             // line 1253
  1461.             $context["full_js_included"] = 0;
  1462.         }
  1463.         // line 1255
  1464.         yield "
  1465. <input type=\"hidden\" id=\"timeStampOnHeaderLoad\" value=\"";
  1466.         // line 1256
  1467.         yield $this->env->getRuntime('Twig\Runtime\EscaperRuntime')->escape($this->extensions['Twig\Extension\CoreExtension']->formatDate("now""U"), "html"nulltrue);
  1468.         yield "\">
  1469. ";
  1470.         // line 1257
  1471.         yield from         $this->loadTemplate("@Application/inc/ajax_route_library.html.twig""@Application/inc/central_header.html.twig"1257)->unwrap()->yield($context);
  1472.         // line 1258
  1473.         yield "
  1474. ";
  1475.         // line 1260
  1476.         yield "<script src=\"https://code.jquery.com/jquery-3.6.0.min.js\"></script>
  1477. <script src=\"https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js\"></script>
  1478. <script src=\"https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-datetimepicker/2.7.1/js/bootstrap-material-datetimepicker.min.js\"></script>
  1479. ";
  1480.         
  1481.         $__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e->leave($__internal_085b0142806202599c7fe3b329164a92397d8978207a37e79d70b8c52599e33e_prof);
  1482.         
  1483.         $__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02->leave($__internal_319393461309892924ff6e74d6d6e64287df64b63545b994e100d4ab223aed02_prof);
  1484.         return; yield '';
  1485.     }
  1486.     /**
  1487.      * @codeCoverageIgnore
  1488.      */
  1489.     public function getTemplateName()
  1490.     {
  1491.         return "@Application/inc/central_header.html.twig";
  1492.     }
  1493.     /**
  1494.      * @codeCoverageIgnore
  1495.      */
  1496.     public function isTraitable()
  1497.     {
  1498.         return false;
  1499.     }
  1500.     /**
  1501.      * @codeCoverageIgnore
  1502.      */
  1503.     public function getDebugInfo()
  1504.     {
  1505.         return array (  1616 => 1260,  1613 => 1258,  1611 => 1257,  1607 => 1256,  1604 => 1255,  1601 => 1253,  1583 => 1237,  1546 => 1201,  1530 => 1186,  1526 => 1183,  1524 => 1182,  1521 => 1180,  1519 => 1179,  1517 => 1178,  1515 => 1177,  1513 => 1176,  1511 => 1175,  1509 => 1174,  1506 => 1172,  1499 => 1168,  1495 => 1167,  1490 => 1166,  1487 => 1164,  1479 => 1160,  1470 => 1154,  1460 => 1146,  1456 => 1144,  1448 => 1139,  1444 => 1138,  1436 => 1133,  1432 => 1132,  1428 => 1130,  1425 => 1129,  1416 => 1123,  1412 => 1122,  1403 => 1116,  1399 => 1115,  1395 => 1113,  1393 => 1112,  1386 => 1108,  1382 => 1107,  1374 => 1102,  1370 => 1101,  1362 => 1096,  1358 => 1095,  1350 => 1090,  1347 => 1089,  1339 => 1087,  1330 => 1085,  1328 => 1084,  1323 => 1081,  1320 => 1079,  1318 => 1078,  1315 => 1077,  1301 => 1068,  1295 => 1064,  1292 => 1063,  1273 => 1045,  1269 => 1042,  1260 => 1035,  1256 => 1034,  1252 => 1033,  1248 => 1032,  1244 => 1031,  1240 => 1030,  1232 => 1025,  1228 => 1024,  1221 => 1020,  1217 => 1019,  1211 => 1016,  1207 => 1015,  1200 => 1011,  1196 => 1010,  1192 => 1008,  1186 => 1003,  1176 => 997,  1171 => 996,  430 => 256,  424 => 249,  410 => 239,  406 => 237,  403 => 235,  399 => 233,  395 => 231,  393 => 230,  390 => 229,  388 => 228,  385 => 226,  381 => 224,  378 => 223,  376 => 222,  374 => 221,  372 => 220,  358 => 207,  352 => 203,  320 => 173,  315 => 170,  313 => 169,  298 => 156,  227 => 86,  223 => 83,  216 => 81,  209 => 78,  202 => 76,  195 => 74,  187 => 71,  180 => 69,  173 => 67,  162 => 58,  154 => 51,  147 => 46,  143 => 45,  137 => 44,  130 => 42,  123 => 40,  116 => 38,  113 => 37,  110 => 35,  106 => 33,  102 => 31,  99 => 30,  97 => 29,  93 => 28,  88 => 26,  83 => 24,  78 => 22,  71 => 18,  62 => 11,  60 => 10,  54 => 8,  49 => 7,  46 => 6,  44 => 5,);
  1506.     }
  1507.     public function getSourceContext()
  1508.     {
  1509.         return new Source("{# โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•
  1510.    Central Header โ€” HoneyBee Ecosystem
  1511.    Scandinavian SaaS design ยท single source of truth for all public pages
  1512.    โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ• #}
  1513. {% if not include_html is defined %}
  1514.     {% set include_html = 1 %}
  1515.     {% if app.request.request.get('skipHTML') != '' %}{% set include_html = 0 %}{% endif %}
  1516.     {% if app.request.query.get('skipHTML')   != '' %}{% set include_html = 0 %}{% endif %}
  1517. {% endif %}
  1518. {% if include_html == 1 %}
  1519. <!DOCTYPE html>
  1520. <html lang=\"en\">
  1521. <head>
  1522.     <meta charset=\"UTF-8\">
  1523.     <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">
  1524.     <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0, user-scalable=0, minimal-ui\">
  1525.     <meta name=\"description\"
  1526.           content=\"{{ og_description is defined ? og_description : 'HoneyBee โ€” The digital operating layer for EPC, energy, and multi-site industrial operations. Unify finance, projects, IoT, Edge+ site intelligence, billing and AI reporting. From โ‚ฌ7.99/user/month.' }}\">
  1527.     <meta name=\"keywords\"
  1528.           content=\"HoneyBee, EPC software, system integrator platform, energy asset management, IoT Edge+ deployment, project lifecycle software, industrial operations, DATEV accounting, multi-site management\">
  1529.     <meta name=\"author\" content=\"HoneyBee Ecosystem\">
  1530.     <title id=\"pageTitle\">{{ page_title }}</title>
  1531.     <meta property=\"og:title\" content=\"{{ og_title       is defined ? og_title       : page_title }}\"/>
  1532.     <meta property=\"og:description\"
  1533.           content=\"{{ og_description is defined ? og_description : 'HoneyBee โ€” Operating system for EPC companies, system integrators, energy asset owners, and multi-site industrial businesses.' }}\"/>
  1534.     <meta property=\"og:image\"
  1535.           content=\"{{ og_image       is defined ? (absolute_url(path('dashboard'))~og_image) : (absolute_url(path('dashboard'))~'honeybee_web_assets/icons/honeybeeicon.svg') }}\"/>
  1536.     {% set _noindex_routes = ['user_login','sign_up','reset_password','verify_email','verify_otp','reset_new_password','honeybee_otp_verification'] %}
  1537.     {% if app.request.get('_route') in _noindex_routes %}
  1538.         <meta name=\"robots\" content=\"noindex, nofollow\">
  1539.     {% else %}
  1540.         <meta name=\"robots\" content=\"index, follow\">
  1541.     {% endif %}
  1542.     {# โ”€โ”€ Favicons โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ #}
  1543.     <link rel=\"shortcut icon\" type=\"image/x-icon\"
  1544.           href=\"{{ asset('favicon.ico') }}?v={{ constant('ApplicationBundle\\\\Constants\\\\GeneralConstant::ENTITY_APP_VERSION') }}\">
  1545.     <link rel=\"apple-touch-icon\" sizes=\"180x180\"
  1546.           href=\"{{ asset('apple-icon.png') }}?v={{ constant('ApplicationBundle\\\\Constants\\\\GeneralConstant::ENTITY_APP_VERSION') }}\">
  1547.     <link rel=\"icon\" type=\"image/png\" sizes=\"32x32\"
  1548.           href=\"{{ asset('favicon-32x32.png') }}?v={{ constant('ApplicationBundle\\\\Constants\\\\GeneralConstant::ENTITY_APP_VERSION') }}\">
  1549.     <link rel=\"icon\" type=\"image/png\" sizes=\"16x16\"
  1550.           href=\"{{ asset('favicon-16x16.png') }}?v={{ constant('ApplicationBundle\\\\Constants\\\\GeneralConstant::ENTITY_APP_VERSION') }}\">
  1551.     <link rel=\"manifest\" href=\"{{ asset('site.webmanifest') }}\">
  1552.     <link rel=\"mask-icon\" href=\"{{ asset('safari-pinned-tab.svg') }}\" color=\"#C07D2A\">
  1553.     <meta name=\"msapplication-TileColor\" content=\"#1A1D2E\">
  1554.     <meta name=\"theme-color\" content=\"#F7F5F0\">
  1555.     {# โ”€โ”€ Fonts โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ #}
  1556.     <link rel=\"preconnect\" href=\"https://fonts.googleapis.com\">
  1557.     <link rel=\"preconnect\" href=\"https://fonts.gstatic.com\" crossorigin>
  1558.     <link href=\"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Montserrat:wght@500&display=swap\"
  1559.           rel=\"stylesheet\">
  1560.     <link href=\"https://fonts.googleapis.com/icon?family=Material+Icons\" rel=\"stylesheet\">
  1561.     {# โ”€โ”€ Core stylesheets โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ #}
  1562.     <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css\"
  1563.           integrity=\"sha512-Kc323vGBEqzTmouAECnVceyQqyqdsSiqLQISBL29aUW4U/M7pSPA/gEUZQqv1cwx4OnYxTxve5UMg5GT6L4JJg==\"
  1564.           crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\">
  1565.     <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css\">
  1566.     <link rel=\"stylesheet\" href=\"https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css\">
  1567.     <link rel=\"stylesheet\"
  1568.           href=\"https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-datetimepicker/2.7.1/css/bootstrap-material-datetimepicker.min.css\">
  1569.     <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/selectize.js/0.13.3/css/selectize.css\">
  1570.     <link rel=\"stylesheet\"
  1571.           href=\"{{ absolute_url(path('dashboard')) }}honeybee_web_assets/css/bootstrap.css?v={{ constant('ApplicationBundle\\\\Constants\\\\GeneralConstant::ENTITY_APP_VERSION') }}\">
  1572.     <link rel=\"stylesheet\"
  1573.           href=\"{{ absolute_url(path('dashboard')) }}honeybee_web_assets/css/style.css?v={{ constant('ApplicationBundle\\\\Constants\\\\GeneralConstant::ENTITY_APP_VERSION') }}\">
  1574.     <link rel=\"stylesheet\" id=\"dark-theme-css\"
  1575.           href=\"{{ absolute_url(path('dashboard')) }}honeybee_web_assets/css/dark.css?v={{ constant('ApplicationBundle\\\\Constants\\\\GeneralConstant::ENTITY_APP_VERSION') }}\"
  1576.           disabled=\"true\">
  1577.     <link rel=\"stylesheet\"
  1578.           href=\"{{ absolute_url(path('dashboard')) }}honeybee_web_assets/css/responsive.css?v={{ constant('ApplicationBundle\\\\Constants\\\\GeneralConstant::ENTITY_APP_VERSION') }}\">
  1579.     <link rel=\"stylesheet\"
  1580.           href=\"{{ absolute_url(path('dashboard')) }}honeybee_web_assets/css/central_responsive.css?v={{ constant('ApplicationBundle\\\\Constants\\\\GeneralConstant::ENTITY_APP_VERSION') }}\">
  1581.     <link rel=\"stylesheet\"
  1582.           href=\"{{ absolute_url(path('dashboard')) }}honeybee_web_assets/css/temporary_inline.css?v={{ constant('ApplicationBundle\\\\Constants\\\\GeneralConstant::ENTITY_APP_VERSION') }}\">
  1583.     {# โ”€โ”€ Dev toolbar suppression โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ #}
  1584.     <style>{% if app.session.get('devAdminMode') != 1 %}.sf-toolbar {
  1585.             display: none !important
  1586.         }{% endif %}</style>
  1587.     {# โ”€โ”€ Preloader โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ #}
  1588.     <style>
  1589.         #hb-preloader {
  1590.             position: fixed;
  1591.             top: 0;
  1592.             left: 0;
  1593.             width: 100%;
  1594.             height: 100vh;
  1595.             background: #F7F5F0;
  1596.             display: flex;
  1597.             flex-direction: column;
  1598.             justify-content: center;
  1599.             align-items: center;
  1600.             z-index: 99999;
  1601.         }
  1602.         .hb-pre-logo {
  1603.             display: flex;
  1604.             align-items: center;
  1605.             gap: 12px;
  1606.             margin-bottom: 28px;
  1607.         }
  1608.         .hb-pre-logo img {
  1609.             width: 34px;
  1610.             height: 34px;
  1611.         }
  1612.         .hb-pre-logo span {
  1613.             font-family: 'DM Sans', sans-serif;
  1614.             font-size: 17px;
  1615.             font-weight: 800;
  1616.             color: #1A1D2E;
  1617.             letter-spacing: -.01em;
  1618.         }
  1619.         .hb-pre-logo span b {
  1620.             color: #C07D2A;
  1621.             font-weight: 800;
  1622.         }
  1623.         .hb-pre-bar-wrap {
  1624.             width: 120px;
  1625.             height: 2px;
  1626.             background: rgba(26, 29, 46, .08);
  1627.             border-radius: 2px;
  1628.             overflow: hidden;
  1629.         }
  1630.         .hb-pre-bar {
  1631.             height: 100%;
  1632.             width: 40%;
  1633.             background: #C07D2A;
  1634.             border-radius: 2px;
  1635.             animation: hb-slide 1.5s ease-in-out infinite;
  1636.         }
  1637.         @keyframes hb-slide {
  1638.             0% {
  1639.                 transform: translateX(-100%);
  1640.             }
  1641.             50% {
  1642.                 transform: translateX(250%);
  1643.             }
  1644.             100% {
  1645.                 transform: translateX(-100%);
  1646.             }
  1647.         }
  1648.     </style>
  1649.     {# โ”€โ”€ Inline JS (runs before body paint) โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ #}
  1650.     <script>
  1651.         var logger = (function () {
  1652.             var _old = null, pub = {};
  1653.             pub.enableLogger = function () {
  1654.                 if (_old) window['console']['log'] = _old;
  1655.             };
  1656.             pub.disableLogger = function () {
  1657.                 _old = console.log;
  1658.                 window['console']['log'] = function () {
  1659.                 };
  1660.             };
  1661.             return pub;
  1662.         }());
  1663.         {% if app.session.get('devAdminMode') != 1 %}
  1664.         window['console']['log'] = function () {
  1665.         };
  1666.         {% endif %}
  1667.     </script>
  1668.     <script>
  1669.         function changeTheme(isDark) {
  1670.             var darkCss = document.getElementById('dark-theme-css');
  1671.             var cb = document.getElementById('theme-toggle-checkbox');
  1672.             var track = document.getElementById('hbThemeTrack');
  1673.             document.querySelectorAll('img').forEach(function (img) {
  1674.                 if (isDark) {
  1675.                     img.src = img.src.replace('/honeybee_web_assets/', '/honeybee_web_assets/dark/');
  1676.                 } else {
  1677.                     img.src = img.src.replace('/honeybee_web_assets/dark/', '/honeybee_web_assets/');
  1678.                 }
  1679.             });
  1680.             if (darkCss) darkCss.disabled = !isDark;
  1681.             if (cb) cb.checked = isDark;
  1682.             if (track) track.classList.toggle('hb-dark', isDark);
  1683.             localStorage.setItem('theme', isDark ? 'dark' : 'light');
  1684.         }
  1685.     </script>
  1686.     <script>if (typeof module === 'object') {
  1687.             window.module = module;
  1688.             module = undefined;
  1689.         }</script>
  1690.     <script src=\"https://code.jquery.com/jquery-3.4.1.min.js\"
  1691.             integrity=\"sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=\" crossorigin=\"anonymous\"></script>
  1692.     <script data-ad-client=\"ca-pub-8286883017903771\" async
  1693.             src=\"https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js\"></script>
  1694.     <script>var BaseURL = '{{ url('dashboard') }}';</script>
  1695. </head>
  1696. {# โ”€โ”€ Google Analytics โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ #}
  1697. <script async src=\"https://www.googletagmanager.com/gtag/js?id=G-V22132YMJ3\"></script>
  1698. <script>
  1699.     window.dataLayer = window.dataLayer || [];
  1700.     function gtag() {
  1701.         dataLayer.push(arguments);
  1702.     }
  1703.     gtag('js', new Date());
  1704.     gtag('config', 'G-V22132YMJ3');
  1705. </script>
  1706. {# โ”€โ”€ Resolve admin level & consultant flag โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ #}
  1707. {% set BUDDYBEE_ADMIN_LEVEL = 0 %}
  1708. {% set isConsultant         = 0 %}
  1709. {% if session[UserConstants.USER_ID] is defined %}
  1710.     {% set isConsultant         = session[UserConstants.IS_CONSULTANT]        is defined ? session[UserConstants.IS_CONSULTANT]        : 0 %}
  1711.     {% set BUDDYBEE_ADMIN_LEVEL = session[UserConstants.BUDDYBEE_ADMIN_LEVEL] is defined ? session[UserConstants.BUDDYBEE_ADMIN_LEVEL] : 0 %}
  1712. {% endif %}
  1713. {# Single <body> tag โ€” classes set in one place, no duplicate tags #}
  1714. {% if BUDDYBEE_ADMIN_LEVEL >= 1 %}
  1715. <body class=\"buddybee_body has_admin_bar body-mask\">
  1716. {% elseif session[UserConstants.USER_ID] is defined %}
  1717. <body class=\"buddybee_body body-mask\">
  1718. {% else %}
  1719. <body class=\"body-mask\">
  1720. {% endif %}
  1721. {# โ”€โ”€ Preloader โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ #}
  1722. <div id=\"hb-preloader\">
  1723.     <div class=\"hb-pre-logo\">
  1724.         <img src=\"{{ absolute_url(path('dashboard')) }}honeybee_web_assets/icons/honeybeeicon.svg?v={{ constant('ApplicationBundle\\\\Constants\\\\GeneralConstant::ENTITY_APP_VERSION') }}\"
  1725.              alt=\"HoneyBee\">
  1726.         <span>Honey<b>Bee</b></span>
  1727.     </div>
  1728.     <div class=\"hb-pre-bar-wrap\">
  1729.         <div class=\"hb-pre-bar\"></div>
  1730.     </div>
  1731. </div>
  1732. {# โ”€โ”€ Processing overlay (shown during AJAX) โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ #}
  1733. <div id=\"buddybee_processing_loader\">
  1734.     <div><p>Processing</p></div>
  1735. </div>
  1736. {# โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ• NAVBAR โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•
  1737.    Scandinavian navbar: glass-morphism, fixed, minimal, fully responsive
  1738.    โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ•โ• #}
  1739. <style>
  1740.     /* โ”€โ”€ Design tokens โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  1741.     :root {
  1742.         --hb-ink: #1A1D2E;
  1743.         --hb-ink-2: #252840;
  1744.         --hb-amber: #C07D2A;
  1745.         --hb-amber-lt: #D4954A;
  1746.         --hb-muted: #6B6E7F;
  1747.         --hb-border: rgba(26, 29, 46, .08);
  1748.         --hb-border-md: rgba(26, 29, 46, .14);
  1749.         --hb-cream: #F7F5F0;
  1750.         --hb-white: #FFFFFF;
  1751.         --hb-shadow: 0 2px 20px rgba(26, 29, 46, .07);
  1752.         --hb-shadow-lg: 0 8px 32px rgba(26, 29, 46, .10);
  1753.         --hb-radius: 10px;
  1754.         --hb-font: 'DM Sans', 'Gilroy', system-ui, sans-serif;
  1755.     }
  1756.     /* โ”€โ”€ Navbar shell โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  1757.     .hb-navbar {
  1758.         position: fixed;
  1759.         top: 0;
  1760.         left: 0;
  1761.         right: 0;
  1762.         z-index: 9999;
  1763.         background: rgba(247, 245, 240, .97);
  1764.         backdrop-filter: blur(20px) saturate(180%);
  1765.         -webkit-backdrop-filter: blur(20px) saturate(180%);
  1766.         border-bottom: 1px solid var(--hb-border);
  1767.         transition: box-shadow .2s, border-color .2s;
  1768.         font-family: var(--hb-font);
  1769.     }
  1770.     .hb-navbar.hb-scrolled {
  1771.         box-shadow: var(--hb-shadow);
  1772.         border-color: var(--hb-border-md);
  1773.     }
  1774.     /* โ”€โ”€ Inner container โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  1775.     .hb-nav-inner {
  1776.         max-width: 1280px;
  1777.         margin: 0 auto;
  1778.         padding: 0 28px;
  1779.         height: 64px;
  1780.         display: flex;
  1781.         align-items: center;
  1782.         gap: 24px;
  1783.     }
  1784.     /* โ”€โ”€ Brand โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  1785.     .hb-brand {
  1786.         display: flex;
  1787.         align-items: center;
  1788.         gap: 9px;
  1789.         text-decoration: none;
  1790.         flex-shrink: 0;
  1791.     }
  1792.     .hb-brand img {
  1793.         height: 30px;
  1794.         width: auto;
  1795.     }
  1796.     .hb-brand-name {
  1797.         font-size: 15.5px;
  1798.         font-weight: 800;
  1799.         color: var(--hb-ink);
  1800.         letter-spacing: -.01em;
  1801.         line-height: 1;
  1802.     }
  1803.     .hb-brand-name b {
  1804.         color: var(--hb-amber);
  1805.         font-weight: 800;
  1806.     }
  1807.     /* โ”€โ”€ Nav links โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  1808.     .hb-links {
  1809.         display: flex;
  1810.         align-items: center;
  1811.         gap: 2px;
  1812.         list-style: none;
  1813.         margin: 0;
  1814.         padding: 0;
  1815.         flex: 1;
  1816.     }
  1817.     .hb-links .hb-link > a,
  1818.     .hb-links .hb-drop > a {
  1819.         display: inline-flex;
  1820.         align-items: center;
  1821.         gap: 5px;
  1822.         padding: 7px 11px;
  1823.         font-size: 13.5px;
  1824.         font-weight: 500;
  1825.         color: var(--hb-muted);
  1826.         text-decoration: none;
  1827.         border-radius: 7px;
  1828.         white-space: nowrap;
  1829.         transition: color .15s, background .15s;
  1830.         position: relative;
  1831.     }
  1832.     .hb-links .hb-link > a:hover,
  1833.     .hb-links .hb-drop > a:hover {
  1834.         color: var(--hb-ink);
  1835.         background: rgba(26, 29, 46, .04);
  1836.     }
  1837.     .hb-links .hb-link > a.active {
  1838.         color: var(--hb-ink);
  1839.         font-weight: 600;
  1840.     }
  1841.     .hb-links .hb-link > a.active::after {
  1842.         content: '';
  1843.         position: absolute;
  1844.         bottom: 2px;
  1845.         left: 11px;
  1846.         right: 11px;
  1847.         height: 1.5px;
  1848.         background: var(--hb-amber);
  1849.         border-radius: 2px;
  1850.     }
  1851.     /* โ”€โ”€ Dropdown โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  1852.     .hb-drop {
  1853.         position: relative;
  1854.     }
  1855.     .hb-caret {
  1856.         font-size: 9px;
  1857.         opacity: .5;
  1858.         transition: transform .2s;
  1859.     }
  1860.     .hb-drop:hover .hb-caret {
  1861.         transform: rotate(180deg);
  1862.     }
  1863.     .hb-dd-menu {
  1864.         position: absolute;
  1865.         top: 100%;
  1866.         left: 50%;
  1867.         transform: translateX(-50%) translateY(0);
  1868.         min-width: 195px;
  1869.         background: var(--hb-white);
  1870.         border: 1px solid var(--hb-border-md);
  1871.         border-radius: var(--hb-radius);
  1872.         box-shadow: var(--hb-shadow-lg);
  1873.         padding: 6px;
  1874.         padding-top: 12px; /* gap lives inside โ†’ no dead zone */
  1875.         opacity: 0;
  1876.         pointer-events: none;
  1877.         transition: opacity .16s, transform .16s;
  1878.         transition-delay: 0s, 0s; /* show instantly */
  1879.         list-style: none;
  1880.         margin: 0;
  1881.         z-index: 10001;
  1882.     }
  1883.     .hb-drop:hover .hb-dd-menu,
  1884.     .hb-dd-menu:hover {
  1885.         opacity: 1;
  1886.         pointer-events: all;
  1887.         transform: translateX(-50%) translateY(0);
  1888.     }
  1889.     .hb-drop:not(:hover) .hb-dd-menu:not(:hover) {
  1890.         transition-delay: .12s;
  1891.     }
  1892.     /* slight lag on hide */
  1893.     .hb-dd-menu li a {
  1894.         display: block;
  1895.         padding: 8px 12px;
  1896.         font-size: 13px;
  1897.         font-weight: 500;
  1898.         color: var(--hb-muted);
  1899.         text-decoration: none;
  1900.         border-radius: 6px;
  1901.         transition: color .12s, background .12s;
  1902.     }
  1903.     .hb-dd-menu li a:hover {
  1904.         color: var(--hb-ink);
  1905.         background: rgba(26, 29, 46, .04);
  1906.     }
  1907.     .hb-dd-menu li a.active {
  1908.         color: var(--hb-ink);
  1909.         font-weight: 600;
  1910.     }
  1911.     .hb-dd-div {
  1912.         height: 1px;
  1913.         background: var(--hb-border);
  1914.         margin: 4px 6px;
  1915.     }
  1916.     /* โ”€โ”€ Right side โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  1917.     .hb-nav-right {
  1918.         display: flex;
  1919.         align-items: center;
  1920.         gap: 6px;
  1921.         flex-shrink: 0;
  1922.     }
  1923.     /* โ”€โ”€ Language switcher โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  1924.     .hb-lang {
  1925.         position: relative;
  1926.     }
  1927.     .hb-lang-btn {
  1928.         display: flex;
  1929.         align-items: center;
  1930.         gap: 5px;
  1931.         padding: 6px 10px;
  1932.         font-size: 12.5px;
  1933.         font-weight: 600;
  1934.         color: var(--hb-muted);
  1935.         background: none;
  1936.         border: 1px solid var(--hb-border);
  1937.         border-radius: 7px;
  1938.         cursor: pointer;
  1939.         transition: all .15s;
  1940.         font-family: var(--hb-font);
  1941.     }
  1942.     .hb-lang-btn:hover {
  1943.         color: var(--hb-ink);
  1944.         border-color: var(--hb-border-md);
  1945.         background: rgba(26, 29, 46, .03);
  1946.     }
  1947.     .hb-lang-menu {
  1948.         position: absolute;
  1949.         top: 100%;
  1950.         right: 0;
  1951.         min-width: 155px;
  1952.         background: var(--hb-white);
  1953.         border: 1px solid var(--hb-border-md);
  1954.         border-radius: var(--hb-radius);
  1955.         box-shadow: var(--hb-shadow-lg);
  1956.         padding: 6px;
  1957.         padding-top: 10px; /* gap lives inside โ†’ no dead zone */
  1958.         opacity: 0;
  1959.         pointer-events: none;
  1960.         transform: translateY(0);
  1961.         transition: opacity .15s;
  1962.         z-index: 10001;
  1963.         list-style: none;
  1964.         margin: 0;
  1965.     }
  1966.     .hb-lang:hover .hb-lang-menu,
  1967.     .hb-lang-menu:hover {
  1968.         opacity: 1;
  1969.         pointer-events: all;
  1970.     }
  1971.     .hb-lang:not(:hover) .hb-lang-menu:not(:hover) {
  1972.         transition-delay: .12s;
  1973.     }
  1974.     .hb-lang-menu li a {
  1975.         display: block;
  1976.         padding: 7px 12px;
  1977.         font-size: 13px;
  1978.         font-weight: 500;
  1979.         color: var(--hb-muted);
  1980.         text-decoration: none;
  1981.         border-radius: 6px;
  1982.         transition: all .12s;
  1983.     }
  1984.     .hb-lang-menu li a:hover {
  1985.         color: var(--hb-ink);
  1986.         background: rgba(26, 29, 46, .04);
  1987.     }
  1988.     /* โ”€โ”€ User dropdown โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  1989.     .hb-user {
  1990.         position: relative;
  1991.     }
  1992.     .hb-user-btn {
  1993.         display: flex;
  1994.         align-items: center;
  1995.         gap: 7px;
  1996.         background: none;
  1997.         border: none;
  1998.         cursor: pointer;
  1999.         padding: 4px 6px;
  2000.         border-radius: 8px;
  2001.         transition: background .15s;
  2002.     }
  2003.     .hb-user-btn:hover {
  2004.         background: rgba(26, 29, 46, .05);
  2005.     }
  2006.     .hb-user-avatar {
  2007.         width: 30px;
  2008.         height: 30px;
  2009.         border-radius: 50%;
  2010.         background-size: cover !important;
  2011.         background-position: center !important;
  2012.         border: 1.5px solid var(--hb-border-md);
  2013.         flex-shrink: 0;
  2014.     }
  2015.     .hb-user-name {
  2016.         font-size: 13px;
  2017.         font-weight: 600;
  2018.         color: var(--hb-ink);
  2019.         max-width: 110px;
  2020.         white-space: nowrap;
  2021.         overflow: hidden;
  2022.         text-overflow: ellipsis;
  2023.     }
  2024.     .hb-user-menu {
  2025.         position: absolute;
  2026.         top: 100%;
  2027.         right: 0;
  2028.         min-width: 185px;
  2029.         background: var(--hb-white);
  2030.         border: 1px solid var(--hb-border-md);
  2031.         border-radius: var(--hb-radius);
  2032.         box-shadow: var(--hb-shadow-lg);
  2033.         padding: 6px;
  2034.         padding-top: 12px; /* gap lives inside โ†’ no dead zone */
  2035.         opacity: 0;
  2036.         pointer-events: none;
  2037.         transform: translateY(0);
  2038.         transition: opacity .15s;
  2039.         z-index: 10001;
  2040.         list-style: none;
  2041.         margin: 0;
  2042.     }
  2043.     .hb-user:hover .hb-user-menu {
  2044.         opacity: 1;
  2045.         pointer-events: all;
  2046.     }
  2047.     .hb-user:not(:hover) .hb-user-menu:not(:hover) {
  2048.         transition-delay: .12s;
  2049.     }
  2050.     .hb-user-menu li a {
  2051.         display: flex;
  2052.         align-items: center;
  2053.         gap: 8px;
  2054.         padding: 8px 12px;
  2055.         font-size: 13px;
  2056.         font-weight: 500;
  2057.         color: var(--hb-muted);
  2058.         text-decoration: none;
  2059.         border-radius: 6px;
  2060.         transition: all .12s;
  2061.     }
  2062.     .hb-user-menu li a:hover {
  2063.         color: var(--hb-ink);
  2064.         background: rgba(26, 29, 46, .04);
  2065.     }
  2066.     .hb-user-menu li a i {
  2067.         font-size: 12px;
  2068.         width: 14px;
  2069.         opacity: .5;
  2070.     }
  2071.     .hb-u-div {
  2072.         height: 1px;
  2073.         background: var(--hb-border);
  2074.         margin: 4px 6px;
  2075.     }
  2076.     /* โ”€โ”€ Auth + Companies buttons โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  2077.     .hb-btn-login {
  2078.         padding: 7px 16px;
  2079.         font-size: 13px;
  2080.         font-weight: 600;
  2081.         color: var(--hb-ink);
  2082.         background: none;
  2083.         border: 1.5px solid var(--hb-border-md);
  2084.         border-radius: 8px;
  2085.         text-decoration: none;
  2086.         transition: all .15s;
  2087.     }
  2088.     .hb-btn-login:hover {
  2089.         color: var(--hb-ink);
  2090.         border-color: var(--hb-ink);
  2091.         background: rgba(26, 29, 46, .03);
  2092.     }
  2093.     .hb-btn-signup {
  2094.         padding: 7px 16px;
  2095.         font-size: 13px;
  2096.         font-weight: 700;
  2097.         color: #fff;
  2098.         background: var(--hb-ink);
  2099.         border: 1.5px solid transparent;
  2100.         border-radius: 8px;
  2101.         text-decoration: none;
  2102.         transition: all .15s;
  2103.     }
  2104.     .hb-btn-signup:hover {
  2105.         color: #fff;
  2106.         background: var(--hb-ink-2);
  2107.         box-shadow: 0 4px 14px rgba(26, 29, 46, .2);
  2108.     }
  2109.     .hb-btn-companies {
  2110.         display: inline-flex;
  2111.         align-items: center;
  2112.         gap: 6px;
  2113.         padding: 7px 15px;
  2114.         font-size: 13px;
  2115.         font-weight: 700;
  2116.         color: #fff;
  2117.         background: var(--hb-amber);
  2118.         border: none;
  2119.         border-radius: 8px;
  2120.         text-decoration: none;
  2121.         transition: all .15s;
  2122.     }
  2123.     .hb-btn-companies:hover {
  2124.         color: #fff;
  2125.         background: var(--hb-amber-lt);
  2126.         box-shadow: 0 4px 14px rgba(192, 125, 42, .28);
  2127.     }
  2128.     /* โ”€โ”€ Switch-user panel (admin only) โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  2129.     .hb-switch {
  2130.         position: relative;
  2131.     }
  2132.     .hb-switch-btn {
  2133.         padding: 6px 11px;
  2134.         font-size: 12px;
  2135.         font-weight: 600;
  2136.         color: var(--hb-muted);
  2137.         background: none;
  2138.         border: 1px solid var(--hb-border);
  2139.         border-radius: 7px;
  2140.         cursor: pointer;
  2141.         font-family: var(--hb-font);
  2142.         transition: all .15s;
  2143.     }
  2144.     .hb-switch-btn:hover {
  2145.         color: var(--hb-ink);
  2146.         border-color: var(--hb-border-md);
  2147.     }
  2148.     .hb-switch-panel {
  2149.         position: absolute;
  2150.         top: 100%;
  2151.         right: 0;
  2152.         min-width: 225px;
  2153.         background: var(--hb-white);
  2154.         border: 1px solid var(--hb-border-md);
  2155.         border-radius: var(--hb-radius);
  2156.         box-shadow: var(--hb-shadow-lg);
  2157.         padding: 10px;
  2158.         padding-top: 14px; /* gap lives inside โ†’ no dead zone */
  2159.         opacity: 0;
  2160.         pointer-events: none;
  2161.         transform: translateY(0);
  2162.         transition: opacity .15s;
  2163.         z-index: 10001;
  2164.         list-style: none;
  2165.         margin: 0;
  2166.     }
  2167.     .hb-switch:hover .hb-switch-panel {
  2168.         opacity: 1;
  2169.         pointer-events: all;
  2170.     }
  2171.     .hb-switch:not(:hover) .hb-switch-panel:not(:hover) {
  2172.         transition-delay: .12s;
  2173.     }
  2174.     .hb-switch-panel li a {
  2175.         display: block;
  2176.         padding: 8px 10px;
  2177.         font-size: 13px;
  2178.         font-weight: 500;
  2179.         color: var(--hb-muted);
  2180.         text-decoration: none;
  2181.         border-radius: 6px;
  2182.         transition: all .12s;
  2183.     }
  2184.     .hb-switch-panel li a:hover {
  2185.         color: var(--hb-ink);
  2186.         background: rgba(26, 29, 46, .04);
  2187.     }
  2188.     .hb-sw-div {
  2189.         height: 1px;
  2190.         background: var(--hb-border);
  2191.         margin: 6px 0;
  2192.     }
  2193.     .hb-switch-panel select {
  2194.         width: 100%;
  2195.         font-size: 12px;
  2196.         font-family: var(--hb-font);
  2197.         border: 1px solid var(--hb-border-md);
  2198.         border-radius: 6px;
  2199.         padding: 6px 8px;
  2200.         color: var(--hb-ink);
  2201.         background: var(--hb-cream);
  2202.     }
  2203.     /* โ”€โ”€ Theme toggle โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  2204.     .hb-theme {
  2205.         display: flex;
  2206.         align-items: center;
  2207.         gap: 6px;
  2208.         padding: 0 2px;
  2209.     }
  2210.     .hb-theme-img {
  2211.         width: 14px;
  2212.         height: 14px;
  2213.         opacity: .45;
  2214.         display: block;
  2215.     }
  2216.     #theme-toggle-checkbox {
  2217.         display: none;
  2218.     }
  2219.     .hb-theme-track {
  2220.         position: relative;
  2221.         width: 34px;
  2222.         height: 19px;
  2223.         background: rgba(26, 29, 46, .14);
  2224.         border-radius: 10px;
  2225.         cursor: pointer;
  2226.         transition: background .2s;
  2227.         flex-shrink: 0;
  2228.         display: block;
  2229.     }
  2230.     .hb-theme-track::after {
  2231.         content: '';
  2232.         position: absolute;
  2233.         top: 2px;
  2234.         left: 2px;
  2235.         width: 15px;
  2236.         height: 15px;
  2237.         background: white;
  2238.         border-radius: 50%;
  2239.         box-shadow: 0 1px 4px rgba(0, 0, 0, .18);
  2240.         transition: transform .2s;
  2241.     }
  2242.     .hb-theme-track.hb-dark {
  2243.         background: var(--hb-amber);
  2244.     }
  2245.     .hb-theme-track.hb-dark::after {
  2246.         transform: translateX(15px);
  2247.     }
  2248.     /* โ”€โ”€ Mobile hamburger โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  2249.     .hb-toggler {
  2250.         display: none;
  2251.         background: none;
  2252.         border: none;
  2253.         cursor: pointer;
  2254.         padding: 8px;
  2255.         flex-direction: column;
  2256.         gap: 5px;
  2257.         border-radius: 7px;
  2258.         margin-left: auto;
  2259.         flex-shrink: 0;
  2260.         transition: background .15s;
  2261.     }
  2262.     .hb-toggler:hover {
  2263.         background: rgba(26, 29, 46, .06);
  2264.     }
  2265.     .hb-toggler span {
  2266.         display: block;
  2267.         width: 21px;
  2268.         height: 1.5px;
  2269.         background: var(--hb-ink);
  2270.         border-radius: 2px;
  2271.         transition: all .22s;
  2272.     }
  2273.     .hb-toggler.hb-open span:nth-child(1) {
  2274.         transform: rotate(45deg) translate(4.5px, 4.5px);
  2275.     }
  2276.     .hb-toggler.hb-open span:nth-child(2) {
  2277.         opacity: 0;
  2278.         transform: scaleX(0);
  2279.     }
  2280.     .hb-toggler.hb-open span:nth-child(3) {
  2281.         transform: rotate(-45deg) translate(4.5px, -4.5px);
  2282.     }
  2283.     /* โ”€โ”€ Responsive โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  2284.     @media (max-width: 1024px) {
  2285.         .hb-toggler {
  2286.             display: flex;
  2287.         }
  2288.         .hb-links, .hb-nav-right {
  2289.             display: none;
  2290.         }
  2291.         .hb-nav-inner {
  2292.             height: 56px;
  2293.         }
  2294.         .hb-navbar.hb-open .hb-nav-inner {
  2295.             height: auto;
  2296.             flex-wrap: wrap;
  2297.             padding-top: 12px;
  2298.             padding-bottom: 14px;
  2299.             align-items: flex-start;
  2300.         }
  2301.         .hb-navbar.hb-open .hb-links {
  2302.             display: flex;
  2303.             flex-direction: column;
  2304.             align-items: flex-start;
  2305.             width: 100%;
  2306.             flex: 0 0 100%;
  2307.             gap: 2px; /* flex: 0 0 100% overrides base flex:1 to force row wrap */
  2308.         }
  2309.         .hb-navbar.hb-open .hb-links .hb-link,
  2310.         .hb-navbar.hb-open .hb-links .hb-drop {
  2311.             width: 100%;
  2312.         }
  2313.         .hb-navbar.hb-open .hb-links .hb-link > a,
  2314.         .hb-navbar.hb-open .hb-links .hb-drop > a {
  2315.             width: 100%;
  2316.             justify-content: space-between;
  2317.         }
  2318.         .hb-navbar.hb-open .hb-dd-menu {
  2319.             position: static;
  2320.             transform: none;
  2321.             opacity: 0;
  2322.             pointer-events: none;
  2323.             display: none;
  2324.             box-shadow: none;
  2325.             border: none;
  2326.             background: rgba(26, 29, 46, .03);
  2327.             border-radius: 7px;
  2328.             margin: 2px 0 2px 12px;
  2329.         }
  2330.         .hb-navbar.hb-open .hb-drop.hb-mob-open .hb-dd-menu {
  2331.             display: block;
  2332.             opacity: 1;
  2333.             pointer-events: all;
  2334.         }
  2335.         .hb-navbar.hb-open .hb-nav-right {
  2336.             display: flex;
  2337.             flex-wrap: wrap;
  2338.             width: 100%;
  2339.             flex: 0 0 100%;
  2340.             gap: 8px;
  2341.             padding-top: 12px;
  2342.             border-top: 1px solid var(--hb-border);
  2343.             margin-top: 4px;
  2344.         }
  2345.     }
  2346.     /* โ”€โ”€ Body offset for fixed navbar โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  2347.     body {
  2348.         padding-top: 64px;
  2349.     }
  2350.     @media (max-width: 1024px) {
  2351.         body {
  2352.             padding-top: 56px;
  2353.         }
  2354.     }
  2355.     /* โ”€โ”€ Processing loader โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ */
  2356.     #buddybee_processing_loader {
  2357.         position: fixed;
  2358.         inset: 0;
  2359.         background: rgba(247, 245, 240, .88);
  2360.         backdrop-filter: blur(4px);
  2361.         z-index: 999999;
  2362.         display: none;
  2363.         align-items: center;
  2364.         justify-content: center;
  2365.     }
  2366.     #buddybee_processing_loader div {
  2367.         background: var(--hb-white);
  2368.         border-radius: 14px;
  2369.         padding: 28px 44px;
  2370.         box-shadow: 0 12px 40px rgba(26, 29, 46, .12);
  2371.         text-align: center;
  2372.     }
  2373.     #buddybee_processing_loader p {
  2374.         color: var(--hb-ink);
  2375.         font-weight: 700;
  2376.         font-size: 12px;
  2377.         letter-spacing: .1em;
  2378.         text-transform: uppercase;
  2379.         margin: 0;
  2380.         font-family: var(--hb-font);
  2381.     }
  2382.     a:hover {
  2383.         text-decoration: none;
  2384.     }
  2385. </style>
  2386. <nav class=\"hb-navbar\" id=\"hbNavbar\">
  2387.     <div class=\"hb-nav-inner\">
  2388.         {# Brand #}
  2389.         <a class=\"hb-brand\" href=\"{{ url('dashboard') }}\">
  2390.             <img src=\"{{ absolute_url(path('dashboard')) }}honeybee_web_assets/icons/honeybeeicon.svg?v={{ constant('ApplicationBundle\\\\Constants\\\\GeneralConstant::ENTITY_APP_VERSION') }}\"
  2391.                  alt=\"HoneyBee\">
  2392.             <span class=\"hb-brand-name\">Honey<b>Bee</b></span>
  2393.         </a>
  2394.         {# Mobile hamburger #}
  2395.         <button class=\"hb-toggler\" id=\"hbToggler\" aria-label=\"Open menu\" type=\"button\">
  2396.             <span></span><span></span><span></span>
  2397.         </button>
  2398.         {# Primary navigation #}
  2399.         <ul class=\"hb-links\">
  2400.             <li class=\"hb-link\">
  2401.                 <a href=\"{{ url('honeybee_product') }}\"
  2402.                    class=\"{{ app.request.get('_route') == 'honeybee_product' ? 'active' : '' }} trn\"
  2403.                    data-trn-key=\"_PRODUCTS_\">Product</a>
  2404.             </li>
  2405.             <li class=\"hb-link\">
  2406.                 <a href=\"{{ url('honeybee_solutions') }}\"
  2407.                    class=\"{{ app.request.get('_route') == 'honeybee_solutions' ? 'active' : '' }}\">Solutions</a>
  2408.             </li>
  2409.             <li class=\"hb-link\">
  2410.                 <a href=\"{{ url('honeybee_pricing') }}\"
  2411.                    class=\"{{ app.request.get('_route') == 'honeybee_pricing' ? 'active' : '' }} trn\"
  2412.                    data-trn-key=\"_PRICING_\">Pricing</a>
  2413.             </li>
  2414.             <li class=\"hb-link\">
  2415.                 <a href=\"{{ url('honeybee_partners') }}\"
  2416.                    class=\"{{ app.request.get('_route') == 'honeybee_partners' ? 'active' : '' }}\">Partners</a>
  2417.             </li>
  2418.             <li class=\"hb-drop\">
  2419.                 <a href=\"#\">Company <i class=\"fa-solid fa-chevron-down hb-caret\"></i></a>
  2420.                 <ul class=\"hb-dd-menu\">
  2421.                     <li><a href=\"{{ url('honeybee_about_us') }}\"
  2422.                            class=\"{{ app.request.get('_route') == 'honeybee_about_us' ? 'active' : '' }}\">About</a></li>
  2423.                     <li><a href=\"{{ url('honeybee_FAQ') }}\"
  2424.                            class=\"{{ app.request.get('_route') == 'honeybee_FAQ' ? 'active' : '' }}\">FAQ</a></li>
  2425.                     <li><a href=\"{{ url('honeybee_contact') }}\"
  2426.                            class=\"{{ app.request.get('_route') == 'honeybee_contact' ? 'active' : '' }}\">Contact</a>
  2427.                     </li>
  2428.                 </ul>
  2429.             </li>
  2430.         </ul>
  2431.         {# Right-side controls #}
  2432.         <div class=\"hb-nav-right\">
  2433.             {# Language switcher #}
  2434.             <div class=\"hb-lang\">
  2435.                 <button class=\"hb-lang-btn\" type=\"button\">
  2436.                     <i class=\"fa-solid fa-globe\" style=\"font-size:12px\"></i>
  2437.                     <span class=\"curr_locale_text\">en</span>
  2438.                     <i class=\"fa-solid fa-chevron-down\" style=\"font-size:8px;opacity:.5\"></i>
  2439.                 </button>
  2440.                 <ul class=\"hb-lang-menu\">
  2441.                     <li><a href=\"#\" class=\"locale_changer en\" data-locale=\"en\">๐Ÿ‡ฌ๐Ÿ‡ง English</a></li>
  2442.                     <li><a href=\"#\" class=\"locale_changer bn\" data-locale=\"bn\">๐Ÿ‡ง๐Ÿ‡ฉ เฆฌเฆพเฆ‚เฆฒเฆพ</a></li>
  2443.                     <li><a href=\"#\" class=\"locale_changer it\" data-locale=\"it\">๐Ÿ‡ฎ๐Ÿ‡น Italiano</a></li>
  2444.                     <li><a href=\"#\" class=\"locale_changer de\" data-locale=\"de\">๐Ÿ‡ฉ๐Ÿ‡ช Deutsch</a></li>
  2445.                     <li><a href=\"#\" class=\"locale_changer fr\" data-locale=\"fr\">๐Ÿ‡ซ๐Ÿ‡ท Franรงais</a></li>
  2446.                     <li><a href=\"#\" class=\"locale_changer sp\" data-locale=\"sp\">๐Ÿ‡ช๐Ÿ‡ธ Espaรฑol</a></li>
  2447.                     <li><a href=\"#\" class=\"locale_changer cn\" data-locale=\"cn\">๐Ÿ‡จ๐Ÿ‡ณ ไธญๆ–‡</a></li>
  2448.                 </ul>
  2449.             </div>
  2450.             {# Admin only: switch user #}
  2451.             {% if session[UserConstants.USER_ID] is defined and (BUDDYBEE_ADMIN_LEVEL >= 1 or session['actualUserIsAdmin'] is defined) %}
  2452.                 <div class=\"hb-switch\">
  2453.                     <button class=\"hb-switch-btn\" type=\"button\">Switch User</button>
  2454.                     <ul class=\"hb-switch-panel\">
  2455.                         <li>
  2456.                             <a href=\"{{ absolute_url(path('view_as_user_central')) }}/{{ session['actualUserId'] is defined ? session['actualUserId'] : session['userId'] }}\">
  2457.                                 โ†ฉ Back to Mine
  2458.                             </a>
  2459.                         </li>
  2460.                         <li class=\"hb-sw-div\"></li>
  2461.                         <li style=\"padding:2px 0\"><select name=\"viewAsId\" id=\"viewAsId\"></select></li>
  2462.                     </ul>
  2463.                 </div>
  2464.             {% endif %}
  2465.             {% if session[UserConstants.USER_ID] is defined %}
  2466.                 {# Authenticated: user avatar + dropdown #}
  2467.                 <div class=\"hb-user\">
  2468.                     <button class=\"hb-user-btn\" type=\"button\">
  2469.                         <div class=\"hb-user-avatar\"
  2470.                                 {% if session[UserConstants.USER_IMAGE] != '' and session[UserConstants.USER_IMAGE] is not null %}
  2471.                                     style=\"background:url('{{ url('dashboard') }}{{ session[UserConstants.USER_IMAGE] }}?v={{ constant('ApplicationBundle\\\\Constants\\\\GeneralConstant::ENTITY_APP_VERSION') }}')\"
  2472.                                 {% else %}
  2473.                                     style=\"background:url('{{ url('dashboard') }}honeybee_web_assets/images/profiles/profile.png?v={{ constant('ApplicationBundle\\\\Constants\\\\GeneralConstant::ENTITY_APP_VERSION') }}')\"
  2474.                                 {% endif %}
  2475.                         ></div>
  2476.                         <span class=\"hb-user-name\">{{ session[UserConstants.USER_NAME] }}</span>
  2477.                         <i class=\"fa-solid fa-chevron-down\" style=\"font-size:9px;color:var(--hb-muted);opacity:.55\"></i>
  2478.                     </button>
  2479.                     <ul class=\"hb-user-menu\">
  2480.                         <li>
  2481.                             <a href=\"{{ url('honeybee_my_freelancer_profile') }}\"
  2482.                                class=\"{{ app.request.get('_route') == 'honeybee_my_freelancer_profile' ? 'active' : '' }}\">
  2483.                                 <i class=\"fa-regular fa-circle-user\"></i> Profile
  2484.                             </a>
  2485.                         </li>
  2486.                         <li>
  2487.                             <a href=\"{{ url('ticket_list') }}\"
  2488.                                class=\"{{ app.request.get('_route') == 'ticket_list' ? 'active' : '' }}\">
  2489.                                 <i class=\"fa-regular fa-ticket\"></i> <span class=\"trn\" data-trn-key=\"_MY_TICKETS_\">My Tickets</span>
  2490.                             </a>
  2491.                         </li>
  2492.                         <li>
  2493.                             <a href=\"{{ url('central_landing') }}\"
  2494.                                class=\"{{ app.request.get('_route') == 'central_landing' ? 'active' : '' }}\">
  2495.                                 <i class=\"fas fa-border-all\"></i> <span class=\"trn\" data-trn-key=\"_MY_COMPANIES_\">My Companies</span>
  2496.                             </a>
  2497.                         </li>
  2498.                         {% if BUDDYBEE_ADMIN_LEVEL >= 1 %}
  2499.                             <li class=\"hb-u-div\"></li>
  2500.                             <li>
  2501.                                 <a href=\"{{ url('super_admin_command_center') }}\"
  2502.                                    class=\"{{ app.request.get('_route') == 'super_admin_command_center' ? 'active' : '' }}\">
  2503.                                     <i class=\"fa-solid fa-gauge-high\"></i> Super Admin
  2504.                                 </a>
  2505.                             </li>
  2506.                             <li class=\"hb-u-div\"></li>
  2507.                             <li>
  2508.                                 <a href=\"{{ url('datev_home') }}\"
  2509.                                    class=\"{{ app.request.get('_route') == 'datev_home' ? 'active' : '' }}\">
  2510.                                     <i class=\"fa-solid fa-gauge-high\"></i> Datev Control
  2511.                                 </a>
  2512.                             </li>
  2513.                         {% endif %}
  2514.                         {% if BUDDYBEE_ADMIN_LEVEL > 1 %}
  2515.                             <li class=\"hb-u-div\"></li>
  2516.                             <li>
  2517.                                 <a href=\"{{ url('admin_demo_pending_list') }}\"
  2518.                                    class=\"{{ app.request.get('_route') in ['admin_demo_pending_list','admin_demo_request_detail'] ? 'active' : '' }}\">
  2519.                                     <i class=\"fa-solid fa-calendar-check\"></i> Demo Requests
  2520.                                 </a>
  2521.                             </li>
  2522.                             <li>
  2523.                                 <a href=\"{{ url('admin_demo_all_list') }}\"
  2524.                                    class=\"{{ app.request.get('_route') == 'admin_demo_all_list' ? 'active' : '' }}\">
  2525.                                     <i class=\"fa-solid fa-list-check\"></i> All Bookings
  2526.                                 </a>
  2527.                             </li>
  2528.                         {% endif %}
  2529.                         <li class=\"hb-u-div\"></li>
  2530.                         <li>
  2531.                             <a href=\"{{ url('user_logout') }}\" style=\"color:#B04030\">
  2532.                                 <i class=\"fa-solid fa-right-from-bracket\"></i> Logout
  2533.                             </a>
  2534.                         </li>
  2535.                     </ul>
  2536.                 </div>
  2537.                 {# Companies shortcut #}
  2538.                 <a href=\"{{ url('central_landing') }}\" class=\"hb-btn-companies trn\" data-trn-key=\"_COMPANIES_\">
  2539.                     <i class=\"fa-solid fa-building\" style=\"font-size:11px\"></i>
  2540.                     <span>Companies</span>
  2541.                 </a>
  2542.                 {# Book Demo CTA (authenticated) #}
  2543.                 <a href=\"{{ url('honeybee_contact') }}\" class=\"hb-btn-companies\" style=\"background:var(--hb-amber)\">Book
  2544.                     Demo</a>
  2545.             {% else %}
  2546.                 {# Guest: login + get started + book demo #}
  2547.                 <a href=\"{{ url('user_login') }}\" class=\"hb-btn-login trn\" data-trn-key=\"_LOGIN_\">Login</a>
  2548.                 <a href=\"{{ url('sign_up') }}\" class=\"hb-btn-signup trn\" data-trn-key=\"_CREATE_ACCOUNT_\">Get Started</a>
  2549.                 <a href=\"{{ url('honeybee_contact') }}\" class=\"hb-btn-companies\" style=\"background:var(--hb-amber)\">Book
  2550.                     Demo</a>
  2551.             {% endif %}
  2552.             {# Dark / Light mode toggle #}
  2553.             {#            <div class=\"hb-theme\"> #}
  2554.             {#                <img class=\"hb-theme-img\" src=\"{{ absolute_url(asset('honeybee_web_assets/icons/sun.svg')) }}\" alt=\"Light mode\"> #}
  2555.             {#                <input type=\"checkbox\" id=\"theme-toggle-checkbox\"> #}
  2556.             {#                <label for=\"theme-toggle-checkbox\" class=\"hb-theme-track\" id=\"hbThemeTrack\"></label> #}
  2557.             {#                <img class=\"hb-theme-img\" src=\"{{ absolute_url(asset('honeybee_web_assets/icons/moon.svg')) }}\" alt=\"Dark mode\"> #}
  2558.             {#            </div> #}
  2559.         </div>{# /hb-nav-right #}
  2560.     </div>{# /hb-nav-inner #}
  2561. </nav>
  2562. {# โ”€โ”€ Apply saved theme immediately (no flash of wrong theme) โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ #}
  2563. <script>
  2564.     (function () {
  2565.         var saved = localStorage.getItem('theme') || 'light';
  2566.         if (saved === 'dark') {
  2567.             var css = document.getElementById('dark-theme-css');
  2568.             var cb = document.getElementById('theme-toggle-checkbox');
  2569.             var track = document.getElementById('hbThemeTrack');
  2570.             if (css) css.disabled = false;
  2571.             if (cb) cb.checked = true;
  2572.             if (track) track.classList.add('hb-dark');
  2573.         }
  2574.     }());
  2575. </script>
  2576. {# โ”€โ”€ Navbar interaction scripts โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ #}
  2577. <script>
  2578.     (function () {
  2579.         var navbar = document.getElementById('hbNavbar');
  2580.         var toggler = document.getElementById('hbToggler');
  2581.         window.addEventListener('scroll', function () {
  2582.             navbar.classList.toggle('hb-scrolled', window.scrollY > 6);
  2583.         }, {passive: true});
  2584.         if (toggler) {
  2585.             toggler.addEventListener('click', function () {
  2586.                 navbar.classList.toggle('hb-open');
  2587.                 toggler.classList.toggle('hb-open');
  2588.             });
  2589.         }
  2590.         navbar.querySelectorAll('.hb-drop > a').forEach(function (a) {
  2591.             a.addEventListener('click', function (e) {
  2592.                 if (window.innerWidth <= 1024) {
  2593.                     e.preventDefault();
  2594.                     a.closest('.hb-drop').classList.toggle('hb-mob-open');
  2595.                 }
  2596.             });
  2597.         });
  2598.         var cb = document.getElementById('theme-toggle-checkbox');
  2599.         var track = document.getElementById('hbThemeTrack');
  2600.         if (cb && track) {
  2601.             track.addEventListener('click', function () {
  2602.                 changeTheme(!cb.checked);
  2603.             });
  2604.         }
  2605.     }());
  2606. </script>
  2607. {# โ”€โ”€ Preloader: hide on load โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€ #}
  2608. <script>
  2609.     document.body.style.overflow = 'hidden';
  2610.     window.addEventListener('load', function () {
  2611.         var pre = document.getElementById('hb-preloader');
  2612.         if (pre) {
  2613.             pre.style.transition = 'opacity .35s ease';
  2614.             pre.style.opacity = '0';
  2615.             setTimeout(function () {
  2616.                 pre.style.display = 'none';
  2617.             }, 360);
  2618.         }
  2619.         document.body.style.overflow = 'auto';
  2620.     });
  2621. </script>
  2622. {% set full_js_included = 0 %}
  2623. {% endif %}{# /include_html #}
  2624. <input type=\"hidden\" id=\"timeStampOnHeaderLoad\" value=\"{{ 'now'|date('U') }}\">
  2625. {% include '@Application/inc/ajax_route_library.html.twig' %}
  2626. {# Date-picker scripts #}
  2627. <script src=\"https://code.jquery.com/jquery-3.6.0.min.js\"></script>
  2628. <script src=\"https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js\"></script>
  2629. <script src=\"https://cdnjs.cloudflare.com/ajax/libs/bootstrap-material-datetimepicker/2.7.1/js/bootstrap-material-datetimepicker.min.js\"></script>
  2630. ""@Application/inc/central_header.html.twig""/home/u405565514/domains/ourhoneybee.eu/public_html/honeybee_main/src/ApplicationBundle/Resources/views/inc/central_header.html.twig");
  2631.     }
  2632. }