	<?php $this->load->view("common/header"); ?>
	<!-- end: HEAD -->


	<!-- end: CSS REQUIRED FOR THIS PAGE ONLY -->
	<!-- end: HEAD -->
	<!-- start: BODY -->

	<body>
		<!-- start: HEADER -->
		<div class="navbar navbar-inverse navbar-fixed-top">
			<!-- start: TOP NAVIGATION CONTAINER -->
			<div class="container">
				<div class="navbar-header">
					<!-- start: RESPONSIVE MENU TOGGLER -->
					<button data-target=".navbar-collapse" data-toggle="collapse" class="navbar-toggle" type="button">
						<span class="clip-list-2"></span>
					</button>
					<!-- end: RESPONSIVE MENU TOGGLER -->
					<!-- start: LOGO -->
					<?php $this->load->view("common/logo"); ?>
					<!-- end: LOGO -->
				</div>
				<div class="navbar-tools">
					<!-- start: TOP NAVIGATION MENU -->
					<?php $this->load->view("common/notifications.php"); ?>
					<!-- end: TOP NAVIGATION MENU -->
				</div>
			</div>
			<!-- end: TOP NAVIGATION CONTAINER -->
		</div>
		<!-- end: HEADER -->
		<!-- start: MAIN CONTAINER -->
		<div class="main-container">
			<div class="navbar-content">
				<!-- start: SIDEBAR -->
				<?php $this->load->view("common/navigation"); ?>
				<!-- end: SIDEBAR -->
			</div>
			<!-- start: PAGE -->
			<div class="main-content">
				<!-- end: SPANEL CONFIGURATION MODAL FORM -->
				<div class="container">
					<!-- start: PAGE HEADER -->
					<div class="row">
						<div class="col-sm-12">
							<!-- start: PAGE TITLE & BREADCRUMB -->
							<ol class="breadcrumb">
								<li>
									<a href="<?php echo base_url('dashboard'); ?>">
										Dashboard
									</a>
								</li>
								<li>
									<a href="#">
										Loan
									</a>
								</li>


								<li class="active">Holiday List</li>
								<li class="search-box">
									<form class="sidebar-search">
										<div class="form-group">
											<input type="text" placeholder="Start Searching...">
											<button class="submit">

												<i class="clip-search-3"></i>
											</button>
										</div>
									</form>
								</li>
							</ol>
							<div class="page-header">
								<h1>Holiday List</h1>
							</div>

							<p>Please use the table below to navigate or filter the results. </p>
						</div>
					</div>
					<!-- end: PAGE HEADER -->
					<!-- start: PAGE CONTENT 
                    <!-- start grid -->

					<div class="row">
						<div class="col-md-4">
							<label for="select_year">Select Year</label>
							<select id="select_year" class="form-control">
								<?php
								$current_year = date('Y');
								for ($y = $current_year; $y <= $current_year + 5; $y++) {
									echo "<option value='{$y}'>{$y}</option>";
								}
								?>
							</select>
						</div>
						<div class="col-md-2" style="margin-top:25px;">
							<button class="btn btn-primary" onclick="addSundays()">Add Sundays</button>
						</div>
					</div>

					<div id="result" style="margin-top:15px;"></div>

					<div class="row">
						<div class="col-md-12">
							<!-- start: DYNAMIC TABLE PANEL -->
							<div class="panel panel-default">
								<div class="panel-heading">
									<i class="fa fa-external-link-square"></i>
									Bookings
									<div class="panel-tools" style="top:2px;">
										<button class="btn btn-blue dropdown-toggle" data-toggle="dropdown">
											<i class="clip-list-5"></i> ADD HOLIDAYS
										</button>
										<ul class="dropdown-menu dropdown-light pull-right">
											<li>
												<a id="holiday_create" data-toggle="modal" href="#">
													<i class="fa fa-plus"></i> ADD HOLIDAYS
												</a>
											</li>

										</ul>
									</div>
								</div>
							</div>
							<div class="panel-body">
								<div id="error"></div>
								<table class="table table-bordered table-condensed table-hover table-striped dataTable" id="products_table">
									<thead>
										<tr>

											<th class="col-md-2">Holiday<br> Date.</th>
											<th class="col-md-1">Year</th>
											<th class="col-md-1">Month</th>
											<th>Remarks</th>
											<th class="col-md-1">Action</th>

										</tr>
									</thead>
									<tfoot>
										<tr>

											<th class="col-md-2">Holiday<br> Date.</th>
											<th class="col-md-1">Year</th>
											<th class="col-md-1">Month</th>
											<th>Remarks</th>
											<th class="col-md-1">Action</th>
										</tr>
								</table>
							</div>
						</div>
						<!-- end: DYNAMIC TABLE PANEL -->
					</div>
				</div>

				<!-- end grid -->


			</div>
			<!-- end: PAGE -->
		</div>
		<!-- end: MAIN CONTAINER -->
		<!-- start: FOOTER -->
		<div class="footer clearfix">
			<div class="footer-inner">
				<?php echo date("Y"); ?> © A.S.S.K Loan Management System
			</div>
			<div class="footer-items">
				<span class="go-top"><i class="clip-chevron-up"></i></span>
			</div>
		</div>
		<!-- end: FOOTER -->
		<!-- start: RIGHT SIDEBAR -->
		<!-- end: RIGHT SIDEBAR -->
		<div id="event-management" class="modal fade" tabindex="-1" data-width="760" style="display: none;">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<h4 class="modal-title">Event Management</h4>
					</div>
					<div class="modal-body"></div>
					<div class="modal-footer">
						<button type="button" data-dismiss="modal" class="btn btn-light-grey">
							Close
						</button>
						<button type="button" class="btn btn-danger remove-event no-display">
							<i class='fa fa-trash-o'></i> Delete Event
						</button>
						<button type='submit' class='btn btn-success save-event'>
							<i class='fa fa-check'></i> Save
						</button>
					</div>
				</div>
			</div>
		</div>

		<!-- start ajax model -->
		<div id="ajax-modal" class="modal fade" data-backdrop="static" data-keyboard="false" tabindex="-1" style="display: none;"></div>
		<!-- end ajax model -->

		<!-- start: MAIN JAVASCRIPTS -->
		<?php $this->load->view("common/footer"); ?>
		<!-- end: MAIN JAVASCRIPTS -->
		<script type="text/javascript" src="<?php echo asset_url(); ?>js/jquery.dataTables.min.js"></script>
		<script type="text/javascript" src="<?php echo asset_url(); ?>js/dataTables.bootstrap.min.js"></script>
		<script type="text/javascript" src="<?php echo base_url('thems/js/bootbox.min.js'); ?>"></script>
		<script>
			function addSundays() {
				var year = $('#select_year').val();
				if (!year) return alert('Please select a year');

				$.ajax({
					url: "<?php echo base_url('holiday_management/add_sundays_to_holiday'); ?>/" + year,
					method: 'GET',
					success: function(response) {
						$('#result').html('<div class="alert alert-success">' + response + '</div>');
						location.reload(); 
					},
					error: function() {
						$('#result').html('<div class="alert alert-danger">Error occurred!</div>');
					}
				});
			}
		</script>

		<script>
			jQuery(document).ready(function() {
				//TableData.init();
				loadGrid();
			});

			function loadGrid() {
				$('#products_table').DataTable({
					"ajax": "<?php echo base_url('holiday_management/list_holidays') ?>",
					"bDestroy": true,
					"iDisplayLength": 50,
					"order": [
						[0, "desc"]
					]
				});
			}




			function disable_holiday(id) {

				bootbox.alert({
					message: "You cannot modify holidays. Please get system administrator support",
					size: 'small'
				});


				/*	bootbox.prompt({
				    title: "Comment",
				    inputType: 'textarea',
				    callback: function (result) {
							 if(result!=null)
							 {
							 jQuery.ajax({
				       type: "POST",
				       url: "<?php //echo base_url().'management/change_apfproval_status?id='
								?>"+id+"&comment="+result+"&status="+1,
				//       data: 'id='+id,
				       cache: false,
				       success: function(response)
				       {
						   loadGrid();
							var obj=JSON.parse(response);
						    bootbox.alert({
				        message: obj.message,
				        size: 'small'
				    });		
				       }
				     });	
					}
					else
					{
						   
					}
					}});	*/
			}

			function enable_holiday(id) {
				bootbox.alert({
					message: "You cannot modify holidays. Please get system administrator support",
					size: 'small'
				});
				/*	bootbox.prompt({
				    title: "Comment",
				    inputType: 'textarea',
				    callback: function (result) {
							 if(result!=null)
							 {
							 jQuery.ajax({
				       type: "POST",
				       url: "<?php //echo base_url().'management/change_approfval_status?id='
								?>"+id+"&comment="+result+"&status="+1,
				//       data: 'id='+id,
				       cache: false,
				       success: function(response)
				       {
						   loadGrid();
							var obj=JSON.parse(response);
						    bootbox.alert({
				        message: obj.message,
				        size: 'small'
				    });		
				       }
				     });	
					}
					else
					{
						   
					}
					}});*/
			}


			//category model load event
			// var $modal = $('#ajax-modal');
			$('a#holiday_create').on('click', function() {
				// create the backdrop and wait for next modal to be triggered
				$('body').modalmanager('loading');
				setTimeout(function() {
					$modal.load('<?php echo base_url("holiday_management/create_holiday"); ?>', '', function() {
						$modal.modal();
					});
				}, 1000);
			});
		</script>
	</body>
	<!-- end: BODY -->

	</html>