<!DOCTYPE html>
<html lang="{Localisation::getCurrentHtmlLanguage()}">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <title>{if $page_header}{$page_header}{else}{trans("Virtual Customer Service")}{/if}</title>
        <link rel="stylesheet" href="style/bclean/vendor/twbs/bootstrap/dist/css/bootstrap.min.css">
        <link type="text/css" rel="stylesheet" href="{stylefile}">
        {$extra_css}
        <link href="{ConfigHelper::getConfig('userpanel.shortcut_icon', 'img/lms-net.gif')}" rel="shortcut icon">
        {include file="jquery.html" language=Localisation::getCurrentHtmlLanguage() lms_language=Localisation::getCurrentUiLanguage()}
		<script src="style/default/common.js"></script>
		<script src="js/common.js"></script>
{$hint_mode = ConfigHelper::getConfig('userpanel.hint')}
{if $hint_mode != 'classic' && $hint_mode != 'none'}
        <script type="text/javascript" src="style/default/avatar.js"></script>
    </head>
    <body onload="draginit();start_login_timeout({ConfigHelper::getConfig('userpanel.timeout')})">
        <div id="drag" class="drag" style="width:150px; position:absolute; left:350px; top:150px; visibility:hidden;">
        <div id ="hint" style="visibility:hidden; position:relative; top:70px;">
        <img src="style/default/note1.gif" style="vertical-align:bottom;" alt="">
        <div style="background-image:url('style/default/note2.gif'); padding-left:5px; padding-right:5px; height:60px; text-align:center;">
        <table style="width:100%; height:100%;">
        <tr><td>
        <div id ="hinttext">TipInHere</div>
        </td></tr>
        </table>
        </div><img src="style/default/note3.gif" alt="" style="vertical-align:top; z-index:inherit;">
        </div>
        <img id="avatar" src="style/default/avatar.gif" alt="" style="cursor:move;">
        </div>
{elseif $hint_mode == 'classic'}
    </head>
    <div id="overDiv" style="position:absolute; visibility:hidden; z-index:2000; border: 1px black solid; background: #BBDEFB;"></div>
    <script type="text/javascript" src="style/default/overlib.js"></script>
    <body onload="start_login_timeout({ConfigHelper::getConfig('userpanel.timeout')})">
{/if}
    </head>
    <body onload="start_login_timeout({ConfigHelper::getConfig('userpanel.timeout')})">
        <div class="container-fluid">
            {body}
