<?php defined('BASEPATH')or exit("NO DIRECT ACCESS iS ALLOWED");?>

<!DOCTYPE html>
<html lang="en">
<!-- Mirrored from nicolaegabriel.info/live/admin-easy-bootstrap/ by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 31 Jan 2018 05:25:35 GMT -->
<meta name="author" content="">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <title><?php echo $title;?></title>
  	<script src="<?=base_url('assets/easy-admin/code.jquery.com/jquery-1.11.1.min.js');?>"></script>
  	<script src="<?=base_url('assets/easy-admin/code.jquery.com/ui/1.11.0/jquery-ui.min.js');?>"></script>
    <?=link_tag('assets/easy-admin/brick.a.ssl.fastly.net/Raleway_100%2c200%2c300%2c400%2c500%2c600%2c700%2c800%2c900%2c200i%2c300i%2c400i%2c500i.css');?><!-- Bootstrap core CSS -->
    <?=link_tag('assets/easy-admin/fonts/font-awesome-4.0.3/css/font-awesome.min.css');?>
    <?=link_tag('assets/easy-admin/fonts/simple-line-icons/simple-line-icons.min.css');?>
	<?=link_tag('assets/web/plugins/selectbox/select_option1.css');?>
    <?=link_tag('assets/easy-admin/fonts/font-awesome/css/font-awesome.min.css');?>
    <?=link_tag('assets/easy-admin/fonts/material-design-icons/material-icon.css');?>
    <?=link_tag('assets/easy-admin/bootstrap/css/bootstrap.css');?>
    <?=link_tag('assets/easy-admin/scripts/jquery.prettycheckable/prettycheckable.css');?>
  	<?php //echo link_tag('assets/easy-admin/scripts/jquery.tipsy/tipsy.html');?>
    <?=link_tag('assets/easy-admin/scripts/jquery.easypiechart/easypiechart.css');?>
  	<!-- <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&amp;language=en" ></script> -->
  	<?=link_tag('assets/easy-admin/cdn.oesmith.co.uk/morris-0.4.3.min.css');?>
    <?=link_tag('assets/easy-admin/scripts/jquery.prettycheckable/prettycheckable.css');?>
    <?=link_tag('assets/easy-admin/scripts/jquery.calendar/fullcalendar.css');?>
    <?=link_tag('assets/easy-admin/style.css');?>
    <?=link_tag('assets/easy-admin/style-new.css');?>
   <?=link_tag('assets/easy-admin/scripts/jquery.dropzone/dropzone.css');?>
   <?=link_tag('assets/web/css/sumoselect.css');?>
    <?=link_tag('assets/web/css/calender.css');?>
     <?=link_tag('assets/web/plugins/calender/fullcalendar.min.css');?>
      <?=link_tag('assets/web/css/calender.css');?>
  <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
   <link rel="stylesheet" href="https://theonlinegurukul.com/assets/web/plugins/selectbox/select_option1.css">
   <?=link_tag('assets/easy-admin/css-dropify/dropify.css');?>


<style>/*
#clockdiv {
margin-top: 0px;
font-family: sans-serif;
color: #fff;
display: inline-block;
font-weight: 100;
text-align: center;
font-size: 15px;
}

#clockdiv > div{
padding: 0px 13px;
border-radius: 3px;
background: #FFA500de; 
display: inline-block;
}

#clockdiv div > span{
margin-top: 0px;
padding: 0px 3px;
border-radius: 3px;
color: #000;
background-image: linear-gradient(to bottom, #f6f6f6, #ffffff);
display: inline-block;
}

.smalltext {
color: #fafafa;
padding-top: 0px;
font-size: 10px;
}
.nav_whites {
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
min-height: 51px;
background: #d9e0e7;
width: 100%;
box-shadow: 0 0px 0px rgba(0, 0, 0, .1);
margin-bottom: -7px;
padding: 0px;
}

span.title.pull-left{
color:#fff;
}
@media (min-width: 1200px)
{
.container.dashboard {
max-width: 1330px;
}
}
*/

</style>

<style>
#clockdiv {
margin-top: 0px;
font-family: sans-serif;
color: #fff;
display: inline-block;
font-weight: 100;
text-align: center;
font-size: 15px;
}

#clockdiv > div{
padding: 0px 13px;
border-radius: 3px;
/*  background: #ff660080; */
background: #FFA500de; 
display: inline-block;
}

