<!-- Styling -->
{\WHMCS\View\Asset::fontCssInclude('open-sans-family.css')}
{assign var="brandName" value=$brandName|default:"Nebulix"}
{assign var="brandTagline" value=$brandTagline|default:"Cloud Hosting Platform"}
{assign var="metaAction" value=$smarty.get.action|default:''}
{assign var="metaRp" value=$smarty.get.rp|default:''}
{assign var="metaTitle" value=$pagetitle|strip_tags|trim|default:$brandName}
{assign var="metaDescription" value="Nebulix delivers cloud hosting, billing, domains, SSL, and client support through a refined modern control center."}
{assign var="metaKeywords" value="Nebulix, cloud hosting, domain registration, managed hosting, VPS hosting, shared hosting, SSL certificates, billing portal, support center"}
{assign var="metaRobots" value="index,follow"}
{assign var="metaType" value="website"}
{assign var="baseUrl" value={\WHMCS\Utility\Environment\WebHelper::getBaseUrl()}}
{assign var="metaImage" value=$baseUrl|cat:'/templates/'|cat:$template|cat:'/logo.png?v=20260507-04'}
{if $templatefile == 'homepage' || ($filename == 'index' && !$metaAction && !$metaRp)}
    {assign var="metaTitle" value="Cloud Hosting, Billing & Client Management"}
    {assign var="metaDescription" value="Nebulix helps businesses manage hosting, domains, invoices, and support from one premium control center."}
{elseif $filename == 'contact'}
    {assign var="metaTitle" value="Contact Nebulix"}
    {assign var="metaDescription" value="Speak with Nebulix about hosting, domains, billing assistance, and client support."}
{elseif $templatefile == 'knowledgebase'}
    {assign var="metaTitle" value="Knowledgebase"}
    {assign var="metaDescription" value="Browse Nebulix knowledgebase articles for hosting, domains, billing, and support guidance."}
{elseif $templatefile == 'knowledgebasearticle'}
    {assign var="metaTitle" value=$kbarticle.title|strip_tags|trim}
    {assign var="metaDescription" value="Read this Nebulix knowledgebase article for clear answers and practical guidance."}
    {assign var="metaType" value="article"}
{elseif $templatefile == 'announcements'}
    {assign var="metaTitle" value="Announcements"}
    {assign var="metaDescription" value="Stay updated with Nebulix service announcements, platform updates, and important client notices."}
{elseif $templatefile == 'viewannouncement'}
    {assign var="metaTitle" value=$post.title|default:$pagetitle|strip_tags|trim}
    {assign var="metaDescription" value="Read the latest Nebulix announcement and service update."}
    {assign var="metaType" value="article"}
{elseif $filename == 'cart'}
    {assign var="metaTitle" value=$pagetitle|strip_tags|trim|default:"Order"}
    {assign var="metaDescription" value="Secure your services with Nebulix. Order hosting, register domains, and complete checkout from a premium purchase flow."}
    {assign var="metaRobots" value="noindex,nofollow"}
{elseif $filename == 'clientarea' || $filename == 'submitticket' || $filename == 'supporttickets' || $filename == 'viewticket' || $templatefile == 'login' || $templatefile == 'clientregister' || $templatefile == 'password-reset-container' || $templatefile == 'password-reset-email-prompt' || $templatefile == 'password-reset-security-prompt' || $templatefile == 'password-reset-change-prompt' || $metaRp|substr:0:6 == '/user/' || $metaRp|substr:0:9 == '/account/'}
    {assign var="metaDescription" value="Access your Nebulix account to manage hosting, domains, billing, and support in one place."}
    {assign var="metaRobots" value="noindex,nofollow"}
{/if}
<link href="{assetPath file='all.min.css'}?v={$versionHash}" rel="stylesheet">
<link href="{assetPath file='theme.min.css'}?v={$versionHash}" rel="stylesheet">
{assetExists file="custom.css"}
<link href="{$__assetPath__}" rel="stylesheet">
{/assetExists}
 <!-- Favicons -->
    <link rel="icon" type="image/svg+xml" href="{$WEB_ROOT}/templates/{$template}/assets/nebulix/favicon.svg?v=20260615-01" />
    <meta id="hostiqueThemeColor" name="theme-color" content="#5b5cf6" />
    <meta name="application-name" content="{$brandName}" />
    <meta name="apple-mobile-web-app-title" content="{$brandName}" />
    <meta name="author" content="Nebulix" />
    <meta name="description" content="{$metaDescription|escape:'html'}" />
    <meta name="keywords" content="{$metaKeywords|escape:'html'}" />
    <meta name="robots" content="{$metaRobots}" />
    <meta property="og:site_name" content="{$brandName}" />
    <meta property="og:title" content="{$brandName}{if $metaTitle} | {$metaTitle|escape:'html'}{/if}" />
    <meta property="og:description" content="{$metaDescription|escape:'html'}" />
    <meta property="og:type" content="{$metaType}" />
    <meta property="og:image" content="{$metaImage}" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="{$brandName}{if $metaTitle} | {$metaTitle|escape:'html'}{/if}" />
    <meta name="twitter:description" content="{$metaDescription|escape:'html'}" />
    <meta name="twitter:image" content="{$metaImage}" />
    <!-- CSS -->
    <link rel="stylesheet" href="{$WEB_ROOT}/templates/{$template}/html/vendor/bootstrap.min.css" />
