IMMREX7
<!doctype html>
<html class="no-js " lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<meta name="description" content="Responsive Bootstrap 4 and web Application ui kit.">
<title>:: Schoolmis :: Home</title>
<link rel="icon" href="favicon.ico" type="image/x-icon"> <!-- Favicon-->
<link rel="stylesheet" href="{{asset('plugins/bootstrap/css/bootstrap.min.css')}}">
<link rel="stylesheet" href="{{asset('plugins/morrisjs/morris.css')}}"/>
<!-- Date Picker -->
<link rel="stylesheet" href="{{ asset('dist/bundles/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css')}} ">
<!-- Custom Css -->
<link rel="stylesheet" href="{{ asset('dist/bundles/fullcalendar/dist/fullcalendar.min.css')}}">
<link rel="stylesheet" href="{{ asset('dist/bundles/fullcalendar/dist/fullcalendar.print.min.css')}}" media="print">
<link rel="stylesheet" href="{{asset('dist/css/main.css')}}">
<link rel="stylesheet" href="{{asset('dist/css/hm-style.css')}}">
<link rel="stylesheet" href="{{asset('dist/css/color_skins.css')}}">
<link rel="stylesheet" href="{{asset('plugins/jvectormap/jquery-jvectormap-2.0.3.min.css')}}"/>
</head>
<body class="theme-purple">
<!-- Page Loader -->
<div class="page-loader-wrapper">
<div class="loader">
<div class="m-t-30"><img class="zmdi-hc-spin" src="{{asset('dist/images/logo.svg')}}" width="48" height="48" alt="schholMIS"></div>
<p>Please wait...</p>
</div>
</div>
<!-- Overlay For Sidebars -->
<div class="overlay"></div>
<!-- Top Bar -->
<nav class="navbar p-l-5 p-r-5">
<ul class="nav navbar-nav navbar-left">
<li>
<div class="navbar-header">
<a href="javascript:void(0);" class="bars"></a>
<a class="navbar-brand" href="index.html"><img src="https://thememakker.com/templates/oreo/html/assets/images/logo.svg" width="30" alt="Schoolmis"><span class="m-l-10">DG Khetan School</span></a>
</div>
</li>
<li><a href="javascript:void(0);" class="ls-toggle-btn" data-close="true"><i class="zmdi zmdi-swap"></i></a></li>
<li class="hidden-md-down"><a href="events.html" title="Events"><i class="zmdi zmdi-calendar"></i></a></li>
<li class="hidden-md-down"><a href="mail-inbox.html" title="Inbox"><i class="zmdi zmdi-email"></i></a></li>
<li><a href="contact.html" title="Contact List"><i class="zmdi zmdi-account-box-phone"></i></a></li>
<li class="dropdown"> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button"><i class="zmdi zmdi-notifications"></i>
<div class="notify"><span class="heartbit"></span><span class="point"></span></div>
</a>
<ul class="dropdown-menu pullDown">
<li class="body">
<ul class="menu list-unstyled">
<li>
<a href="javascript:void(0);">
<div class="media">
<img class="media-object" src="../assets/images/xs/avatar2.jpg" alt="">
<div class="media-body">
<span class="name">Sophia <span class="time">30min ago</span></span>
<span class="message">There are many variations of passages</span>
</div>
</div>
</a>
</li>
<li>
<a href="javascript:void(0);">
<div class="media">
<img class="media-object" src="../assets/images/xs/avatar3.jpg" alt="">
<div class="media-body">
<span class="name">Sophia <span class="time">31min ago</span></span>
<span class="message">There are many variations of passages of Lorem Ipsum</span>
</div>
</div>
</a>
</li>
<li>
<a href="javascript:void(0);">
<div class="media">
<img class="media-object" src="../assets/images/xs/avatar4.jpg" alt="">
<div class="media-body">
<span class="name">Isabella <span class="time">35min ago</span></span>
<span class="message">There are many variations of passages</span>
</div>
</div>
</a>
</li>
<li>
<a href="javascript:void(0);">
<div class="media">
<img class="media-object" src="../assets/images/xs/avatar5.jpg" alt="">
<div class="media-body">
<span class="name">Alexander <span class="time">35min ago</span></span>
<span class="message">Contrary to popular belief, Lorem Ipsum random</span>
</div>
</div>
</a>
</li>
<li>
<a href="javascript:void(0);">
<div class="media">
<img class="media-object" src="../assets/images/xs/avatar6.jpg" alt="">
<div class="media-body">
<span class="name">Grayson <span class="time">1hr ago</span></span>
<span class="message">There are many variations of passages</span>
</div>
</div>
</a>
</li>
</ul>
</li>
<li class="footer"> <a href="javascript:void(0);">View All</a> </li>
</ul>
</li>
<li class="dropdown"> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button"><i class="zmdi zmdi-flag"></i>
<div class="notify">
<span class="heartbit"></span>
<span class="point"></span>
</div>
</a>
<ul class="dropdown-menu pullDown">
<li class="header">Project</li>
<li class="body">
<ul class="menu tasks list-unstyled">
<li>
<a href="javascript:void(0);">
<div class="progress-container progress-primary">
<span class="progress-badge">eCommerce Website</span>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="86" aria-valuemin="0" aria-valuemax="100" style="width: 86%;">
<span class="progress-value">86%</span>
</div>
</div>
<ul class="list-unstyled team-info">
<li class="m-r-15"><small class="text-muted">Team</small></li>
<li>
<img src="../assets/images/xs/avatar2.jpg" alt="Avatar">
</li>
<li>
<img src="../assets/images/xs/avatar3.jpg" alt="Avatar">
</li>
<li>
<img src="../assets/images/xs/avatar4.jpg" alt="Avatar">
</li>
</ul>
</div>
</a>
</li>
<li>
<a href="javascript:void(0);">
<div class="progress-container progress-info">
<span class="progress-badge">iOS Game Dev</span>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%;">
<span class="progress-value">45%</span>
</div>
</div>
<ul class="list-unstyled team-info">
<li class="m-r-15"><small class="text-muted">Team</small></li>
<li>
<img src="../assets/images/xs/avatar10.jpg" alt="Avatar">
</li>
<li>
<img src="../assets/images/xs/avatar9.jpg" alt="Avatar">
</li>
<li>
<img src="../assets/images/xs/avatar8.jpg" alt="Avatar">
</li>
<li>
<img src="../assets/images/xs/avatar7.jpg" alt="Avatar">
</li>
<li>
<img src="../assets/images/xs/avatar6.jpg" alt="Avatar">
</li>
</ul>
</div>
</a>
</li>
<li>
<a href="javascript:void(0);">
<div class="progress-container progress-warning">
<span class="progress-badge">Home Development</span>
<div class="progress">
<div class="progress-bar" role="progressbar" aria-valuenow="29" aria-valuemin="0" aria-valuemax="100" style="width: 29%;">
<span class="progress-value">29%</span>
</div>
</div>
<ul class="list-unstyled team-info">
<li class="m-r-15"><small class="text-muted">Team</small></li>
<li>
<img src="../assets/images/xs/avatar5.jpg" alt="Avatar">
</li>
<li>
<img src="../assets/images/xs/avatar2.jpg" alt="Avatar">
</li>
<li>
<img src="../assets/images/xs/avatar7.jpg" alt="Avatar">
</li>
</ul>
</div>
</a>
</li>
</ul>
</li>
<li class="footer"><a href="javascript:void(0);">View All</a></li>
</ul>
</li>
<li class="hidden-sm-down">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search...">
<span class="input-group-addon">
<i class="zmdi zmdi-search"></i>
</span>
</div>
</li>
<li class="float-right">
<a href="javascript:void(0);" class="fullscreen hidden-sm-down" data-provide="fullscreen" data-close="true"><i class="zmdi zmdi-fullscreen"></i></a>
<a href="sign-in.html" class="mega-menu" data-close="true"><i class="zmdi zmdi-power"></i></a>
<a href="javascript:void(0);" class="js-right-sidebar" data-close="true"><i class="zmdi zmdi-settings zmdi-hc-spin"></i></a>
</li>
</ul>
</nav>
<!-- Left Sidebar -->
<!-- Top Bar -->
<nav class="navbar p-l-5 p-r-5">
<ul class="nav navbar-nav navbar-left">
<li>
<div class="navbar-header">
<a href="javascript:void(0);" class="h-bars"></a>
<a class="navbar-brand" href="{{url('/school')}}"><img src="{{asset('dist/images/logo.svg')}}" width="30" alt="School MIS"><span class="m-l-10">DG Khetan Inernational School</span></a>
</div>
</li>
<li class="dropdown"> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button"><i class="zmdi zmdi-notifications"></i>
<div class="notify"><span class="heartbit"></span><span class="point"></span></div>
</a>
<ul class="dropdown-menu pullDown">
<li class="body">
<ul class="menu list-unstyled">
<li>
<a href="javascript:void(0);">
<div class="media">
<!--<img class="media-object" src="../assets/images/xs/avatar2.jpg" alt="">-->
<div class="media-body">
<span class="name">Sophia <span class="time">30min ago</span></span>
<span class="message">There are many variations of passages</span>
</div>
</div>
</a>
</li>
<li>
<a href="javascript:void(0);">
<div class="media">
<!--<img class="media-object" src="../assets/images/xs/avatar3.jpg" alt="">-->
<div class="media-body">
<span class="name">Sophia <span class="time">31min ago</span></span>
<span class="message">There are many variations of passages of Lorem Ipsum</span>
</div>
</div>
</a>
</li>
<li>
<a href="javascript:void(0);">
<div class="media">
<!--<img class="media-object" src="../assets/images/xs/avatar4.jpg" alt="">-->
<div class="media-body">
<span class="name">Isabella <span class="time">35min ago</span></span>
<span class="message">There are many variations of passages</span>
</div>
</div>
</a>
</li>
<li>
<a href="javascript:void(0);">
<div class="media">
<!--<img class="media-object" src="../assets/images/xs/avatar5.jpg" alt="">-->
<div class="media-body">
<span class="name">Alexander <span class="time">35min ago</span></span>
<span class="message">Contrary to popular belief, Lorem Ipsum random</span>
</div>
</div>
</a>
</li>
<li>
<a href="javascript:void(0);">
<div class="media">
<!--<img class="media-object" src="../assets/images/xs/avatar6.jpg" alt="">-->
<div class="media-body">
<span class="name">Grayson <span class="time">1hr ago</span></span>
<span class="message">There are many variations of passages</span>
</div>
</div>
</a>
</li>
</ul>
</li>
<li class="footer"> <a href="javascript:void(0);">View All</a> </li>
</ul>
</li>
<li class="hidden-sm-down">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search...">
<span class="input-group-addon">
<i class="zmdi zmdi-search"></i>
</span>
</div>
</li>
<li class="float-right">
<a href="javascript:void(0);" class="fullscreen hidden-sm-down" data-provide="fullscreen" data-close="true"><i class="zmdi zmdi-fullscreen"></i></a>
<a href="{{ route('logout') }}" class="mega-menu" data-close="true"
onclick="event.preventDefault();
document.getElementById('logout-form').submit();">
<i class="zmdi zmdi-power"></i>
</a>
<form id="logout-form" action="{{ route('school.logout') }}" method="POST" style="display: none;">
{{ csrf_field() }}
</form>
<!--<a href="sign-in.html" class="mega-menu" data-close="true"><i class="zmdi zmdi-power"></i></a>-->
<a href="javascript:void(0);" class="js-right-sidebar" data-close="true"><i class="zmdi zmdi-settings zmdi-hc-spin"></i></a>
</li>
</ul>
</nav>
<!-- Left Sidebar -->
<aside id="leftsidebar" class="sidebar">
<ul class="nav nav-tabs">
<!--<li class="nav-item"><a class="nav-link active" data-toggle="tab" href="#dashboard"><i class="zmdi zmdi-home m-r-5"></i>Schoolmis</a></li>-->
<!--<li class="nav-item"><a class="nav-link" data-toggle="tab" href="#user"><i class="zmdi zmdi-account m-r-5"></i>User</a></li>-->
</ul>
<div class="tab-content">
<div class="tab-pane stretchRight active" id="dashboard">
<div class="menu">
<ul class="list">
<!--<li class="header">MAIN</li>-->
<li class="{{ checkActive(['school','school/updtpassword']) }} open"> <a href="javascript:void(0);" class="menu-toggle"><i class="zmdi zmdi-home"></i><span>Dashboard</span></a>
<ul class="ml-menu">
<li class="{{ checkActive(['school']) }}"><a href="{{url('/school')}}">Dashboard</a> </li>
<li class="{{ checkActive(['school/updtpassword']) }}"><a href="{{url('/school/updtpassword')}}">Update Password</a> </li>
</ul>
</li>
<li class="{{ checkActive(['school/fys','school/fys/*/edit','school/classes','school/classes/*/edit','school/sections','school/sections/*/edit','school/feeheads','school/feeheads/*/edit','school/busroutes','school/busroutes/*/edit']) }}"><a href="javascript:void(0);" class="menu-toggle"><i class="zmdi zmdi-apps"></i><span>Master</span> </a>
<ul class="ml-menu">
<li class="{{ checkActive(['school/fys','school/fys/*/edit']) }}"><a href="{{url('/school/fys')}}">Session</a></li>
<li class="{{ checkActive(['school/classes','school/classes/*/edit']) }}"><a href="{{url('/school/classes')}}">Class</a></li>
<li class="{{ checkActive(['school/sections','school/sections/*/edit']) }}"><a href="{{url('/school/sections')}}">Section</a></li>
<li class="{{ checkActive(['school/feeheads','school/feeheads/*/edit']) }}"><a href="{{url('/school/feeheads')}}">Fee Header</a></li>
<li class="{{ checkActive(['school/busroutes','school/busroutes/*/edit']) }}"><a href="{{url('/school/busroutes')}}">Bus Entry</a></li>
</ul>
</li>
<li class="{{ checkActive(['school/admentries','school/students','school/stdexcelupload','school/assigndiscount','school/assignbus','school/stddocs']) }}"><a href="javascript:void(0);" class="menu-toggle"><i class="zmdi zmdi-assignment"></i><span>Students</span> </a>
<ul class="ml-menu">
<li class="{{ checkActive(['school/admentries']) }}"><a href="{{url('/school/admentries')}}">Admission Entry</a></li>
<li class="{{ checkActive(['school/students']) }}"><a href="{{url('/school/students')}}">Student List</a></li>
<li class="{{ checkActive(['school/stdexcelupload']) }}"><a href="{{url('school/stdexcelupload')}}">Excel Upload</a></li>
<li class="{{ checkActive(['school/stddocs']) }}"><a href="{{url('school/stddocs')}}">Student Documents</a></li>
<li class="{{ checkActive(['school/assignbus']) }}"><a href="{{url('school/assignbus')}}">Assign Bus</a></li>
<li class="{{ checkActive(['school/assigndiscount']) }}"><a href="{{url('school/assigndiscount')}}">Assign Discount</a></li>
</ul>
</li>
<li class="{{ checkActive(['school/employees','school/employees/*/edit']) }}"><a href="javascript:void(0);" class="menu-toggle"><i class="zmdi zmdi-assignment"></i><span>Employees</span> </a>
<ul class="ml-menu">
<li class="{{ checkActive(['school/employees']) }}"><a href="{{url('/school/employees')}}">Add Employee</a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</aside>
<!-- Right Sidebar -->
@include('layouts.partial.rightsidebar')
<!-- Chat-launcher -->
<div class="chat-launcher"></div>
<div class="chat-wrapper">
<div class="card">
<div class="header">
<ul class="list-unstyled team-info margin-0">
<li class="m-r-15"><h2>Design Team</h2></li>
<li>
<img src="../assets/images/xs/avatar2.jpg" alt="Avatar">
</li>
<li>
<img src="../assets/images/xs/avatar3.jpg" alt="Avatar">
</li>
<li>
<img src="../assets/images/xs/avatar4.jpg" alt="Avatar">
</li>
<li>
<img src="../assets/images/xs/avatar6.jpg" alt="Avatar">
</li>
<li>
<a href="javascript:void(0);" title="Add Member"><i class="zmdi zmdi-plus-circle"></i></a>
</li>
</ul>
</div>
<div class="body">
<div class="chat-widget">
<ul class="chat-scroll-list clearfix">
<li class="left float-left">
<img src="../assets/images/xs/avatar3.jpg" class="rounded-circle" alt="">
<div class="chat-info">
<a class="name" href="javascript:void(0);">Alexander</a>
<span class="datetime">6:12</span>
<span class="message">Hello, John </span>
</div>
</li>
<li class="right">
<div class="chat-info"><span class="datetime">6:15</span> <span class="message">Hi, Alexander<br> How are you!</span> </div>
</li>
<li class="right">
<div class="chat-info"><span class="datetime">6:16</span> <span class="message">There are many variations of passages of Lorem Ipsum available</span> </div>
</li>
<li class="left float-left"> <img src="../assets/images/xs/avatar2.jpg" class="rounded-circle" alt="">
<div class="chat-info"> <a class="name" href="javascript:void(0);">Elizabeth</a> <span class="datetime">6:25</span> <span class="message">Hi, Alexander,<br> John <br> What are you doing?</span> </div>
</li>
<li class="left float-left"> <img src="../assets/images/xs/avatar1.jpg" class="rounded-circle" alt="">
<div class="chat-info"> <a class="name" href="javascript:void(0);">Michael</a> <span class="datetime">6:28</span> <span class="message">I would love to join the team.</span> </div>
</li>
<li class="right">
<div class="chat-info"><span class="datetime">7:02</span> <span class="message">Hello, <br>Michael</span> </div>
</li>
</ul>
</div>
<div class="input-group p-t-15">
<input type="text" class="form-control" placeholder="Enter text here...">
<span class="input-group-addon">
<i class="zmdi zmdi-mail-send"></i>
</span>
</div>
</div>
</div>
</div>
<!-- Main Content -->
<section class="content home">
<div class="block-header">
<div class="row">
<div class="col-lg-5 col-md-5 col-sm-12">
<h2>Dashboard
<small>Welcome to Schoolmis</small>
</h2>
</div>
<div class="col-lg-7 col-md-7 col-sm-12 text-right">
<!-- <div class="inlineblock text-center m-r-15 m-l-15 hidden-md-down">
<div class="sparkline" data-type="bar" data-width="97%" data-height="25px" data-bar-Width="2" data-bar-Spacing="5" data-bar-Color="#fff">3,2,6,5,9,8,7,9,5,1,3,5,7,4,6</div>
<small class="col-white">Visitors</small>
</div>
<div class="inlineblock text-center m-r-15 m-l-15 hidden-md-down">
<div class="sparkline" data-type="bar" data-width="97%" data-height="25px" data-bar-Width="2" data-bar-Spacing="5" data-bar-Color="#fff">1,3,5,7,4,6,3,2,6,5,9,8,7,9,5</div>
<small class="col-white">Bounce Rate</small>
</div>-->
<button class="btn btn-white btn-icon btn-round hidden-sm-down float-right m-l-10" type="button">
<i class="zmdi zmdi-plus"></i>
</button>
<ul class="breadcrumb float-md-right">
<li class="breadcrumb-item"><a href="index.html"><i class="zmdi zmdi-home"></i> Schoolmis</a></li>
<li class="breadcrumb-item active">Dashboard</li>
</ul>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row clearfix">
<div class="col-sm-12">
<div class="card">
<div class="body">
<div class="row clearfix">
<div class="col-lg-4 col-md-4 col-sm-12 text-center">
<div class="body">
<h2 class="number count-to m-t-0 m-b-5" data-from="0" data-to="10010" data-speed="2000" data-fresh-interval="700">10010</h2>
<p class="text-muted ">Total Students</p>
<span id="linecustom2">2,9,5,5,8,5,4,2,6</span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 text-center">
<div class="body">
<h2 class="number count-to m-t-0 m-b-5" data-from="0" data-to="501" data-speed="1000" data-fresh-interval="700">501</h2>
<p class="text-muted">Total Teacher</p>
<span id="linecustom1">1,4,2,6,5,2,3,8,5,2</span>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-12 text-center">
<div class="body">
<h2 class="number count-to m-t-0 m-b-5" data-from="0" data-to="6051" data-speed="2000" data-fresh-interval="700">6051</h2>
<p class="text-muted">Total Staff</p>
<span id="linecustom3">1,5,3,6,6,3,6,8,4,2</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-lg-12">
<div class="card">
<div class="header">
<h2><strong>Collection</strong> Report</h2>
<ul class="header-dropdown">
<li class="dropdown"> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <i class="zmdi zmdi-more"></i> </a>
<ul class="dropdown-menu slideUp float-right">
<li><a href="javascript:void(0);">Edit</a></li>
<li><a href="javascript:void(0);">Delete</a></li>
<li><a href="javascript:void(0);">Report</a></li>
</ul>
</li>
<li class="remove">
<a role="button" class="boxs-close"><i class="zmdi zmdi-close"></i></a>
</li>
</ul>
</div>
<div class="body">
<div class="row text-center">
<div class="col-sm-3 col-6">
<h4 class="margin-0">₹ 106 <i class="zmdi zmdi-trending-up col-green"></i></h4>
<p class="text-muted"> Today's Collection</p>
</div>
<div class="col-sm-3 col-6">
<h4 class="margin-0">₹ 907 <i class="zmdi zmdi-trending-down col-red"></i></h4>
<p class="text-muted">This Week's Collection</p>
</div>
<div class="col-sm-3 col-6">
<h4 class="margin-0">₹ 4210 <i class="zmdi zmdi-trending-up col-green"></i></h4>
<p class="text-muted">This Month's Collection</p>
</div>
<div class="col-sm-3 col-6">
<h4 class="margin-0">₹ 67,000 <i class="zmdi zmdi-trending-up col-green"></i></h4>
<p class="text-muted">This Year's Collection</p>
</div>
</div>
<div id="area_chart" class="graph"></div>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-lg-8 col-md-12">
<div class="row clearfix">
<div class="col-lg-12">
<div class="card">
<ul class="row profile_state list-unstyled">
<li class="col-lg-3 col-md-3 col-6">
<div class="body">
<i class="zmdi zmdi-eye col-amber"></i>
<h4>15,453</h4>
<span>Post View</span>
</div>
</li>
<li class="col-lg-3 col-md-3 col-6">
<div class="body">
<i class="zmdi zmdi-thumb-up col-blue"></i>
<h4>921</h4>
<span>Likes</span>
</div>
</li>
<li class="col-lg-3 col-md-3 col-6">
<div class="body">
<i class="zmdi zmdi-comment-text col-red"></i>
<h4>215</h4>
<span>Comments</span>
</div>
</li>
<li class="col-lg-3 col-md-3 col-6">
<div class="body">
<i class="zmdi zmdi-account text-success"></i>
<h4>22,055</h4>
<span>Profile Views</span>
</div>
</li>
</ul>
</div>
</div>
<div class="col-md-12 col-lg-6">
<div class="card activities">
<div class="header">
<h2><strong>Activities</strong></h2>
</div>
<div class="body">
<ul class="list-unstyled activity">
<li>
<a href="javascript:void(0)">
<i class="zmdi zmdi-cake bg-blue"></i>
<div class="info">
<h4>Admin Birthday</h4>
<small>Will be Dec 21th</small>
</div>
</a>
</li>
<li>
<a href="javascript:void(0)">
<i class="zmdi zmdi-file-text bg-red"></i>
<div class="info">
<h4>Code Change</h4>
<small>Will be Dec 22th</small>
</div>
</a>
</li>
<li>
<a href="javascript:void(0)">
<i class="zmdi zmdi-account-box-phone bg-green"></i>
<div class="info">
<h4>Add New Contact</h4>
<small>Will be Dec 23th</small>
</div>
</a>
</li>
<li>
<a href="javascript:void(0)">
<i class="zmdi zmdi-email bg-amber"></i>
<div class="info">
<h4>New Email</h4>
<small>Will be July 28th</small>
</div>
</a>
</li>
<li>
<a href="javascript:void(0)">
<i class="zmdi zmdi-account-box-phone bg-green"></i>
<div class="info">
<h4>Add New Contact</h4>
<small>Will be Dec 23th</small>
</div>
</a>
</li>
<li>
<a href="javascript:void(0)">
<i class="zmdi zmdi-account-box-phone bg-green"></i>
<div class="info">
<h4>Add New Contact</h4>
<small>Will be Dec 23th</small>
</div>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-5 col-md-6">
<div class="card top-report">
<div class="body">
<h3 class="m-t-0">₹ 1,6000<i class="zmdi zmdi-trending-up float-right"></i></h3>
<p class="text-muted">Check Deposited</p>
<div class="progress">
<div class="progress-bar l-blush" role="progressbar" aria-valuenow="68" aria-valuemin="0" aria-valuemax="100" style="width: 68%;"></div>
</div>
<small>Change 15%</small>
</div>
</div>
<div class="card top-report">
<div class="body">
<h3 class="m-t-0 m-b-25">₹ 15000 <i class="zmdi zmdi-trending-up float-right"></i></h3>
<p class="text-muted">Cash Deposited</p>
<div class="progress">
<div class="progress-bar l-turquoise" role="progressbar" aria-valuenow="68" aria-valuemin="0" aria-valuemax="100" style="width: 68%;"></div>
</div>
<small>Change 5%</small>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-12">
<div class="card weather2">
<div class="city-selected body l-khaki">
<div class="row">
<div class="col-12">
<div class="city"><span>City:</span> New York</div>
<div class="night">Day - 12:07 PM</div>
</div>
<div class="info col-7">
<div class="temp"><h2>34°</h2></div>
</div>
<div class="icon col-5">
<img src="https://thememakker.com/templates/oreo/html/assets/images/weather/summer.svg" alt="">
</div>
</div>
</div>
<table class="table table-striped m-b-0">
<tbody>
<tr>
<td>Wind</td>
<td class="font-medium">ESE 17 mph</td>
</tr>
<tr>
<td>Humidity</td>
<td class="font-medium">72%</td>
</tr>
<tr>
<td>Pressure</td>
<td class="font-medium">25.56 in</td>
</tr>
<tr>
<td>Cloud Cover</td>
<td class="font-medium">80%</td>
</tr>
<tr>
<td>Ceiling</td>
<td class="font-medium">25280 ft</td>
</tr>
</tbody>
</table>
<div class="carousel slide" data-ride="carousel">
<div class="carousel-inner" role="listbox">
<div class="carousel-item text-center active">
<div class="col-12">
<ul class="row days-list list-unstyled">
<li class="day col-4">
<p>Monday</p>
<img src="https://thememakker.com/templates/oreo/html/assets/images/weather/rain.svg" alt="">
</li>
<li class="day col-4">
<p>Tuesday</p>
<img src="https://thememakker.com/templates/oreo/html/assets/images/weather/cloudy.svg" alt="">
</li>
<li class="day col-4">
<p>Wednesday</p>
<img src="https://thememakker.com/templates/oreo/html/assets/images/weather/wind.svg" alt="">
</li>
</ul>
</div>
</div>
<div class="carousel-item text-center">
<div class="col-12">
<ul class="row days-list list-unstyled">
<li class="day col-4">
<p>Thursday</p>
<img src="https://thememakker.com/templates/oreo/html/assets/images/weather/sky.svg" alt="">
</li>
<li class="day col-4">
<p>Friday</p>
<img src="https://thememakker.com/templates/oreo/html/assets/images/weather/cloudy.svg" alt="">
</li>
<li class="day col-4">
<p>Saturday</p>
<img src="https://thememakker.com/templates/oreo/html/assets/images/weather/summer.svg" alt="">
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-lg-8 col-md-12">
<div id="calendar"></div>
</div>
<div class="col-lg-4 col-md-12">
<div class="card">
<div class="header">
<h2><strong>Quick</strong> Overview</h2>
<ul class="header-dropdown">
<li class="dropdown"> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <i class="zmdi zmdi-more"></i> </a>
<ul class="dropdown-menu">
<li><a href="javascript:void(0);">Action</a></li>
<li><a href="javascript:void(0);">Another action</a></li>
<li><a href="javascript:void(0);">Something else</a></li>
</ul>
</li>
<li class="remove">
<a role="button" class="boxs-close"><i class="zmdi zmdi-close"></i></a>
</li>
</ul>
</div>
<div class="body">
<div id="donut_chart" class="dashboard-donut-chart"></div>
<table class="table m-t-25 m-b-0">
<tbody>
<tr>
<td>Boys</td>
<td>6985</td>
<td><i class="zmdi zmdi-caret-up text-success"></i></td>
</tr>
<tr>
<td>Other</td>
<td>2697</td>
<td><i class="zmdi zmdi-caret-up text-success"></i></td>
</tr>
<tr>
<td>Girls</td>
<td>3597</td>
<td><i class="zmdi zmdi-caret-down text-danger"></i></td>
</tr>
<tr>
<td>Teacher</td>
<td>3597</td>
<td><i class="zmdi zmdi-caret-down text-danger"></i></td>
</tr>
<tr>
<td>Driver</td>
<td>3597</td>
<td><i class="zmdi zmdi-caret-down text-danger"></i></td>
</tr>
<tr>
<td>Staff</td>
<td>3597</td>
<td><i class="zmdi zmdi-caret-down text-danger"></i></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div class="row clearfix">
<div class="col-sm-12 col-md-12 col-lg-12">
<div class="card">
<div class="header">
<h2><strong>Attendance</strong> Overview <small>Today Attendence Report Present/Absent</small> </h2>
<ul class="header-dropdown">
<li class="dropdown"> <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"> <i class="zmdi zmdi-more"></i> </a>
<ul class="dropdown-menu slideUp">
<li><a href="javascript:void(0);">Action</a></li>
<li><a href="javascript:void(0);">Another action</a></li>
<li><a href="javascript:void(0);">Something else</a></li>
</ul>
</li>
<li class="remove">
<a role="button" class="boxs-close"><i class="zmdi zmdi-close"></i></a>
</li>
</ul>
</div>
<div class="body table-responsive members_profiles">
<table class="table table-hover">
<thead>
<tr>
<th style="width:60px;">Class</th>
<th>Section</th>
<th>Total Student</th>
<th>Present</th>
<th>Absent</th>
<th>Progress</th>
</tr>
</thead>
<tbody>
<tr>
<td>One</td>
<td>A</td>
<td>23</td>
<td>18</td>
<td>5</td>
<td>
<div class="progress">
<div class="progress-bar l-green" role="progressbar" aria-valuenow="87" aria-valuemin="0" aria-valuemax="100" style="width: 87%;"></div>
</div>
</td>
</tr>
<tr>
<td>Two</td>
<td>A</td>
<td>23</td>
<td>18</td>
<td>5</td>
<td>
<div class="progress">
<div class="progress-bar l-green" role="progressbar" aria-valuenow="87" aria-valuemin="0" aria-valuemax="100" style="width: 87%;"></div>
</div>
</td>
</tr>
<tr>
<td>Three</td>
<td>A</td>
<td>230</td>
<td>210</td>
<td>20</td>
<td>
<div class="progress">
<div class="progress-bar l-green" role="progressbar" aria-valuenow="87" aria-valuemin="0" aria-valuemax="100" style="width: 87%;"></div>
</div>
</td>
</tr>
<tr>
<td>Four</td>
<td>A</td>
<td>23</td>
<td>18</td>
<td>5</td>
<td>
<div class="progress">
<div class="progress-bar l-green" role="progressbar" aria-valuenow="87" aria-valuemin="0" aria-valuemax="100" style="width: 87%;"></div>
</div>
</td>
</tr>
<tr>
<td>Five</td>
<td>A</td>
<td>23</td>
<td>18</td>
<td>5</td>
<td>
<div class="progress">
<div class="progress-bar l-green" role="progressbar" aria-valuenow="87" aria-valuemin="0" aria-valuemax="100" style="width: 87%;"></div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Jquery Core Js -->
<script src="{{asset('dist/bundles/libscripts.bundle.js')}}"></script> <!-- Lib Scripts Plugin Js -->
<script src="{{asset('dist/bundles/vendorscripts.bundle.js')}}"></script> <!-- Lib Scripts Plugin Js -->
<script src="{{asset('plugins/sweetalert/sweetalert.min.js')}}"></script> <!-- SweetAlert Plugin Js -->
<script src="{{asset('dist/bundles/mainscripts.bundle.js')}}"></script>
<!--<script src="{{asset('dist/js/pages/ui/dialogs.js')}}"></script>-->
<!-- datepicker -->
<script src="{{ asset('dist/bundles/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js ')}}"></script>
<!--<script src="assets/bundles/libscripts.bundle.js"></script> Lib Scripts Plugin Js ( jquery.v3.2.1, Bootstrap4 js) -->
<!--<script src="assets/bundles/vendorscripts.bundle.js"></script> slimscroll, waves Scripts Plugin Js -->
<script src="{{asset('dist/bundles/morrisscripts.bundle.js')}}"></script><!-- Morris Plugin Js -->
<script src="{{asset('dist/bundles/jvectormap.bundle.js')}}"></script> <!-- JVectorMap Plugin Js -->
<script src="{{asset('dist/bundles/knob.bundle.js')}}"></script> <!-- Jquery Knob, Count To, Sparkline Js -->
<!--<script src="assets/bundles/mainscripts.bundle.js"></script>-->
<script src="{{asset('dist/bundles/moment/moment.js')}}"></script>
<script src="{{asset('dist/bundles/fullcalendar/dist/fullcalendar.min.js')}}"></script>
<script src="{{asset('dist/js/pages/index.js')}}"></script>
<script>
$(document).ready(function () {
var date = new Date()
var d = date.getDate(),
m = date.getMonth(),
y = date.getFullYear();
$('#calendar').fullCalendar({
header : {
left : 'prev,next today',
center: 'title',
right : 'month,agendaWeek,agendaDay'
},
buttonText: {
today: 'today',
month: 'month',
week : 'week',
day : 'day'
},
//Random default events
events : [
{
title : 'All Day Event',
start : new Date(y, m, 1),
backgroundColor: '#f56954', //red
borderColor : '#f56954' //red
},
{
title : 'Long Event',
start : new Date(y, m, d - 5),
end : new Date(y, m, d - 2),
backgroundColor: '#f39c12', //yellow
borderColor : '#f39c12' //yellow
},
{
title : 'Meeting',
start : new Date(y, m, d, 10, 30),
allDay : false,
backgroundColor: '#0073b7', //Blue
borderColor : '#0073b7' //Blue
},
{
title : 'Lunch',
start : new Date(y, m, d, 12, 0),
end : new Date(y, m, d, 14, 0),
allDay : false,
backgroundColor: '#00c0ef', //Info (aqua)
borderColor : '#00c0ef' //Info (aqua)
},
{
title : 'Birthday Party',
start : new Date(y, m, d + 1, 19, 0),
end : new Date(y, m, d + 1, 22, 30),
allDay : false,
backgroundColor: '#00a65a', //Success (green)
borderColor : '#00a65a' //Success (green)
},
{
title : 'Click for Google',
start : new Date(y, m, 28),
end : new Date(y, m, 29),
url : 'http://google.com/',
backgroundColor: '#3c8dbc', //Primary (light-blue)
borderColor : '#3c8dbc' //Primary (light-blue)
}
],
editable : true,
droppable : true, // this allows things to be dropped onto the calendar !!!
drop : function (date, allDay) { // this function is called when something is dropped
// retrieve the dropped element's stored Event Object
var originalEventObject = $(this).data('eventObject')
// we need to copy it, so that multiple events don't have a reference to the same object
var copiedEventObject = $.extend({}, originalEventObject)
// assign it the date that was reported
copiedEventObject.start = date
copiedEventObject.allDay = allDay
copiedEventObject.backgroundColor = $(this).css('background-color')
copiedEventObject.borderColor = $(this).css('border-color')
// render the event on the calendar
// the last `true` argument determines if the event "sticks" (http://arshaw.com/fullcalendar/docs/event_rendering/renderEvent/)
$('#calendar').fullCalendar('renderEvent', copiedEventObject, true)
// is the "remove after drop" checkbox checked?
if ($('#drop-remove').is(':checked')) {
// if so, remove the element from the "Draggable Events" list
$(this).remove();
}
}
})
});
</script>
</body>
</html>
Copyright © 2021 -