#clockdiv div > span{
margin-top: 0px;
padding: 0px 3px;
border-radius: 3px;
color: #000;
background-image: linear-gradient(to bottom, #f6f6f6, #ffffff);
display: inline-block;
}

.smalltext {
color: #fafafa;
/* margin-top: -2px; */
padding-top: 0px;
font-size: 10px;
}
.nav_whites {
border-bottom-left-radius: 5px;
border-top-right-radius: 5px;
min-height: 51px;
background: #d9e0e7;
width: 100%;
box-shadow: 0 0px 0px rgba(0, 0, 0, .1);
margin-bottom: -7px;
padding: 0px;
}
.dp_width{
border: 5px solid #fff;
margin-top: 0px;
padding: 10px 28px;
background-color: #798189;
color: #fff;
}
.menus-dp{
width: 245px;
margin-top: 0px;
padding: 5px 0px;
}
span.title.pull-left{
color:#fff;
}
@media (min-width: 1200px)
{
.container.dashboard {
max-width: 1330px;
}
}

.card {
position: relative;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
}
.card, .input-group-btn>.btn {
border: 0;
}
.card {
margin-bottom: 30px;
margin-top: 30px;
border-radius:2px;
color: #333;
background: #fff;
width: 100%;
<!-- padding: 5px 6px; -->
}