<link rel="stylesheet" href="{$WEB_ROOT}/templates/{$template}/html/vendor/animate.min.css" />
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
    <link rel="stylesheet" href="{$WEB_ROOT}/templates/{$template}/html/css/globals.css" />
    <link rel="stylesheet" href="{$WEB_ROOT}/templates/{$template}/html/css/dashb.css" />
<link rel="stylesheet" href="{$WEB_ROOT}/templates/{$template}/html/css/dashboard-modern.css" />
<link rel="stylesheet" href="{$WEB_ROOT}/templates/{$template}/html/css/rtl-fixes.css" />
<link rel="stylesheet" href="{$WEB_ROOT}/templates/{$template}/html/css/rtl-form-fixes.css" />
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=Cairo:wght@400;500;600;700;800&display=swap" rel="stylesheet">
<link rel="stylesheet" href="{$WEB_ROOT}/templates/{$template}/assets/css/custom.css?v=20260615-25" />
<script>
    (function () {
        var theme = {
            hue: "238",
            sat: "88%",
            primaryLightness: "66%",
            primary: "#5b5cf6",
            primaryRgb: "91, 92, 246",
            accent: "#7d6bff",
            accentRgb: "125, 107, 255",
            gradient: "linear-gradient(135deg, #4e46f8 0%, #7d6bff 100%)",
            primaryHover: "#4c4eed",
            primaryActive: "#3f42dd",
            hoverGradient: "linear-gradient(135deg, #433cf0 0%, #6f5dff 100%)",
            heroArtFilter: "none"
        };

        function applyThemeBranding() {
            var root = document.documentElement;
            root.style.setProperty("--hue", theme.hue);
            root.style.setProperty("--sat", theme.sat);
            root.style.setProperty("--primary-lightness", theme.primaryLightness);
            root.style.setProperty("--brand-primary", theme.primary);
            root.style.setProperty("--brand-primary-rgb", theme.primaryRgb);
            root.style.setProperty("--brand-primary-hover", theme.primaryHover || theme.primary);
            root.style.setProperty("--brand-primary-active", theme.primaryActive || theme.primaryHover || theme.primary);
            root.style.setProperty("--brand-accent", theme.accent);
            root.style.setProperty("--brand-accent-rgb", theme.accentRgb);
            root.style.setProperty("--primary", theme.primary);
            root.style.setProperty("--primary-rgb", theme.primaryRgb);
            root.style.setProperty("--accent", theme.accent);
            root.style.setProperty("--accent-rgb", theme.accentRgb);
            root.style.setProperty("--gradient-primary", theme.gradient);
            root.style.setProperty("--gradient-primary-hover", theme.hoverGradient);
            root.style.setProperty("--primary-hover", theme.primaryHover || theme.primary);
            root.style.setProperty("--hero-art-filter", theme.heroArtFilter || "none");
            root.setAttribute("data-theme", "blue");

            var themeColor = document.getElementById("hostiqueThemeColor");
            if (themeColor) {
                themeColor.setAttribute("content", theme.primary);
            }

            window.HostiqueBranding = {
                applyThemeBranding: applyThemeBranding
            };
        }

        applyThemeBranding();
    })();

    var csrfToken = '{$token}',
        markdownGuide = '{lang|addslashes key="markdown.title"}',
        locale = '{if !empty($mdeLocale)}{$mdeLocale}{else}en{/if}',
        saved = '{lang|addslashes key="markdown.saved"}',
        saving = '{lang|addslashes key="markdown.saving"}',
        whmcsBaseUrl = "{\WHMCS\Utility\Environment\WebHelper::getBaseUrl()}";
    {if $captcha}{$captcha->getPageJs()}{/if}
</script>
<script src="{assetPath file='scripts.min.js'}?v={$versionHash}"></script>
