{*

--------------------------------------------
---------   Looking to make edits?   -------
--------------------------------------------

You can edit your template without editing this file directly.

For more information about editing your template please refer to our full documentation below:

https://www.zomex.com/docs/whmcs-templates/

Feel free to contact Zomex if you run into any issues or have any questions.

--------------------------------------------

*}

{if $seo}{$seo}{else}<title>{$companyname} - {$pagetitle}{if $kbarticle.title} - {$kbarticle.title}{/if}</title>{/if}

<meta charset="{$charset}" />

<!-- Styling -->
{\WHMCS\View\Asset::fontCssInclude('open-sans-family.css')}
<link href="{assetPath file='all.min.css'}?v={$versionHash}" rel="stylesheet" />
<link href="{assetPath file='theme.min.css'}?v={$versionHash}" rel="stylesheet" />
<link href="{$WEB_ROOT}/assets/fonts/css/fontawesome.min.css" rel="stylesheet">
<link href="{$WEB_ROOT}/assets/fonts/css/fontawesome-solid.min.css" rel="stylesheet">
<link href="{$WEB_ROOT}/assets/fonts/css/fontawesome-regular.min.css" rel="stylesheet">
<link href="{$WEB_ROOT}/assets/fonts/css/fontawesome-light.min.css" rel="stylesheet">
<link href="{$WEB_ROOT}/assets/fonts/css/fontawesome-brands.min.css" rel="stylesheet">
<link href="{$WEB_ROOT}/assets/fonts/css/fontawesome-duotone.min.css" rel="stylesheet">

<script>
    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>

{* Fixes the flicker of color scheme - loaded before layout.css to apply the class before the CSS loads. *}
{literal}
<script>
(function() {
  try {
    var mode = localStorage.getItem('mode') || 'colortoggle-light';
    document.documentElement.classList.add(mode);
  } catch (e) {}
})();
</script>
{/literal}

<link type="text/css" rel="stylesheet" href="{$WEB_ROOT}/templates/{$template}/css/layout.min.css" />{* Theme CSS loaded via this file to avoid display delay *}

{$headoutput}

{assetExists file="custom.css"}
	<link href="{$__assetPath__}" rel="stylesheet">
{/assetExists}