<?php
session_start();
$user_type = $_SESSION['usertype'];
?>
<!DOCTYPE html>
<html> 
    <head>
        <meta charset="UTF-8">
        <title>AddHRM | Calendar</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
<?php include("header-js.php");?>	
        <link href="css/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css" />
        <link href="css/fullcalendar/fullcalendar.print.css" rel="stylesheet" type="text/css" media='print' />
 
<link rel="stylesheet" href="css/style.css" />
        <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
        <![endif]-->
    </head>
    <body class="skin-blue">
        <!-- header logo: style can be found in header.less -->
<?php 
	include("header.php");
?>
<style type='text/css'>
#calendar {
		width: 900px;
		margin: 0 auto;
		}
#calendars {
	height: 800px;
	width: 835px;
	font-size: 12px !important;
}
.fc-day-header{
background-color:#333333!important;
}
 .fc-ltr{height: 230px;padding-right:5px;width: 261px;float:left};
.event-listed{ position:relative;}
</style>
<div class="col-md-3" style="padding-left:0px;">
						





                     
                        </div>

                    <div class="row" style="border:solid 1px #fff;">
                        <!-- /.col -->
                        <div class="col-md-9">
                            <div class="box box-primary">
                                <div class="box-body no-padding">
                                    <!-- THE CALENDAR -->
									<div>
									<div class="color-button year-view " style="float:left; cursor:pointer;">Year</div>
									<div class="color-button menu-selected month-view " style="float:left; cursor:pointer;">Month</div>
									<select name="holidaybranch" id="holidaybranch"  class="holiday_branch" onChange="searchcalendar()" style="width:300px; padding:5px;">
									<option value="">---All Branches-----</option>
									</select>
									</div>
                                    <div id="calendars"></div>
                                </div><!-- /.box-body -->
                            </div><!-- /. box -->
                        </div><!-- /.col -->
                    </div><!-- /.row -->


                </section><!-- /.content -->
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->
              <?php 
	include("footer-js.php");
?>


        <!-- Page specific script -->
        

    </body>
</html>
<link href='fullcalendar/fullcalendar.css' rel='stylesheet' />
<link href='fullcalendar/fullcalendar.print.css' rel='stylesheet' media='print' />
<script src='fullcalendar/fullcalendar.min.js'></script>
<link rel="stylesheet" href="css/simplePagination.css" /><?php /*?><?php */?>
<script src='js/cal.js'></script>