.card-header:first-child {
border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card .card-header .title, .card [class*=card-header-], .card [class*=card-header-] .card-title, .card [class*=card-header-] .card-title a, .card [class*=card-header-] .icon i, .card[class*=bg-], .card[class*=bg-] .card-title, .card[class*=bg-] .card-title a, .card[class*=bg-] .icon i {
color: #fff;
}
.card .card-header {
border-bottom: none;
background: 0 0;
}
.card .card-header {
z-index: 3!important;
}
.card [class*=card-header-] {
margin: 0 8px;
padding: 0;
position: relative;
}
.card.card-stats .card-header.card-header-icon, .card.card-stats .card-header.card-header-text {
text-align: left;
}
.card .card-header-warning .card-icon, .card .card-header-warning .card-text, .card .card-header-warning:not(.card-header-icon):not(.card-header-text), .card.bg-warning, .card.card-rotate.bg-warning .back, .card.card-rotate.bg-warning .front {
background: linear-gradient(60deg,#ffa726,#fb8c00);
}
.card .card-header-warning .card-icon, .card .card-header-warning .card-text, .card .card-header-warning:not(.card-header-icon):not(.card-header-text) {
-webkit-box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(255,152,0,.4);
box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(255,152,0,.4);
}
.card [class*=card-header-] .card-icon, .card [class*=card-header-] .card-text {
border-radius: 3px;
background-color: #999;
padding: 0px 12px;
margin-top: -18px;
margin-right: 15px;
float: left;
}
.card.card-stats .card-header i {
font-size: 25px;
line-height: 0;
width: 25px;
height: 22px;
text-align: center;
}
.card.card-stats .card-header .card-icon+.card-category, .card.card-stats .card-header .card-icon+.card-title {
padding-top: 10px;
}
.card.card-stats .card-header .card-category:not([class*=text-]) {
color: #999;
font-size: 14px;
}
.card .card-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background-color: transparent;
border: 0;
}

.check-updates{
line-height: 1!important;
color: #3498db!important;
margin-right: 2px!important;
height: 17px!important;
width: 17px!important;
font-size: 17px!important;
margin-top: 0px!important;
}

.no-of-programs {
padding-top: 0px;
font-size: 12px;
/* color: #1e5488; */
color: #000000;

/* border-top: 1px solid #f2f2f2; */
margin-top: 0px;
margin-bottom: 0px;
padding-left: 6px;
padding-right: 15px;
text-transform: uppercase;
font-weight: 200;
line-height: 10px;

}


.display_flex{
display: inline-flex!important;
font-size: 15px!important;
color: #428bca!important;
line-height: 0px!important;
}
.person-color{
background: linear-gradient(60deg,#66bb6a,#43a047)!important;
webkit-box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(76,175,80,.4)!important;
box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(76,175,80,.4)!important;
}
.class-color{
background: linear-gradient(60deg,#ef5350,#e53935)!important;
webkit-box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(244,67,54,.4)!important;
box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(244,67,54,.4)!important;
}
.payment-color{
-webkit-box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(0,188,212,.4)!important;
box-shadow: 0 4px 20px 0 rgba(0,0,0,.14), 0 7px 10px -5px rgba(0,188,212,.4)!important;
background: linear-gradient(60deg,#26c6da,#00acc1)!important;
}

span.fl_right {
padding: 6px 6px;
float: right;
color: #fff;
font-size: 13px;
font-weight: bold;
cursor: pointer;
}
@media only screen and (min-width: 768px) {
.dropdown:hover .dropdown-menu {
display: block;
}
}

.dp_setting{
margin-top: 17px;
}
.dropdown-menu {
min-width:240px;
}

.dropdown-user.show{
margin: 0!important;
padding: 5px 8px!important;
display: inline-block!important;
float: left!important;
}
a.dropdown-toggle {
padding: 13px 6px 12px 8px!important;
}
a.dropdown-toggle {
line-height: 2!important;
margin: 0!important;
padding: 16px 11px 9px 0!important;
display: block!important;
position: relative!important;
}
.img-circle {
border-radius: 50%;
}
.dropdown-toggle>img {
float: left;
margin-top: -9px;
margin-right: 8px;
height: 29px;
display: inline-block;
}
.dropdown-toggle>.username{
color:#000;
}
.dropdown-toggle>.username {
display: inline-block;
font-size: 13px;
}
i.dropdown .dropdown-toggle>i {
color: #000;
}

.dropdown-menu>li>a {
padding: 8px 16px;
color: #6f6f6f!important;
text-decoration: none;
display: block;
clear: both;
font-weight: 300;
line-height: 18px;
white-space: nowrap;
}
.dropdown-menu>li>a:hover{
color:#fff!important;
}
li.dropdown-user .dropdown-menu>li>a {
font-size: 14px;
font-weight: 300;
}
li.dropdown-user .dropdown-menu>li>a i {
width: 15px;
display: inline-block;
margin-right: 9px;
}

li.user-header {
border-bottom: 1px solid #dddddd;
height: 100px;
padding: 0 10px;
text-align: center;
}
.float-left {
float: left !important;
}
.rounded-circle {
border-radius: 50% !important;
}
li.user-header>img {
z-index: 5;
height: 90px;
border: 3px solid transparent;
border-color: rgba(255, 255, 255, .2);
}
li.user-header>p {
z-index: 5;
color: #67757c;
font-size: 17px;
margin-top: 0px;
text-align: left;
padding-left: 100px;
}
.mb-5 {
margin-bottom: 5px !important;
}
li.user-header>p>small {
display: block;
font-size: 12px;
}
.btn-danger {
background-color: #fc4b6c;
border-color: #fc4b6c;
color: #fff;
}
ul.dropdown-menu.dropdown-menu-default {
border: none!important;
}
a.btn.btn-danger.btn-sm.btn-rounded {
padding: 5px 4px;
color: #fff!important;
font-size: 10px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
color: #555555;
background-color: #f8f8f8;
}
.fl_back{
background: linear-gradient(60deg,#ffa726,#fb8c00);
}
.fl_red{
background: linear-gradient(60deg,#ef5350,#e53935)!important;
}
.fl_green{
background: linear-gradient(60deg,#66bb6a,#43a047)!important;
}
.fl_blue{
background: linear-gradient(60deg,#26c6da,#00acc1)!important;
}
</style>

  </head>
  <body>
	<nav class="navbar navbar-default" role="navigation">
	  <!-- Brand and toggle get grouped for better mobile display -->
	  <div class="navbar-header">
		<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
		  <span class="sr-only">Toggle navigation</span>
		  <span class="icon-bar"></span>
		  <span class="icon-bar"></span>
		  <span class="icon-bar"></span>
		</button>
		<a class="navbar-brand" href="<?php echo site_url();?>">
      <?php echo img(array("src"=>"assets/20.png",'style'=>'height:50px;width:80px;'));?>
<!-- 			<span id="sidebar-exp"></span> -->
		</a>
	  </div>
	  <!-- Collect the nav links, forms, and other content for toggling -->
	  <div class="collapse navbar-collapse navbar-ex1-collapse">

		<ul class="nav navbar-nav navbar-right header-drop-right">
		<!--<li style="line-height: 19px;margin-right: 14px;">
		
			<div id="clockdiv">
              <div>
                <span class="days"></span>
                <div class="smalltext">Days</div>
              </div>
              <div>
                <span class="hours"></span>
                <div class="smalltext">Hours</div>
              </div>
              <div>
                <span class="minutes"></span>
                <div class="smalltext">Minutes</div>
              </div>
              <div>
                <span class="seconds"></span>
                <div class="smalltext">Seconds</div>
              </div>
              
            </div>
            <div id="clockdiv" style="display:block; margin-top:4px;">
              <div style="background-color: #000;">
                <span class="seconds"></span> 
                <div class="smalltext">Next Session About to Start<a href="#">Join Session</a></div>
              </div>
              
            </div>
		
		</li>-->
		  <li class="dropdown dropdown-user">
			 <li class="dropdown dropdown-user">
                            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
							<?php if(preg_match ('./',$this->teacher_data->profile_image) && ($this->teacher_data->profile_image!="")){
                    echo img(array("src"=>base_url($this->teacher_data->profile_image),"class"=>"img-circle","style"=>"width:50px; height:50px;"));
                        }
                        else if(!preg_match ('./',$this->teacher_data->profile_image) && ($this->teacher_data->profile_image!="") ){
                            echo img(array("src"=>$this->teacher_data->profile_image,"class"=>"img-circle","style"=>"width:50px; height:50px;"));
                        }
                      else {echo img(array("src"=>"assets/easy-admin/images/user-img.png","class"=>"img-circle","style"=>"width:50px; height:50px;"));}?>
					  
                                <span class="username username-hide-on-mobile"> <?=ucfirst($this->teacher_data->first_name);?><?=nbs(1);?><?=ucfirst($this->teacher_data->last_name);?> </span>
                                <i class="fa fa-angle-down"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-menu-default">
                     <li class="user-header">
                            <?php if(preg_match ('./',$this->teacher_data->profile_image) && ($this->teacher_data->profile_image!="")){
                    echo img(array("src"=>base_url($this->teacher_data->profile_image),"class"=>"float-left rounded-circle","style"=>"width:50px; height:50px;"));
                        }
                        else if(!preg_match ('./',$this->teacher_data->profile_image) && ($this->teacher_data->profile_image!="") ){
                            echo img(array("src"=>$this->teacher_data->profile_image,"class"=>"float-left rounded-circle","style"=>"width:50px; height:50px;"));
                        }
                      else {echo img(array("src"=>"assets/easy-admin/images/user-img.png","class"=>"float-left rounded-circle","style"=>"width:50px; height:50px;"));}?>
					  
                                <p>
                                <?=ucfirst($this->teacher_data->first_name);?><?=nbs(1);?><?=ucfirst($this->teacher_data->last_name);?>
                                <small class="mb-5"> <?=ucfirst($this->teacher_data->email);?></small>
                                <?=anchor("Teacher/view","View Profile",'class = "btn btn-danger btn-sm btn-rounded"',[]);?>
                                 </p>
                     </li>
                     
                               <!--<li> <?=anchor("Teacher/dashboard",'<i class="icon-home"></i> Dashboard',[]); ?></li>-->
                                    <li> <?=anchor("Teacher/approved-subject",'<i class="icon-home"></i> Dashboard',[]); ?></li>
                                    <li><?=anchor("Teacher/basic_edit",'<i class="fa fa-edit"></i> Edit Profile',[]); ?></li>
                                    
                                  <!--  <li class="divider"> </li>-->
                               <!--   <li> <a href="#"> <i class="icon-settings"></i> Settings </a></li>
                                <li> <a href="#"> <i class="icon-directions"></i> Help </a></li>-->
                                 <li><?=anchor("Teacher/logout",'<i class="icon-logout"></i> Log out',[]);?></li>
                            </ul>
                        </li>

			<ul class="dropdown-menu user-dropdown-two">
			 <!--   
			     <li><?=anchor("#","Settings",[]);?></li> 
			     <li><?=anchor("Teacher/complete_profile","Edit profile",[]);?></li>
			    <li><?=anchor("Teacher/view","View profile",[]);?></li> 
			  -->
        		<li><?=anchor("Teacher/upload_profile","Upload profile image",[]);?></li>
       
			  <li class="log-out"><?=anchor("Teacher/logout","Log out",[]);?></li>
			</ul>
		  </li>
		</ul>
		<!-- <ul class="header-notifications pull-right">
			<li><a href="#" class="clock"></a></li>
			<li><a href="#" class="task"></a></li>
			<li class="last">
				<a href="#" class="globe"></a>
				<span class="lbl">12</span>
			</li>
		</ul> -->
	  </div><!-- /.navbar-collapse -->
	</nav>
<div id="wrapper">
	<div id="body-overlay"></div>
						<div id="wrap">
								<div class="container dashboard">




	