<?php

    session_start();

    include "../db.php";

    date_default_timezone_set('Asia/Kolkata');

    $currentTime = date('M j, Y g:i a');



    if ( !isset($_SESSION['uid']) && !isset($_SESSION['uref']) && !isset($_SESSION['utype']) ) {

        header("Location: logout.php");

        exit();

    }

    if ( $_SESSION['utype'] != 'master_admin' && $_SESSION['uref'] != 'fssdf4543frts' ) {

        header("Location: logout.php");

        exit();

    }

?>

<!DOCTYPE html>

<html lang="en">

<head>

 <?php include "includes/meta.php"; ?>         

    <?php include "includes/css.php"; ?>   

 <link rel="stylesheet" href="dist/css/swiper.min.css"> 



<style>



/* Style the tab */

.tab {

  overflow: hidden;

  border: 1px solid #127df1;

  background-color: #f1f1f1;

}



/* Style the buttons inside the tab */

.tab button {

  background-color: inherit;

  float: left;

  border: none;

  outline: none;

  cursor: pointer;

  padding: 14px 16px;

  transition: 0.3s;

  font-size: 17px;

}



/* Change background color of buttons on hover */

.tab button:hover {

  background-color: #ddd;

}



/* Create an active1/current tablink class */

.tab button.active1 {

  background-color: #127df1;

}



/* Style the tab content */

.tabcontent {

  display: none;

  padding: 2px 12px;

  border: 1px solid #ccc;

  border-top: none;

}

</style>

<style>







/* Slideshow container */

.slideshow-container {

  position: relative;

  background: #f1f1f1f1;

}



/* Slides */

.mySlides {

  display: none;

  padding: 20px;

  text-align: center;

}



/* Next & previous buttons */

.prev, .next {

  cursor: pointer;

  position: absolute;

  top: 50%;

  width: auto;

  margin-top: -30px;

  padding: 16px;

  color: #888;

  font-weight: bold;

  font-size: 20px;

  border-radius: 0 3px 3px 0;

  user-select: none;

}



/* Position the "next button" to the right */

.next {

  position: absolute;

  right: 0;

  border-radius: 3px 0 0 3px;

}



/* On hover, add a black background color with a little bit see-through */

.prev:hover, .next:hover {

  background-color: rgba(0,0,0,0.8);

  color: white;

}



/* The dot/bullet/indicator container */

.dot-container {

    text-align: center;

    padding: 10px;

    background: #ddd;

}



/* The dots/bullets/indicators */

.dot {

  cursor: pointer;

  height: 15px;

  width: 15px;

  margin: 0 2px;

  background-color: #bbb;

  border-radius: 50%;

  display: inline-block;

  transition: background-color 0.6s ease;

}



/* Add a background color to the active1 dot/circle */

.active1, .dot:hover {

  background-color: #717171;

}



/* Add an italic font style to all quotes */

q {font-style: italic;}



/* Add a blue color to the author */

.author {color: cornflowerblue;}









.border1

{

  border-radius: 50%;

   border:5px;

   border-color :green;

   height:120px;

   width:120px;

padding: 4px ;

  border-style: solid ;

  border-color: #127df1;

  border-width: 4px;   

  

}

</style>





<style>





.icon-bar0 {

  position: fixed;

  top: 50%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}



.icon-bar0 a {

  display: block;

  text-align: center;

  padding: 2px 6px 2px 6px;

  transition: all 0.3s ease;

  color: white;

  font-size: 30px;

}



.icon-bar0 a:hover {

  background-color: #000;

}



.facebook {

  background: #3B5998;

  color: white;

}



.whatsapp {

  background: #25d366;

  color: white;

}



.google {

  background: #3B5998;

  color: white;

}







.icon-bar1 {

  position: fixed;

  top: 60%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}



.icon-bar1 a {

  display: block;

  text-align: center;

  padding: 2px 6px 2px 6px;

  transition: all 0.3s ease;

  color: white;

  font-size: 30px;

}



