<?php defined('BASEPATH')or exit('NO Direct Access Is allowed'); error_reporting(0);?>

<!DOCTYPE html>
<html>
  <head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title><?=$title;?></title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="<?=base_url('assets/adminlte/bootstrap/css/bootstrap.min.css');?>">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
     <link rel="stylesheet" href="<?=base_url('assets/adminlte/plugins/jvectormap/jquery-jvectormap-1.2.2.css');?>">
    <link rel="stylesheet" href="<?=base_url('assets/adminlte/plugins/daterangepicker/daterangepicker-bs3.css');?>">
    <link rel="stylesheet" href="<?=base_url('assets/adminlte/plugins/datepicker/datepicker3.css');?>">
    <link rel="stylesheet" href="<?=base_url('assets/adminlte/plugins/iCheck/all.css');?>">
    <link rel="stylesheet" href="<?=base_url('assets/adminlte/plugins/colorpicker/bootstrap-colorpicker.min.css');?>">
    <link rel="stylesheet" href="<?=base_url('assets/adminlte/plugins/timepicker/bootstrap-timepicker.min.css');?>">
    <link rel="stylesheet" href="<?=base_url('assets/adminlte/plugins/select2/select2.min.css');?>">


     <link rel="stylesheet" href="<?=base_url('assets/adminlte/dist/css/AdminLTE.css');?>">
    <link rel="stylesheet" href="<?=base_url('assets/adminlte/dist/css/skins/_all-skins.css');?>">
     <!--<link rel="stylesheet" href="<?=base_url('assets/adminlte/msdropdown/dd.css');?>">-->
	     <link rel="stylesheet" href="<?=base_url('assets/adminlte/dist/css/custom.css');?>">



	<?php echo $map['js']; ?>
<style>
.pagination {
  margin : 0 0 ;
  }
  .background_none:hover, .background_none:focus{
	  background:none!important;
  }
