<!DOCTYPE html
    PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<!-- default +jquery -->
<head>
<title><%= $title %></title>
    <link rel="made" href="mailto:bugs%40koozali.org">
    <meta name="copyright" content="(head.tmpl)Copyright 2003-2004 Mitel Corporation">
    %= stylesheet '/css/sme_core.css'
    %= stylesheet '/css/sme_main.css'
    %= stylesheet '/css/sme_menu.css'
    %= stylesheet '/css/styles.css'
    %= content_for 'head_contrib'
    % if (config 'hasJquery') {
	%= include 'partials/_js_imports'
	%= include 'common_js'
    % }
    %= content_for 'refresh'
    
    %= stylesheet '/js/datatables.min.css'

	%= javascript '/js/datatables.min.js'

	%= stylesheet '/js/jquery-ui.min.css'

	%= javascript '/js/jquery-ui.min.js'
	%= javascript '/js/dataTables.buttons.min.js'
	%= javascript '/js/jszip.min.js'
	%= javascript '/js/pdfmake.min.js'
	%= javascript '/js/vfs_fonts.js'
	%= javascript '/js/buttons.html5.min.js'
	%= javascript '/js/buttons.print.min.js'
	%= javascript '/js/flag-by-locale.js'

	<link rel="stylesheet" href="/smanager/css/flag-icon.min.css">
	%= stylesheet '/css/sme-jquery-overrides.css'
	
	<style>
	#busy-indicator {
		display: none;
		margin-top: 10px;
		font-weight: bold;
		color: red;
	}
	.busy {
		cursor: wait; /* Change the cursor to a 'wait' cursor */
	}
	</style>


</head>

<body>
%   if ( not defined $c->session->{lang} ) {
%	SrvMngr::init_session ( $c );
%    }
    <div id="header">
	%= include 'partials/_header'
        % if ($c->is_logged_in && scalar @{SrvMngr::theme_list( $c )} > 1) {
    	    %= include 'partials/_swt_theme'
        % }
    </div>

    <div id="container">

	% if (config 'hasJquery') {
	    %= content 'js_toggleMenu'
	% }

	<div id="navigation" class="col-md-3">
	    %= include 'partials/_nav_menu'
%	if ( $c->is_logged_in ) {
	    %= include 'partials/_user_menu'
%	}
%	if ( $c->is_admin ) {
	    %= include 'partials/_navig2'
%	}
	</div>
	<div id="main" class="col-md-9">

	    %= include 'partials/_info'

	    % if (flash 'success') {
		<br><div class=success>
		%= $c->render_to_string(inline => flash 'success') 
		</div>
	    % }
	    % if ( flash 'warning' ) {
		<br><div class=sme-warning>
		%= $c->render_to_string(inline => flash 'warning') 
		</div>
	    %}
	    % if ( flash 'error' ) {
		<br><div class=sme-error>
		%= $c->render_to_string(inline => flash 'error') 
		</div>
	    %}
	    %= content 'module'
	    %= include 'partials/_footer'
	</div>
    </div>

    % if (config 'hasJquery') {
	%= content 'js_swapClass'
	%= content 'js_togglePassword'
    % }

%= javascript '/js/sme-dataTable-setup.js'

	<script>
		$(document).ready(function() {
			// Handle form submission for any form
			$('form').on('submit', function(event) {
				// Disable the submit button
				$(this).find('button[type="submit"], input[type="submit"]').prop('disabled', true);
				// Show the busy indicator
//				$('#busy-indicator').show();
				
				// Change the cursor to "wait"
				$('body').addClass('busy');
			});
		});
	</script>

  
</body>
</html>