@extends('layouts.default')
@section('content')
<style>
.loader {
  border: 10px solid #f3f3f3;
  border-radius: 50%;
  border-top: 10px solid #3498db;
  width: 25px;
  height: 25px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
  margin:0px 0px 0px 500px;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
</style>
<div class="right_col" role="main" style="min-height: 3814px;">
  	<div class="">
    <div class="page-title">
      <div class="title_left">
        <h3>Approvals Report</h3>
      </div>
    </div>
    <div class="clearfix"></div>
	    <div class="row">
	    	<div class="col-md-12 col-sm-12 col-xs-12">
		        <div class="x_panel">
		          	<div class="x_title">
		          		<div class="row">
								<div class="col-md-12">
					              	<div class="col-md-5">
						                <div class="col-md-2" style="text-align: center">
						                  <label class="btn btn-success" style="border-radius: 22px;"  type="button" id="previousWeek"> < </label>
						                </div>
						                <div class="col-md-6" style="text-align: center">
						                  <h4   class="presentWeek" style="line-height: 1.0;"  id="presentWeek" ></h4>
						                </div>
						                <div class="col-md-2" style="text-align: center">
						                  <label class="btn btn-success" style="border-radius: 22px;" type="button" id="nextWeek"> > </label>
						                </div>
						            </div>

						            
					        	</div>
						</div>
								<div id="loader" >
							
								</div>
								<div id="console_content">
									<!-- Employee HOurs List Dispaly Here -->
								</div>
			        </div>
		        </div>  
		        {{ csrf_field() }}
	          	<input type="hidden" name="presentWeekNumber" id="presentWeekNumber" value="">
	          	<input type="hidden" name="presentYear" id="presentYear" value="">
	          	<input type="hidden" name="actual_week" id="actual_week" value="">
	          	<input type="hidden" name="actual_year" id="actual_year" value="">
	          	<input type="hidden" name="day1" id="day1" value="">
	        </div>
	    </div>
    </div>
</div>
<script type="text/javascript">
$(document).ready(function(){

  // Year Display 
  var d = new Date();
  dd = d.getDate();
  var mm = d.getMonth()+1;
  var year = d.getFullYear(); 


  // Current Week Of The Month  Done By Danda Satish
  window.onload = lastdateInit;
  function lastdateInit(){
  	  $('#loader').addClass('loader');
      var weekNumber_1  = moment().startOf('isoweek').week();
      document.getElementById("presentWeekNumber").value = weekNumber_1;

      var year = moment().format('YYYY');
      var actual = moment().format('W');

      // getWeekData(actual,year);

      var startOfWeek = moment().startOf('isoweek').toDate();
      var tue = moment(startOfWeek).add(1,'days').toDate(); 
      var wed = moment(startOfWeek).add(2,'days').toDate(); 
      var thu = moment(startOfWeek).add(3,'days').toDate(); 
      var fri = moment(startOfWeek).add(4,'days').toDate(); 
      var sat = moment(startOfWeek).add(5,'days').toDate(); 
      var endOfWeek = moment().endOf('isoweek').toDate();
   
  
      var monDay =moment(startOfWeek).format("DD-MMM-YY");
      var tueDay =moment(tue).format("DD-MMM-YY");
      var wedDay =moment(wed).format("DD-MMM-YY");
      var thuDay =moment(thu).format("DD-MMM-YY");
      var friDay =moment(fri).format("DD-MMM-YY");
      var satDay =moment(sat).format("DD-MMM-YY");
      var sunDay =moment(endOfWeek).format("DD-MMM-YY");

	  	$('#console_content').html('');
	  	
  		$.ajax({
  			url:'