.icon-bar1 a:hover {

  background-color: #000;

}















.icon-bar2 {

  position: fixed;

  top: 97%;

    left:0%;

  

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}



.icon-bar2 a {

  display: block;

  text-align: center;

 

  transition: all 0.3s ease;

  color: white;

  font-size: 30px;

}



.icon-bar2 a:hover {

  background-color: #000;

}









.icon-bar3 {

  position: fixed;

  top: 97%;

  right:33.3333%;



  

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}



.icon-bar3 a {

  display: block;

  text-align: center;

 

  transition: all 0.3s ease;

  color: white;

  font-size: 30px;

}



.icon-bar3 a:hover {

  background-color: #000;

}







.icon-bar4 {

  position: fixed;

  top: 97%;

  right:0%;

  

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}



.icon-bar4 a {

  display: block;

  text-align: center;

 

  transition: all 0.3s ease;

  color: white;

  font-size: 30px;

}



.icon-bar4 a:hover {

  background-color: #000;

}



.facebook1 {

  background: #3B5998;

  color: white;

}



.whatsapp {

  background: #25d366;

  color: white;

}



.google {

  background: #3B5998;

  color: white;

}





.icon-bar1x {

  position: fixed;

  bottom: -3%;

  -webkit-transform: translateY(-50%);

  -ms-transform: translateY(-50%);

  transform: translateY(-50%);

}



</style>

 

</head>



<body>



  

  <!--==========================

  Header

  ============================-->

   <?php include "includes/header2.php"; ?>

  

  <!-- #header -->



  <!--==========================

    Intro Section

  ============================-->

  <section id="intro" class="clearfix" sty le="height:500px">

    <div class="container">

      <div class="intro-img hidden-md hidden-lg">

        <div  style="padding: 0px 0px 0px 0px;"cl ass="container">

          <div id="myCarousel" class="carousel slide" data-ride="carousel">

            <div class="carousel-inner"></div>

          </div>

        </div>

      </div>

      <div class="intro-img hidden-xs hidden-sm">

        <div  style="padding: 0px 0px 30px 0px;"cl ass="container">

          <div id="myCarousel" class="carousel slide" data-ride="carousel">

            <div class="carousel-inner"> 

              <div class="item" >

                <img src="img/c.png" alt="New York" style="width:100%; height:232px;">

                <div class="carousel-caption"></div>

              </div>

            </div> 

          </div>

        </div>

      </div>

    </div>

  </section><!-- #intro -->



<div cl ass="container ">       

   <div class="row mx-0 justify-content-center mt-2">

        <div class="col-12 col-sm-8 col-md-8">

            <div class="row mx-0 justify-content-center mt-2 gx-1">



                <div class="col-6 col-sm-6 col-xs-6  col-md-6 text-center md">  

                    <a href="view-admin.php" style="text-decoration: none;">    

                      <div class="md1"><i class="fa fa-user-circle-o" aria-hidden="true"></i></div>

                      <p class="md2"> Admin </p>                 

                    </a>        

                </div>

        

                <div class="col-6 col-sm-6 col-xs-6  col-md-6 text-center md">  

                    <a href="view-teacher.php" style="text-decoration: none;">    

                      <div class="md1"><i class="fa fa-user-circle-o" aria-hidden="true"></i></div>

                      <p class="md2"> Teacher </p>

                    </a>        

                </div>



                <div class="col-6 col-sm-6 col-xs-6  col-md-6 text-center md">  

                    <a href="view-student.php" style="text-decoration: none;">    

                      <div class="md1"><i class="fa fa-graduation-cap" aria-hidden="true"></i></div>

                      <p class="md2"> Student </p>                 

                    </a>        

                </div>

        

                <div class="col-6 col-sm-6 col-xs-6  col-md-6 text-center md">  

                    <a href="profile.php" style="text-decoration: none;">    

                      <div class="md1"><i class="fa fa-user" aria-hidden="true"></i></div>

                      <p class="md2"> Profile </p>

                    </a>        

                </div>



     

            </div>

            </div>

            </div>

   </div> 



  









  

 <br><br><br>

  <br><br><br>

 

  <!--==========================

    Footer

  ============================-->

    <?php include "includes/ft.php"; ?>

  

  <!-- #footer -->

