<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Responsive Admin Dashboard Template">
    <meta name="keywords" content="admin,dashboard">
    <meta name="author" content="stacks">
    
    <title><?= $setting['aplikasi'] ?></title>

  
    <link href="<?= $homeurl ?>/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="<?= $homeurl ?>/assets/plugins/perfectscroll/perfect-scrollbar.css" rel="stylesheet">
    <link href="<?= $homeurl ?>/assets/plugins/pace/pace.css" rel="stylesheet">
    <link href="<?= $homeurl ?>/assets/plugins/highlight/styles/github-gist.css" rel="stylesheet">
    <link href="<?= $homeurl ?>/assets/plugins/datatables/datatables.css" rel="stylesheet">
	
     <link rel='stylesheet' href='<?= $homeurl ?>/plugins/fontawesome/css/all.css' />
	<link rel='stylesheet' href='<?= $homeurl ?>/plugins/izitoast/css/iziToast.min.css'>
    <link rel='stylesheet' href='<?= $homeurl ?>/assets/css/sweetalert2.min.css'>
    <link rel='stylesheet' href='<?= $homeurl ?>/plugins/toastr/toastr.min.css'>
    <script src='<?= $homeurl ?>/plugins/jQuery/jquery-2.2.3.min.js'></script>
  
    <!-- Theme Styles -->
    <link href="<?= $homeurl ?>/assets/css/main.min.css" rel="stylesheet">
    <link href="<?= $homeurl ?>/assets/css/custom.css" rel="stylesheet">

    <link rel="icon" type="image/png" sizes="32x32" href="<?= $homeurl ?>/<?= $setting['logo'] ?>" />
    <link rel="icon" type="image/png" sizes="16x16" href="<?= $homeurl ?>/<?= $setting['logo'] ?>" />


    <style type="text/css">
   .bold { font-weight: bold; }
   .right{
    float: right;
    display: block;
	margin-right:5px;
  }
</style>
<style>
.footer {
   position: fixed;
   left: 0;
   bottom: 0;
   text-align: center;
    width: 100%;
    height: 50px;
    padding-left: 30px;
	padding-right: 30px;
    line-height: 50px;
    background: #fff;
    color: #000;
}
@media (min-width: 480px) {
        .hidden-lg {
          display: none;
        }
      }
	  
</style>
</head>

<body>
    <div class="app menu-off-canvas align-content-stretch d-flex flex-wrap">
        <div class="app-sidebar">
            <div class="logo">
                <a href="index.php" class="logo-icon">
				<img src="<?= $homeurl . '/' . $setting['logo'] ?>" height="30px" style="margin-left:-50px">
				<span class="logo-text"></span></a>
                <div class="sidebar-user-switcher user-activity-online" style="margin-top:-10px">
                    <a href="#">
					<?php if ($siswa['foto'] <> '') : ?>
					<img src='<?= $homeurl ?>/foto/fotosiswa/<?= $siswa[foto] ?>' class='img'  style='max-width:30px' alt='+'>
					    <?php else : ?>
                       <img src='<?= $homeurl ?>/dist/img/avatar.png' class='img'  style='max-width:30px' alt='+'>
					   <?php endif; ?>
                        <span class="activity-indicator"></span>
                        <span class="user-info-text">
						
						<?php if (strlen($siswa['nama']) > 10) {
                            echo substr($siswa['nama'], 0, 10) . "...";
                                 } else {
                                  echo $siswa['nama'];
                                            } ?>
						<br><span class="user-state-info">Online</span></span>
                    </a>
                </div>
            </div>
            <div class="app-menu">
                <ul class="accordion-menu">
                    <li class="sidebar-title">
                        Apps
                    </li>
                    <li>
                        <a href="<?= $homeurl ?>"><i class="fas fa-tachometer-alt fa-fw"></i>Dashboard</a>
                    </li>
                    <li>
                        <a href="<?= $homeurl ?>/pengumuman"><i class="fas fa-bell fa-fw"></i> Informasi</a>
                    </li>
                    <li>
                        <a href="<?= $homeurl ?>/hasil"><i class="fas fa-tags fa-fw"></i>Nilai Ujian</a>
                    </li>
                     <li>
					 <a href='<?= $homeurl ?>/materi'><i class='fas fa-file fa-fw'></i>Materi Belajar</a>
					 </li>
                    <li>
					<a href='<?= $homeurl ?>/tugassiswa'><i class='fas fa-edit fa-fw'></i>Tugas Siswa</a>
					</li>
                    <li>
					<a href='<?= $homeurl ?>/logout.php'><i class='fa fa-sign-in-alt fa-fw'></i>Log Out</a>
					</li>
                       
                </ul>
            </div>
        </div>
       <div class="app-container">
            <div class="app-header">
                <nav class="navbar navbar-light navbar-expand-lg">
                    <div class="container-fluid">
                        <div class="navbar-nav" id="navbarNav">
                            <ul class="navbar-nav">
                                <li class="nav-item">
                                    <a class="nav-link hide-sidebar-toggle-button" href="#"><i class="fa fa-bars fa-lg fa-fw"></i></a>
                                </li>
                               
                               </ul>
                        </div>
                        <div class="d-flex">
                            <ul class="navbar-nav">
                                <li class="nav-item hidden-on-mobile">
                                    <a class="nav-link nav-notifications-toggle" id="notificationsDropDown" href="#" data-bs-toggle="dropdown">1</a>
                                    <div class="dropdown-menu dropdown-menu-end notifications-dropdown" aria-labelledby="notificationsDropDown">
                                        <h6 class="dropdown-header">Notifications</h6>
                                        <div class="notifications-dropdown-list">
                                            <a href="#">
                                                <div class="notifications-dropdown-item">
                                                    <div class="notifications-dropdown-item-image">
                                                        <span class="notifications-badge bg-info text-white">
                                                            <i class="fa fa-envelope"></i>
                                                        </span>
                                                    </div>
                                                    <div class="notifications-dropdown-item-text">
                                                        <p class="bold-notifications-text">Terima Kasih Telah Menggunakan Aplikasi Sandik MBS, Semoga Bermanfaat</p>
                                                        <small><?= date('D, d-M-Y') ?></small>
                                                    </div>
                                                </div>
                                            </a>
											 </div>
                                    </div>
                                </li>
                                <li class="nav-item hidden-on-mobile">
                                    <a class="nav-link language-dropdown-toggle" href="#" id="languageDropDown" data-bs-toggle="dropdown"><img src="<?= $homeurl ?>/dist/img/avatar.png" alt="" style="border-radius:50%"> <?= $siswa['nama'] ?></a>
                                        <ul class="dropdown-menu dropdown-menu-end language-dropdown" aria-labelledby="languageDropDown">
                                            <li><a class="dropdown-item hidden-on-mobile" href="#"><i class="fa fa-users-cog fa-2x"></i> Profile</a></li>
                                            <li><a class="dropdown-item" href="logout.php"><i class="fa fa-sign-in-alt fa-2x"></i> Logout</a></li>
                                           
                                        </ul>
                                </li>  
                            </ul>
                        </div>
                    </div>
                </nav>
            </div>
            <div class="app-content">
                <div class="content-wrapper">
                    <div class="container-fluid">
					 <section class='content'>