<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"{{#if rtl}} dir="rtl"{{/if}}>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="shortcut icon" href="{{asset "@CurrentStyle/images/favicon.ico"}}" type="image/x-icon"/>
    <title>
        {{title}} - {{l10n "Online Chat Application GCC Exchange"}}
    </title>
    <link href="{{asset "@CurrentStyle/css/default.css"}}" rel="stylesheet" type="text/css" />
	<link href="{{asset "@CurrentStyle/css/bootstrap.min.css"}}" rel="stylesheet" type="text/css" />
	<link href="{{asset "@CurrentStyle/css/style.css"}}" rel="stylesheet" type="text/css" />
    <!--[if lte IE 7]><link href="{{asset "@CurrentStyle/css/default_ie.css"}}" rel="stylesheet" type="text/css" /><![endif] -->
    <!--[if lte IE 6]><script language="JavaScript" type="text/javascript" src="{{asset "@CurrentStyle/js/ie.js"}}"></script><![endif]-->
    <script language="JavaScript" type="text/javascript" src="{{asset "@CurrentStyle/js/bootstrap.min.js"}}"></script>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Extra CSS files -->
    {{cssAssets}}

    <!-- Extra JavaScript files -->
    {{jsAssets}}

    {{#block "head"}}{{/block}}
</head>

<body{{#unlessOverridden "menu"}} style="min-width: 400px;"{{/unlessOverridden}}>
    
	<div class="container-fluid headerarea">
	    <div class="row clearfix">
		    <div class="col-md-3 col-sm-4 col-xs-3">
			    <img src="{{asset "@CurrentStyle/images/gcclogo.png"}}" class="logoarea">
			</div>
			<div class="col-md-6 col-sm-8 col-xs-9">
			    <div class="text-center applicationtitle">
				{{applicationname}}
				</div>
			</div>
			<div class="col-md-3 hidden-xs hidden-sm">
			    <div class="text-right headerrightpanel">
				   {{#if currentopid}}
                            <img src="{{asset "@CurrentStyle/images/profilepic.png"}}" class="profilepic">{{{l10n "<a class=\"operatorname\" href=\" \">{1}</a>" (route "operator_edit" operator_id=currentopid) operator}}}
                        {{else}}
                            <img src="{{asset "@CurrentStyle/images/profilepic.png"}}" class="profilepic">{{{l10n "<a class=\"operatorname\" href=\" \" >{1}</a>" "#" operator}}}
                   {{/if}}
				   
				</div>
			</div>
		</div>
	</div>
	
	<div id="{{#if fixedwrap}}fixed-wrap{{else}}{{#ifOverridden "menu"}}wrap700{{else}}wrap400{{/ifOverridden}}{{/if}}" class="{{#if rtl}}rtl{{else}}ltr{{/if}}">
        

        <br clear="all"/>
       
    
	<div class="container-fluid">
	     <div class="col-md-3">
		      
			   <div class="content-div">

            {{#ifOverridden "menu"}}
            <div id="content" class="{{#if hideMenu}}content-no-menu{{else}}content-inner{{/if}}">
            {{/ifOverridden}}
               
            </div>
        </div>

        {{#block "menu"}}{{/block}}
			  
			  
		 </div>
		 {{#ifOverridden "menu"}} 
		 <div class="{{#if hideMenu}}col-md-12{{else}}col-md-9{{/if}} contentarea">
		 {{/ifOverridden}}
		      {{#block "content"}}{{/block}}
		 </div>
	    
	</div>
	
    <div class="container-fluid footerarea">
	   <div class="row clearfix"> 
		<div class="col-md-6 col-sm-6 col-xs-4">
		    <p class="text-left footerversion"> {{chatversion}}</p>
	    </div>
		<div class="col-md-6 col-sm-6 col-xs-8">
		     <p class="text-right footercopyright">{{footercopyright}}</p<
	    </div>
	   </div>	
     </div>
</body>
</html>