.silver_skincolor{
	background-color: #fafafa;
    background-image: -moz-linear-gradient(top, #f6f6f6, #ffffff);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#ffffff));
    background-image: -webkit-linear-gradient(top, #f6f6f6, #ffffff);
    background-image: -o-linear-gradient(top, #f6f6f6, #ffffff);
    background-image: linear-gradient(to bottom, #f6f6f6, #ffffff);

}
</style>

<style>
  .bootstrap-timepicker-widget table td input {
    width: 100%;
  }
  .border_full{
    border: 2px solid #ccc;
  }
  .full_h3{
 margin: 0;
    font-size: 22px;
    /* margin-top: -4px; */
    background-image: linear-gradient(to bottom, #00c0ef, #3c8dbc);
    color: #fff;
    padding: 5px;
}
  }
  .add_course{
    margin-top: 15px;
    border: 2px solid #ccc;
  }
  .add_h3{
    margin-top: -4px;
    background-color: #dd4b39;
    color: #fff;
    padding: 9px;
  }
</style>
<style>

.container-tb {
   height: 500px;
    width: 100%;
    overflow: auto;
    border: 2px solid rgba(0, 0, 0, .075);
}
* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
table {
    border-collapse: collapse;
    table-layout: fixed;
    width: auto;
    min-width: 100%;
}
td, th {
    border: 1px solid #ccc;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
}
thead td, thead th {
    border-top: none;
    border-bottom: none;
}
tfoot td, thead th {
    border-top: none;
    border-bottom: none;
}
td.fth-header, th.fth-header, td.fth-footer, th.fth-footer {
    border-top: none !important;
    border-bottom: none !important;
}
td.fth-header, th.fth-header {
        padding: 3px;
    background-color: #444;
    border-bottom: rgba(0,0,0,0.2);
    color: white;
}
/* td.fth-footer, th.fth-footer {
    background-color:  #444;
    border-top:  rgba(0,0,0,0.2);
    color: white;
} */

.input-sm {
    height: 34px;
    padding: 7px 8px;
	}
	.padding_20 {
    padding: 0;
}
.emp_style
{
margin-top:12px;
}
.collapse_tool{
    position: absolute;
    right: 10px;
      top: 8px;
}
.padding_box {
    padding:5px!important;
    margin-top: 0px!important;
	}
.wrap {
    position: absolute;
    overflow: hidden;
    top: 18%;
    right: 1.1%;
    bottom: auto;
    padding: 14px 0px;
  display: block;
  border-radius: 4px;
  transform: translateY(20px);
  transition: all 0.5s;
  visibility: hidden;
}
.wrap .content {
  opacity: 0;
}
.wrap:before {
  position: absolute;
  width: 1px;
  height: 1px;
  background: white;
  content: "";
  bottom: 10px;
  left: 50%;
  top: 95%;
  color: #fff;
  border-radius: 50%;
  -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.wrap.active {
  display: block;
  visibility: visible;
 box-shadow: 0px 14px 12px silver;
  transition: all 600ms;
  transform: translateY(0px);
  transition: all 0.5s;
      font-family: sans-serif;
	      width: 94%;
}
.wrap.active:before {
  height: 2000px;
  width: 2000px;
  border-radius: 50%;
  top: 50%;
  left: 50%;
  margin-left: -1000px;
  margin-top: -1000px;
  display: block;
  -webkit-transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: all 600ms cubic-bezier(0.215, 0.61, 0.355, 1);
}
.wrap.active .content {
  position: relative;
  z-index: 1;
  opacity: 1;
  transition: all 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
button_collapse{
padding: 6px 11px 6px 6px;
    outline: none;
    /* border-radius: 50%; */
    /* background: #007fed; */
    color: #fff;
    font-size: 13px;
    display: block;
    /* position: absolute; */
    /* left: 50%; */
    /* bottom: 67px; */
    top: -1px;
    margin-left: -28px;
    transition: transform 0.25s;
	}
	a.btn.btn-sm.btn-social.btn-github.pull-right.button_collapse {
    font-size: 13px!important;
    /* font-weight: 900; */
    font-family: sans-serif!important;
}
.button_collapse:hover {
  text-decoration: none;

}
.button_collapse.active {
     /* padding: 6px 19px 6px 6px; */
    margin-top:1px;
    font-size: 13px;
    /* font-weight: 900; */
    font-family: sans-serif;
    transition: transform 0.5s;
}

.content_pop {
    min-height:0px;
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    padding-left: 0px;
    padding-right: 0;
}
.btn_mrgin{
margin-top:12px;
}
.select2-container {
    font-size: 12px;
}
.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single {
    border: 1px solid #d2d6de;
    border-radius: 0;
    padding: 6px 10px;
    height: 34px;
    margin-top: 12px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 13px;
    right: 1px;
    width: 20px;
}
select.input-sm {
     height: 34px;
}
.margin_navy{
	    padding: 5px 12px;
}
.course_lists{
	border-radius: 0;
    /* border-radius: 3px; */
    position: relative;
    padding: 3px 6px;
    margin: 0 0 10px 10px;
    /* min-width: 80px; */
    /* height: 60px; */
    text-align: center;
    color: #666;
    /* border: 1px solid #ddd; */
    background-color: #f4f4f4;
    font-size: 12px;
    display: -webkit-inline-box;
    background-color: #ffffff;
}
.btn-social.btn-sm>:first-child {
    line-height: 22px;
    width: 28px;
    font-size: 1.4em;
}
.table>tbody>tr>td{
  padding:0px;
}

</style>
  </head>
  <!--
  BODY TAG OPTIONS:
  =================
  Apply one or more of the following classes to get the
  desired effect
  |---------------------------------------------------------|
  | SKINS         | skin-blue                               |
  |               | skin-black                              |
  |               | skin-purple                             |
  |               | skin-yellow                             |
  |               | skin-red                                |
  |               | skin-green                              |
  |---------------------------------------------------------|
  |LAYOUT OPTIONS | fixed                                   |
  |               | layout-boxed                            |
  |               | layout-top-nav                          |
  |               | sidebar-collapse                        |
  |               | sidebar-mini                            |
  |---------------------------------------------------------|
  -->
<!--  hold-transition skin-blue sidebar-mini
  hold-transition skin-blue sidebar-collapse sidebar-mini-->
   <!-- <body class="hold-transition skin-green sidebar-collapse sidebar-mini fixed  ">-->
    <body class="hold-transition skin-green sidebar-collapse sidebar-mini">
    <div class="wrapper">

      <!-- Main Header -->
           <header class="main-header">

        <!-- Logo -->
        <a href="<?=site_url('Admin');?>" class="logo">
          <!-- mini logo for sidebar mini 50x50 pixels -->
          <span class="logo-mini logo_back"><b>TOG</b></span>
          <!-- logo for regular state and mobile devices -->
          <span class="logo-lg logo_back"><b>TOG</b>Admin</span>
        </a>

        <!-- Header Navbar -->
        <nav class="navbar navbar-static-top silver_skincolor" role="navigation" style="height:auto">
          <!-- Sidebar toggle button-->
          <a href="#" class="sidebar-toggle sidebar_back" data-toggle="offcanvas" role="button">
            <span class="sr-only">Toggle navigation</span>
          </a>
          <!-- <span class="btn btn-sm btn-warning"><?php echo anchor($_SERVER['HTTP_REFERER'],'Go Back',['style'=>"color:white !important"]);?></span> -->


          <!-- Navbar Right Menu -->
          <?php echo  $link;?>
          <div class="navbar-custom-menu">
            <ul class="nav navbar-nav">
              <!-- Messages: style can be found in dropdown.less-->


              <!-- User Account Menu -->
              <li class="dropdown user user-menu">
                <!-- Menu Toggle Button -->
                <a href="#" class="dropdown-toggle background_none" data-toggle="dropdown">
                  <!-- The user image in the navbar-->
                  <!--<img src="<?=base_url("assets/adminlte/dist/img/user2-160x160.jpg");?>" class="user-image" alt="User Image">-->
                  <?php if(preg_match ('./',$userdata->profile_image) && ($userdata->profile_image!="")){
                            echo img(array("src"=>base_url($userdata->profile_image),"class"=>"user-image img-responsive",
                           ));
                        }
                        else if(!preg_match ('./',$userdata->profile_image) && ($userdata->profile_image!="") ){
                            echo img(array("src"=>$userdata->profile_image,"class"=>"user-image img-responsive",
                            ));
                        }
                        else {
                            echo img(array("src"=>"assets/easy-admin/images/user-img.png","class"=>"user-image img-responsive",
                            ));
                        }
                        ?>
                  <!-- hidden-xs hides the username on small devices so only the image appears. -->
                  <span class="hidden-xs"><?=ucfirst($userdata->fname);?></span>
                </a>
                <ul class="dropdown-menu">
                  <!-- The user image in the menu -->
                  <li class="user-header">
                    <!--<img src="<?=base_url("assets/adminlte/dist/img/user2-160x160.jpg");?>" class="img-circle" alt="User Image">-->
                    <?php if(preg_match ('./',$userdata->profile_image) && ($userdata->profile_image!="")){
                            echo img(array("src"=>base_url($userdata->profile_image),"class"=>"user-image img-responsive",
                           ));
                        }
                        else if(!preg_match ('./',$userdata->profile_image) && ($userdata->profile_image!="") ){
                            echo img(array("src"=>$userdata->profile_image,"class"=>"user-image img-responsive",
                           ));
                        }
                        else {
                            echo img(array("src"=>"assets/easy-admin/images/user-img.png","class"=>"user-image img-responsive",
                           ));
                        }
                        ?>

                    <p>
                      <?=ucfirst($userdata->first_name);?> - <?=$userdata->last_name;?>
                      <small>Member since <?=$userdata->created_at;?></small>
                    </p>
                  </li>
                  <!-- Menu Body -->
                  <?php /*?><li class="user-body">
                    <div class="col-xs-4 text-center">
                      <a href="#">Followers</a>
                    </div>
                    <div class="col-xs-4 text-center">
                      <a href="#">Sales</a>
                    </div>
                    <div class="col-xs-4 text-center">
                      <a href="#">Friends</a>
                    </div>
                  </li><?php */?>
                  <!-- Menu Footer-->
                  <li class="user-footer">
                    <div class="pull-left">
                    <!--  <a href="<?=admin/dashboard?>" class="btn btn-default btn-flat">Profile</a>-->
                      <?=anchor('admin/dashboard','Profile',array('class'=>'btn btn-default btn-flat'));?>
                    </div>
                    <div class="pull-right">
                      <?=anchor('admin/Adminlte/logout','Sign out',array('class'=>'btn btn-default btn-flat'));?>
                    </div>
                  </li>
                </ul>
              </li>
              <!-- Control Sidebar Toggle Button -->
              <?php /*?><li>
                <a href="#" data-toggle="control-sidebar"><i class="fa fa-gears"></i></a>
              </li><?php */?>
            </ul>
          </div>
        </nav>
  </header>