<script>

var slideIndex = 0;

showSlides();



function showSlides() {

  var i;

  var slides = document.getElementsByClassName("mySlides");

  var dots = document.getElementsByClassName("dot");

  for (i = 0; i < slides.length; i++) {

    slides[i].style.display = "none";  

  }

  slideIndex++;

  if (slideIndex > slides.length) {slideIndex = 1}    

  for (i = 0; i < dots.length; i++) {

    dots[i].className = dots[i].className.replace(" active1", "");

  }

  slides[slideIndex-1].style.display = "block";  

  dots[slideIndex-1].className += " active1";

  setTimeout(showSlides, 6000); // Change image every 2 seconds

}

</script>



<script>

var acc = document.getElementsByClassName("accordion");

var i;



for (i = 0; i < acc.length; i++) {

  acc[i].addEventListener("click", function() {

    this.classList.toggle("active1");

    var panel = this.nextElementSibling;

    if (panel.style.maxHeight) {

      panel.style.maxHeight = null;

    } else {

      panel.style.maxHeight = panel.scrollHeight + "px";

    } 

  });

}

</script>

<script>

function openCity(evt, cityName) {

  var i, tabcontent, tablinks;

  tabcontent = document.getElementsByClassName("tabcontent");

  for (i = 0; i < tabcontent.length; i++) {

    tabcontent[i].style.display = "none";

  }

  tablinks = document.getElementsByClassName("tablinks");

  for (i = 0; i < tablinks.length; i++) {

    tablinks[i].className = tablinks[i].className.replace(" active1", "");

  }

  document.getElementById(cityName).style.display = "block";

  evt.currentTarget.className += " active1";

}



// Get the element with id="defaultOpen" and click on it

document.getElementById("defaultOpen").click();

</script>

   

  <!-- JavaScript Libraries -->

  <?php include "includes/js.php"; ?>

  <script src="dist/js/swiper.min.js"></script>



<script>

    $(document).ready(function () {

        $(function(){

            $('#login_btn').on('click', function(e) {

                e.preventDefault();

                var number = $('#number').val();

                var password = $('#password').val();

                var datastring = "number="+number+"&password="+password;

                $.ajax({

                    url: 

                });

            });

        });

    });

</script>



  <script>

        var swiper = new Swiper('.swiper-slider', {

            pagination: {

                el: '.swiper-pagination-slider',

            },

            navigation: {

                nextEl: '.swiper-button-next-slider',

                prevEl: '.swiper-button-prev-slider',

            },

            autoplay: {

                delay: 2500,

                disableOnInteraction: false,

            },

        });

        var swiper3 = new Swiper('.swiper3', {

            slidesPerView: 4,

            spaceBetween: 30,

            pagination: {

                el: '.swiper-pagination3',

                clickable: true,

            },

            navigation: {

                nextEl: '.swiper-button-next3',

                prevEl: '.swiper-button-prev3',

            },

            breakpoints: {

                1024: {

                    slidesPerView: 4,

                    spaceBetween: 30,

                },

                768: {

                    slidesPerView: 4,

                    spaceBetween: 10,

                },

                640: {

                    slidesPerView: 3,

                    spaceBetween: 5,

                },

                320: {

                    slidesPerView: 2,

                    spaceBetween: 0,

                }

            }

        });

    </script>

    <script>

        $('#hover-dropdown').hover(function() {

            $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeIn(500);

        }, function() {

            $(this).find('.dropdown-menu').stop(true, true).delay(200).fadeOut(500);

        });

    </script>



  



  









</body>

</html>

