<?php $base_url = base_url();?>
<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<title>SBG Online</title>

		<meta name="description" content="overview &amp; stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<link href="<?php echo $base_url;?>assets/css/bootstrap.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="<?php echo $base_url;?>assets/css/font-awesome.min.css" />
		<link rel="stylesheet" href="<?php echo $base_url;?>assets/css/dropzone.css" />
		<link rel="stylesheet" href="<?php echo $base_url;?>assets/css/ace-fonts.css" />

		<link rel="stylesheet" href="<?php echo $base_url;?>assets/css/ace.min.css" />
		<link rel="stylesheet" href="<?php echo $base_url;?>assets/css/ace-rtl.min.css" />
		<link rel="stylesheet" href="<?php echo $base_url;?>assets/css/ace-skins.min.css" />
                <link rel="stylesheet" href="<?php echo $base_url;?>assets/css/custom.css" />
		<script src="<?php echo $base_url;?>assets/js/ace-extra.min.js"></script>
		<style type="text/css" media="screen">
			.sidebar:before, .sidebar {background-color: transparent;}
			.icon-refresh-animate {
				-animation: spin .7s infinite linear;
				-webkit-animation: spin2 .7s infinite linear;
			}

			@-webkit-keyframes spin2 {
				from { -webkit-transform: rotate(0deg);}
				to { -webkit-transform: rotate(360deg);}
			}

			@keyframes spin {
				from { transform: scale(1) rotate(0deg);}
				to { transform: scale(1) rotate(360deg);}
			}
			#frm3 a
			{
				cursor: pointer;
			}
		</style>
		<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->

		<!--[if lt IE 9]>
		<script src="<?php echo $base_url;?>assets/js/html5shiv.js"></script>
		<script src="<?php echo $base_url;?>assets/js/respond.min.js"></script>
		<![endif]-->
	</head>
<?php if (isset($flashScript)) echo $flashScript;?>
	<body>
		<div class="navbar navbar-default navbar-fixed-top" id="navbar">
			<script type="text/javascript">
				try{ace.settings.check('navbar' , 'fixed')}catch(e){}
			</script>

			<div class="navbar-container" id="navbar-container">
				<div class="navbar-header pull-left">
					<a href="<?php echo $base_url;?>frontend/lecture" class="navbar-brand">
						<img src="<?php echo $base_url;?>assets/img/logo_soanbai_online_white.png" width="350" class="img-responsive">
					</a><!-- /.brand -->
				</div><!-- /.navbar-header -->

				<div class="navbar-header pull-right" role="navigation">
					<ul class="nav ace-nav">
						<li>
							<a data-toggle="dropdown" href="#" class="dropdown-toggle">
								<!--img class="nav-user-photo" src="<?php echo $base_url;?>assets/avatars/user.jpg" alt="Admin's Photo" /-->
								<span class="user-info">
									<small>Xin chào,</small>
									<?php echo @$username; ?>
								</span>

								<i class="icon-caret-down"></i>
							</a>

							<ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
								<li>
									<a href="<?php echo $base_url; ?>frontend/user/profile">
										<i class="icon-user"></i>
										Thông tin cá nhân
									</a>
								</li>

								<li class="divider"></li>

								<li>
									<a href="<?php echo $base_url; ?>frontend/home/signout">
										<i class="icon-off"></i>
										Thoát
									</a>
								</li>
							</ul>
						</li>
					</ul><!-- /.ace-nav -->
				</div><!-- /.navbar-header -->
			</div><!-- /.container -->
		</div>