@include('components/uheader')
@include('components/usidebar')

<style>
  .swal2-loading {
    background: transparent;
  }
  .sc-eeDRCY .d-flex{
  	gap: 20px;
  }

  #search_date {
  	padding:0.7rem 1.1rem 0.7rem 1.1rem;
  }
</style>

<div id="content" class="main-content">
	<div class="topbar_content mt-3">
        <h2>Time Sheet</h2>
        <div class="viewAll mr-4">
            <a href="/employee_dashboard" class="viewAllBtn">
                <button class="btn btn-danger mr-2">
                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-arrow-left"><line x1="19" y1="12" x2="5" y2="12"></line><polyline points="12 19 5 12 12 5"></polyline></svg> Back</button>
            </a>
            <a href="{{route('send_timesheet')}}">
            	<button class="btn btn-primary">Sent to TL</button>
            </a>
        </div>
    </div>
    <div class="layout-px-spacing layout-top-spacing justify-content-center">
        <div class="modal-footer"> </div>
    	<div class="row">
    		<div class="col-xl-12 col-lg-12 col-sm-12 layout-spacing">
            	<div class="widget-content widget-content-area br-6">
				    <section>
				        <div class="timesheet-main">
				            <div class="row clearfix g-3">
				                <div class="col-12">
				                    <div class="card">
				                        <div class="card-body">
				                            <div class="sc-eldPxv bcRxlw rdt_TableHeader" role="heading" aria-level="1">
				                                <div class="sc-fPXMVe ehGUhG">Timesheet List</div>
				                                <div class="sc-eDPEul cYxFQh">
				                                    <div class="sc-cPiKLX iPutqj"></div>
				                                    <div class="sc-dLMFU hVaWwV"></div>
				                                </div>
				                            </div>
			                                <nav class="sc-eeDRCY row rdt_Pagination justify-content-between">
			                                	<div class="d-flex col-6 g-3">
			                                		<form class="form-group" action="{{ route('timeSheet') }}">
					                    				{{csrf_field()}}
					                    				<div class="row">
						                                   	<div class="date-field-with-icon col-4">
										                        <input type="text" placeholder="Select Start Date" value="{{ Session::has('timesheet_start') ? date('Y-m-d',strtotime(Session::get('timesheet_start'))) : '' }}" class="form-control clear_Data" name="start_date" id="start_date" onkeypress="return false;" autocomplete="off">
											                    <div class="date-icon">
											                    	<img src="{{asset('design/img/date-icon.svg')}}" alt="date" />
											                    </div>
										                    </div>
										                    <div class="date-field-with-icon col-4">
										                        <input type="text" placeholder="Select End Date" value="{{ Session::has('timesheet_end') ? date('Y-m-d',strtotime(Session::get('timesheet_end'))) : '' }}" class="form-control clear_Data" name="end_date" id="end_date" onkeypress="return false;" autocomplete="off">
											                    <div class="date-icon">
											                    	<img src="{{asset('design/img/date-icon.svg')}}" alt="date" />
											                    </div>
										                    </div>
										                    <div class="col-2 d-flex">
										                    	<button type="submit" class="btn btn-primary" id="search_date">Search</button>
										                    	<a href="{{ route('timeSheet') }}"><button type="button" class="btn btn-primary" name="clear" id="search_date">Clear</button></a>
										                    </div>
									                    	
										                </div>
			                                		</form>
			                                    </div> 
			                                    <div class="d-flex col-6 g-3 justify-content-end align-items-center">
			                                    	@if(!Session::has('timesheet_start') || !Session::has('timesheet_start'))
			                                        <button class="btn-ct-week btn-primary next" type="button" data-current="{{date('Y-m-d')}}" type="submit">Jump To Current Week</button>
			                                        @endif
				                                    <div class="sc-bmzYkS lazlwA">
				                                        <button id="pagination-previous-page" type="button" aria-label="Previous Page" class="sc-koXPp gRhxQD previous btn-primary btn me-2">
				                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" role="presentation">
				                                                <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z"></path>
				                                                <path d="M0 0h24v24H0z" fill="none"></path>
				                                            </svg>
				                                        </button>
				                                        <button id="pagination-next-page" type="button" aria-label="Next Page" class="sc-koXPp gRhxQD next btn-primary btn">
				                                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" aria-hidden="true" role="presentation">
				                                                <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"></path>
				                                                <path d="M0 0h24v24H0z" fill="none"></path>
				                                            </svg>
				                                        </button>
				                                    </div>
			                                    </div>
			                                </nav>
				                            <form class="form-group" method="post" action="{{route('timesheet_submit')}}">
							                    {{csrf_field()}}
					                            
					                            <div class="sc-feUZmu eguvnT table myDataTable table-hover align-middle mb-0 d-row nowrap dataTable no-footer dtr-inline">
					                                <div class="sc-hzhJZQ fDglDD">
					                                    <div class="sc-aXZVg jVdGoC rdt_Table">
					                                        <div class="sc-gEvEer jsngRl rdt_TableHead">
					                                            <div class="sc-eqUAAy ilZlKI rdt_TableHeadRow">
					                                                <div class="sc-fqkvVR sc-dcJsrY sc-dAlyuH cVuFkX rPOCv htiSTT rdt_TableCol">
					                                                </div>
					                                                <div class="sc-fqkvVR sc-dcJsrY sc-dAlyuH cVuFkX rPOCv htiSTT rdt_TableCol">
					                                                    <div class="sc-jlZhew etkvXH rdt_TableCol_Sortable">
					                                                        <div class="sc-cwHptR hmdZnu">
					                                                        TASK NAME
					                                                    	</div>
					                                                    </div>
					                                                </div>
					                                                @php
																		$date1 = $start_main;
																		$ticketTime = strtotime($date1);
																		$day = 7;
																	@endphp
					                                                <input type="hidden" class="first_date " value="{{$date1}}">
					                                                @for($i = 0; $i<$day; $i++)
													                    @php
															                $check = date("d/m", strtotime(+$i."day", $ticketTime));
															                $checkyear = date("Y-m-d", strtotime(+$i."day", $ticketTime));
															                $day_name = date("D", strtotime(+$i."day", $ticketTime));
															                $year = date('Y');

															                $day_name = date("D", strtotime(+$i."day", $ticketTime));
															            @endphp
															            @if($day_name == 'Sat' || $day_name == 'Sun')
							                                                <div class="sc-fqkvVR sc-dcJsrY sc-dAlyuH cVuFkX rPOCv htiSTT rdt_TableCol">
							                                                    <div class="sc-jlZhew etkvXH rdt_TableCol_Sortable">
							                                                        <div class="sc-cwHptR hmdZnu">{{$day_name}}<br>{{$checkyear}}</div>
							                                                    </div>
							                                                </div>
							                                            @else
							                                            	<div class="sc-fqkvVR sc-dcJsrY sc-dAlyuH cVuFkX rPOCv htiSTT rdt_TableCol">
							                                                    <div class="sc-jlZhew etkvXH rdt_TableCol_Sortable">
							                                                        <div class="sc-cwHptR hmdZnu">{{$day_name}}<br>{{$checkyear}}</div>
							                                                    </div>
							                                                </div>
							                                            @endif
							                                        @endfor
					                                                <input type="hidden" class="last_date" value="{{$checkyear}}">
							                                        <div class="sc-fqkvVR sc-dcJsrY sc-dAlyuH cVuFkX rPOCv htiSTT rdt_TableCol">
					                                                    <div class="sc-jlZhew etkvXH rdt_TableCol_Sortable">
					                                                        <div class="sc-cwHptR hmdZnu">Week Hours</div>
					                                                    </div>
					                                                </div>
					                                            </div>
					                                        </div>
					                                        <div class="sc-dAbbOL huFvJk rdt_TableBody">
					                                        	@php $ticketTime = strtotime($date1); @endphp
					                                        	@foreach($task_list as $key => $tl)
					                                        	    <div class="sc-dhKdcB cdplcA rdt_TableRow task_selection">
						                                                <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv krVTia rdt_TableCell">
						                                                </div>
						                                                <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell">
						                                                	<select class="form-control" readonly name="task_name[0]">
						                                                		@foreach($task as $t)
						                                                			@if($t->id == $key)
							                                                        	<option selected value="{{$t->id}}">{{$t->task_name}}</option>
							                                                        @endif
							                                                    @endforeach
						                                                    </select>
						                                                </div>
						                                                @for($i = 0; $i<$day; $i++)	
														                    @php
																                $check = date("d/m", strtotime(+$i."day", $ticketTime));
																                $checkyear = date("Y-m-d", strtotime(+$i."day", $ticketTime));
																                $day_name = date("D", strtotime(+$i."day", $ticketTime));
																                $year = date('Y');

																                $day_name = date("D", strtotime(+$i."day", $ticketTime));
																            @endphp
																            @if($checkyear > date('Y-m-d') || $lock_date['date'] > $checkyear || in_array($checkyear,$disable))
																            	@php $read = "readonly"; @endphp
																            @else 
																            	@php $read = ""; @endphp
																            @endif

																            @if($day_name == 'Sat' || $day_name == 'Sun')
								                                                <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv krVTia rdt_TableCell">
								                                                    <div class="date-field-with-icon">
								                                                    	@if(in_array($checkyear,$holidays))
													                                        <div class="description-icon" data-modalId="0{{$day_name}}{{$i}}">
													                                            <i class="fa fa-commenting-o" aria-hidden="true"></i>
													                                        </div>
													                                    @endif
								                                                    	<input type="time" {{$read}} {{!in_array($checkyear,$holidays) ? "disabled" : "" }} class="form-control" value="00:00">
								                                                    </div>
								                                                </div>
								                                                @if(in_array($checkyear,$holidays))
													                                <div class="modal fade desc_model" id="projectDesc0{{$day_name}}{{$i}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
													                                    <div class="modal-dialog modal-dialog-centered" role="document">
													                                        <div class="modal-content">
													                                            <div class="modal-header m-2">
													                                                <h5 class="modal-title">Add Description</h5>
													                                            </div>
													                                            <div class="row m-3">
													                                                <label for="project name">Description</label>
													                                                <div class="col">
													                                                    <input type="hidden" class="get_task_name">
													                                                    <textarea name="desc[0][{{$i}}]" cols="33" rows="2" {{$read}} class="form-control desc_submit" data-date="{{$checkyear}}"></textarea>
													                                                </div>
													                                                <p class="text-danger" id="error_msg"></p>
													                                            </div>
													                                        </div>
													                                    </div>
													                                </div>
													                            @endif
								                                            @else
								                                            	<input type="hidden" data-date="{{$checkyear}}" name="date[0][{{$i}}]" value="{{$checkyear}}" >
								                                            	<div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv krVTia rdt_TableCell">
								                                                    <div class="date-field-with-icon">
								                                                    	<div class="description-icon" data-modalId="0{{$day_name}}{{$i}}">
											                                                <i class="fa fa-commenting-o" aria-hidden="true"></i>
											                                            </div>
								                                                    	<input type="time" name="time[0][{{$i}}]" class="form-control time_picker submit_data" data-date="{{$checkyear}}" {{$read}} value="{{ isset($task_list[$key][$checkyear]['time']) ? $task_list[$key][$checkyear]['time'] : '00:00' }}" > 
								                                                    </div>
								                                                </div>
								                                                <!-- Modal For Create Project -->
																			    <div class="modal fade desc_model" id="projectDesc0{{$day_name}}{{$i}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
																			        <div class="modal-dialog modal-dialog-centered" role="document">
																			            <div class="modal-content">
																			                <div class="modal-header m-2">
																			                    <h5 class="modal-title">Add Description</h5>
																			                </div>
																			                <div class="row m-3">
																	                            <label for="project name">Description</label>
																	                            <div class="col">
																		    						<input type="hidden" class="get_task_name">
																	                            	<textarea name="desc[0][{{$i}}]" cols="33" rows="2" class="form-control desc_submit" data-date="{{$checkyear}}">{{ isset($task_list[$key][$checkyear]['desc']) ? $task_list[$key][$checkyear]['desc'] : '' }}</textarea>
																	                            </div>
																	                            <p class="text-danger" id="error_msg"></p>
																			                </div>
																			            </div>
																			        </div>
																			    </div>
								                                            @endif
								                                        @endfor
						                                                <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell">
						                                                	<button type="button" class="btn light-success-bg week_time">0:0</button>
						                                                </div>
						                                            </div>
						                                        @endforeach
						                                        <div id="row-0" class="sc-dhKdcB cdplcA rdt_TableRow task_selection">
					                                                <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv krVTia rdt_TableCell plustask">
					                                                    <button class="btn timesheet-btn new_task" id="button" style="font-size:20px;" type="button">+</button>
					                                                </div>
					                                                <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell">
					                                                	<select class="form-control" data-date="{{$checkyear}}" name="task_name[0]">
					                                                		<option value="Select Task Name">Select Task Name</option>
					                                                		@foreach($task as $t)
						                                                        <option value="{{$t->id}}">{{$t->task_name}}</option>
						                                                    @endforeach
					                                                    </select>
					                                                </div>
					                                        		@php $ticketTime = strtotime($date1); @endphp
					                                                @for($i = 0; $i<$day; $i++)	
													                    @php
															                $check = date("d/m", strtotime(+$i."day", $ticketTime));
															                $checkyear = date("Y-m-d", strtotime(+$i."day", $ticketTime));
															                $day_name = date("D", strtotime(+$i."day", $ticketTime));
															                $year = date('Y');

															                $day_name = date("D", strtotime(+$i."day", $ticketTime));
															            @endphp
															            @if($checkyear > date('Y-m-d') || $lock_date['date'] > $checkyear || in_array($checkyear,$disable))
																            	@php $read = "readonly"; @endphp
																            @else 
																            	@php $read = ""; @endphp
																            @endif
															            @if($day_name == 'Sat' || $day_name == 'Sun')
							                                                <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv krVTia rdt_TableCell">
							                                                    <div class="date-field-with-icon">
							                                                    	@if(in_array($checkyear,$holidays))
												                                        <div class="description-icon" data-modalId="0{{$day_name}}{{$i}}">
												                                            <i class="fa fa-commenting-o" aria-hidden="true"></i>
												                                        </div>
												                                    @endif
							                                                    	<input type="time" {{$read}} {{!in_array($checkyear,$holidays) ? "disabled" : "" }} class="form-control" value="00:00">
							                                                    </div>
							                                                </div>

							                                                @if(in_array($checkyear,$holidays))
												                                <div class="modal fade desc_model" id="projectDesc0{{$day_name}}{{$i}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
												                                    <div class="modal-dialog modal-dialog-centered" role="document">
												                                        <div class="modal-content">
												                                            <div class="modal-header m-2">
												                                                <h5 class="modal-title">Add Description</h5>
												                                            </div>
												                                            <div class="row m-3">
												                                                <label for="project name">Description</label>
												                                                <div class="col">
												                                                    <input type="hidden" class="get_task_name">
												                                                    <textarea name="desc[0][{{$i}}]" cols="33" rows="2" {{$read}} class="form-control desc_submit" data-date="{{$checkyear}}"></textarea>
												                                                </div>
												                                                <p class="text-danger" id="error_msg"></p>
												                                            </div>
												                                        </div>
												                                    </div>
												                                </div>
												                            @endif
							                                            @else
							                                            	<input type="hidden" name="date[0][{{$i}}]" value="{{$checkyear}}" >
							                                            	<div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv krVTia rdt_TableCell">
							                                                    <div class="date-field-with-icon">
							                                                    	<div class="description-icon" data-modalId="0{{$day_name}}{{$i}}">
										                                                <i class="fa fa-commenting-o" aria-hidden="true"></i>
										                                            </div>
							                                                    	<input type="time" name="time[0][{{$i}}]" class="form-control submit_data time_picker" data-date="{{$checkyear}}" value="00:00" {{$read}}>
							                                                    </div>
							                                                </div>
							                                                <!-- Modal For Create Project -->
																		    <div class="modal fade desc_model" id="projectDesc0{{$day_name}}{{$i}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
																		        <div class="modal-dialog modal-dialog-centered" role="document">
																		            <div class="modal-content">
																		                <div class="modal-header m-2">
																		                    <h5 class="modal-title">Add Description</h5>
																		                </div>
																		                <div class="row m-3">
																                            <label for="project name">Description</label>
																                            <div class="col">
																		    					<input type="hidden" class="get_task_name">
																                            	<textarea name="desc[0][{{$i}}]" cols="33" rows="2" class="form-control desc_submit" data-date="{{$checkyear}}"></textarea>
																                            </div>
																                            <p class="text-danger" id="error_msg"></p>
																		                </div>
																		            </div>
																		        </div>
																		    </div>
							                                            @endif
							                                        @endfor
					                                                <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell">
					                                                	<button type="button" class="btn light-success-bg week_time">0:0</button>
					                                                </div>
					                                            </div>
					                                            <div id="add_task">
					                                            </div>
					                                            <div id="row-1" class="sc-dhKdcB cdplcA rdt_TableRow">
					                                                <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell"
					                                                   >
					                                                    <div>
					                                                        <div class="break-time text-center ">
					                                                            <p>Break-time</p>
					                                                        </div>
					                                                    </div>
					                                                </div>
					                                                <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell"
					                                                   >
					                                                    <div>
					                                                    </div>
					                                                </div>
					                                        		@php $ticketTime = strtotime($date1); @endphp

						                                                @for($i = 0; $i<$day; $i++)
														                    @php
																                $check = date("d/m", strtotime(+$i."day", $ticketTime));
																                $checkyear = date("Y-m-d", strtotime(+$i."day", $ticketTime));
																                $day_name = date("D", strtotime(+$i."day", $ticketTime));
																                $year = date('Y');

																                $day_name = date("D", strtotime(+$i."day", $ticketTime));
																            @endphp
																            @if($checkyear > date('Y-m-d') || $lock_date['date'] > $checkyear || in_array($checkyear,$disable))
																            	@php $read = "readonly"; @endphp
																            @else 
																            	@php $read = ""; @endphp
																            @endif
																            @if($day_name == 'Sat' || $day_name == 'Sun')
								                                                <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv krVTia rdt_TableCell">
								                                                    <div>
								                                                    	<input type="time" {{!in_array($checkyear,$holidays) ? "disabled" : "" }} class="form-control" value="{{array_key_exists($checkyear,$attendence) ? $attendence[$checkyear]['break_time'] : '00:00' }}" {{$read}}>
								                                                    </div>
								                                                </div>
								                                            @else
								                                                <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv krVTia rdt_TableCell">
								                                                    <div>
								                                                    	<input type="time" class="form-control break_time" data-date="{{$checkyear}}"  value="{{array_key_exists($checkyear,$attendence) ? $attendence[$checkyear]['break_time'] : '00:00' }}" data-date="{{$checkyear}}" {{$read}}>
								                                                    </div>
								                                                </div>
								                                            @endif
								                                        @endfor
							                                        <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell">
					                                                	<button type="button" class="btn light-success-bg week_time">0:0</button>
					                                                </div>
					                                            </div>
					                                            <div class="sc-dhKdcB cdplcA rdt_TableRow">
					                                                <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell">
					                                                    <div>
					                                                        <div class="break-time text-center ">
					                                                            <p>Total-hour</p>
					                                                        </div>
					                                                    </div>
					                                                </div>
					                                                <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell">
					                                                    <div>
					                                                    </div>
					                                                </div>
					                                        		@php $ticketTime = strtotime($date1); @endphp

						                                            @for($i = 0; $i < $day ; $i++)
													                    @php
															                $check = date("d/m", strtotime(+$i."day", $ticketTime));
															                $checkyear = date("Y-m-d", strtotime(+$i."day", $ticketTime));
															                $day_name = date("D", strtotime(+$i."day", $ticketTime));
															                $year = date('Y');

															                $day_name = date("D", strtotime(+$i."day", $ticketTime));
															            @endphp
															            @if($checkyear > date('Y-m-d') || $lock_date['date'] > $checkyear || in_array($checkyear,$disable))
															            	@php $read = "readonly"; @endphp
															            @else 
															            	@php $read = ""; @endphp
																        @endif
															            @if($day_name == 'Sat' || $day_name == 'Sun')
							                                                <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv krVTia rdt_TableCell">
							                                                    <div>
							                                                    	<input type="time" readonly {{!in_array($checkyear,$holidays) ? "disabled" : "" }} class="form-control display_total" value="00:00">
							                                                    </div>
							                                                </div>
							                                            @else
							                                                <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv krVTia rdt_TableCell">
							                                                	<div>
							                                                    	<input type="time" readonly data-date="{{$checkyear}}" class="form-control display_total" value="00:00">
							                                                    </div>
							                                                </div> 
							                                            @endif
								                                    @endfor
							                                        <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell">
					                                                	<button type="button" class="btn light-success-bg week_time">0:0</button>
					                                                </div>
					                                            </div>
					                                            <div class="sc-dhKdcB cdplcA rdt_TableRow">
					                                                <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell">
					                                                    <div>
					                                                        <div class="break-time text-center ">
					                                                            <p>Total-hour</p>
					                                                        </div>
					                                                    </div>
					                                                </div>
					                                                <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell">
					                                                    <div>
					                                                    </div>
					                                                </div>
					                                        		@php $ticketTime = strtotime($date1); @endphp

						                                            @for($i = 0; $i < $day ; $i++)
													                    @php
															                $check = date("d/m", strtotime(+$i."day", $ticketTime));
															                $checkyear = date("Y-m-d", strtotime(+$i."day", $ticketTime));
															                $day_name = date("D", strtotime(+$i."day", $ticketTime));
															                $year = date('Y');

															                $day_name = date("D", strtotime(+$i."day", $ticketTime));
															            @endphp
						                                                <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv krVTia rdt_TableCell">
						                                                	<div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell">
							                                                	<button type="button" class="btn light-success-bg total_time" data-date="{{$checkyear}}">{{array_key_exists($checkyear,$attendence) ? $attendence[$checkyear]['total_time'] : '00:00' }}</button>
							                                                </div>
						                                                </div> 
								                                    @endfor
							                                        <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell">
					                                                	<!-- <button type="button" class="btn light-success-bg">0:0</button> -->
					                                                </div>
					                                            </div>
					                                        </div>
					                                    </div>
					                                </div>
					                            </div>
					                        </form>
				                        </div>
				                    </div>
				                </div>
				            </div>
				        </div>
				    </section>
				</div>
			</div>
		</div>
    </div>
@include('components/ufooter')
@if(session('error')) 
	<script type="text/javascript">
		swal.fire({
			title: "{{session('error')}}",
	        type: 'warning',
	        padding: '2em'
		})
	</script>
@endif
<script>
	$("#start_date").datepicker({
        dateFormat: "yy-mm-dd"
    });

    $("#end_date").datepicker({
        dateFormat: "yy-mm-dd",
        maxDate: new Date()
    });

	var j = 0;
	$('.new_task').click(function(){
		++j;                        	
		var $row = $('<div id="row-0" class="sc-dhKdcB cdplcA new_row rdt_TableRow task_selection"> <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv krVTia rdt_TableCell plustask">  <button class="btn timesheet-btn remove-tr" id="button" style="font-size:20px;" type="button">-</button>  </div><div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell"><select class="form-control" name="task_name['+j+']"> <option>Select Task Name</option> @foreach($task as $t)  <option value="{{$t->id}}">{{$t->task_name}}</option>  @endforeach </select> </div> @php $ticketTime = strtotime($date1); @endphp  @for($i = 0; $i<$day; $i++)  @php $check = date("d/m", strtotime(+$i."day", $ticketTime));  $checkyear = date("Y-m-d", strtotime(+$i."day", $ticketTime)); $day_name = date("D", strtotime(+$i."day", $ticketTime));  $year = date("Y"); $day_name = date("D", strtotime(+$i."day", $ticketTime)); @endphp @if($checkyear > date('Y-m-d') || $lock_date['date'] > $checkyear || in_array($checkyear,$disable)) @php $read = "readonly"; @endphp @else @php $read = ""; @endphp @endif  @if($day_name == "Sat" || $day_name == "Sun") <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv krVTia rdt_TableCell">  <div class="date-field-with-icon"> @if(in_array($checkyear,$holidays)) <div class="description-icon" data-modalId="0{{$day_name}}{{$i}}">  <i class="fa fa-commenting-o" aria-hidden="true"></i> </div> @endif <input type="time" {{!in_array($checkyear,$holidays) ? "disabled" : "" }} {{$read}} class="form-control" value="00:00">  </div>  </div> @if(in_array($checkyear,$holidays)) <div class="modal fade desc_model" id="projectDesc0{{$day_name}}{{$i}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">  <div class="modal-dialog modal-dialog-centered" role="document">  <div class="modal-content"> <div class="modal-header m-2">  <h5 class="modal-title">Add Description</h5> </div> <div class="row m-3"> <label for="project name">Description</label> <div class="col"> <input type="hidden" class="get_task_name"> <textarea name="desc[0][{{$i}}]" cols="33" rows="2" {{$read}} class="form-control desc_submit" data-date="{{$checkyear}}"></textarea> </div>  <p class="text-danger" id="error_msg"></p> </div> </div> </div> </div> @endif  @else  <input type="hidden" name="date['+j+'][{{$i}}]" value="{{$checkyear}}" > <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv krVTia rdt_TableCell" > <div class="date-field-with-icon"> <div class="description-icon"  data-modalId="'+j+'{{$day_name}}{{$i}}"> <i class="fa fa-commenting-o" aria-hidden="true"></i> </div> <input type="time" name="time['+j+'][{{$i}}]" class="form-control submit_data time_picker" data-date="{{$checkyear}}" value="00:00" {{$read}}> </div> <div class="modal fade desc_model" id="projectDesc'+j+'{{$day_name}}{{$i}}" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content">  <div class="modal-header">  <h5 class="modal-title"> Add Description</h5> <button type="button" class="close" data-dismiss="modal"aria-label="Close"> <span aria-hidden="true" class="cancel">&times;</span></button></div> <label for="project name">Description</label> <div class="col"> <input type="hidden" class="get_task_name"> <textarea name="desc['+j+'][{{$i}}]" cols="33" rows="2" class="form-control desc_submit" data-date="{{$checkyear}}"></textarea> </div><p class="text-danger" id="error_msg"></p><div class="row justify-content-end"><div class="col-3"></div> </div> </div>  </div> </div>  </div>  @endif   @endfor   <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell"><button type="button" class="btn light-success-bg week_time">0:0</button> </div>  </div>');
		$('#add_task').append($row);
	});
	
    $(document).on('click', '.remove-tr', function(){  
    	$(this).parents('.new_row').remove();
	});

    $(".project_name").on('change',function(){
		var state_txt = $(this).val(); 
    });

    $("#project_name").on('change',function(){
		var state_txt = $(this).val(); 
    });
    check_filter('load');

    function check_filter(type) {
    	if(type == 'next') {
    		$('#pagination-previous-page').attr('disabled',false);

			var timesheet_end = $('#end_date').val();
			var end_date = $("body .last_date").val();
			
			timesheet_end = new Date(timesheet_end);
			end_date = new Date(end_date);
			end_date.setDate(end_date.getDate() + 7);

			if(timesheet_end <= end_date) {
				$('#pagination-next-page').attr('disabled',true);
			}
    	} else if(type == 'load') {
    		var timesheet_end = $('#end_date').val();
			var end_date = $("body .last_date").val();
			
			timesheet_end = new Date(timesheet_end);
			end_date = new Date(end_date);
			end_date.setDate(end_date.getDate() + 7);

			if(timesheet_end <= end_date) {
				$('#pagination-next-page').attr('disabled',true);
			}

			var timesheet_start = $('#start_date').val();
			var start_date = $("body .first_date").val();
			
			timesheet_start = new Date(timesheet_start);
			start_date = new Date(start_date);
			start_date.setDate(start_date.getDate() - 7);

			if(start_date <= timesheet_start) {
				$('#pagination-previous-page').attr('disabled',true);
			}

    	}
    	 else {
	    	$('#pagination-next-page').attr('disabled',false);
			var timesheet_start = $('#start_date').val();
			var start_date = $("body .first_date").val();
			
			timesheet_start = new Date(timesheet_start);
			start_date = new Date(start_date);
			start_date.setDate(start_date.getDate() - 7);

			if(start_date <= timesheet_start) {
				$('#pagination-previous-page').attr('disabled',true);
			}
    	}
    }

	$(".next").click(function() {
		check_filter('next');	

		if($(this).data('current') != null) {
			const today = new Date($(this).data('current'));
		  	const dayOfWeek = today.getDay();

		  	const difference = today.getDate() - dayOfWeek;
		  	const firstDateOfWeek = new Date(today.setDate(difference));

		  	const year = firstDateOfWeek.getFullYear();
			const month = (firstDateOfWeek.getMonth() + 1).toString().padStart(2, '0'); // Adding 1 to month as it's zero-indexed
			const day = firstDateOfWeek.getDate().toString().padStart(2, '0');

		  	// return firstDateOfWeek;
			var date = `${year}-${month}-${day}`;
			$(this).addClass("d-none");
		} else {
			var date = $("body .last_date").val();
			$(".btn-ct-week").removeClass("d-none");
		}
		Swal.showLoading();
		$.ajax({
			type : "get",
			url : "{{ route('get_next') }}",
			data : {type:'next',date:date},
			success : function(html){
				Swal.close();
				$(".myDataTable").html(html);
			}
		});
	});

	$(".previous").click(function() {
		check_filter('previous');	
		var timesheet_start = $('#start_date').val();
		
		$(".btn-ct-week").removeClass("d-none");
		var date = $(".first_date").val();
		Swal.showLoading();
		$.ajax({
			type : "get",
			url : "{{ route('get_next') }}",
			data : {type:'prev',date:date},
			success : function(html){
				Swal.close();
				@php $checkyear = Cookie::get('start_date'); @endphp
				$(".myDataTable").html(html);

			}
		});
	});

	$(document).on('click', '.description-icon',function(){
		var task_name = $(this).parents('.task_selection').find('select').val();
		var modalId = $(this).data('modalid');
		var modal = $(this).parents('.task_selection').find("#projectDesc"+modalId);

		$(modal).find(".get_task_name").val(task_name);

		if(task_name == "Select Task Name"){
			swal.fire({
		        title: 'Please Select Task Name',
		        type: 'warning',
		        padding: '2em'
		    }).then((result) => {
			 	if (result.isConfirmed) {
					$("#projectDesc").modal('hide');
				 }
			});
		} else {
			modal.modal('show');
		}
	})

	$(document).on("click",".time_picker",function(){
		var task_name = $(this).parents('.task_selection').find('select').val();
		if(task_name == "Select Task Name"){
			swal.fire({
		        title: 'Please Select Task Name',
		        type: 'warning',
		        padding: '2em'
		    })
		} else {
		}
	})

	$(document).on("change",".submit_data",function(){
		var task_name = $(this).parents('.task_selection').find('select').val();
		var task_sec = $(this).parents('.task_selection');

		//Count the timing row wise
		var b_time = "00:00";
		$(task_sec).find("input[type='time']").each(function() {
			var split = b_time.split(":");
	        var end_time = $(this).val();
	        var split2 = end_time.split(":");
	        var num = (~~split[0]);
	        var num2 = (~~split2[0]);
	        if (num2 < num) {
	            var num = num;
	            var num2 = num2;
	        }
	        var ttl = num2 + num;
	        var min = (~~split2[1]) + (~~split[1]);
	        b_time = Math.abs(ttl) + ":" + Math.abs(min);
		})
		let formattedTimes = b_time.split(':').map(num => num.padStart(2, '0')).join(':');
		$(task_sec).find(".week_time").text(formattedTimes);

		//Count the timing column wise
		var time = $(this).val();
		var date = $(this).data('date');
		var total_hr = "00:00";
		var total_time = "00:00";

		$(".total_time").each(function(){
			if($(this).data('date') == date) {
				total_hr = $(this).text();
			}
		})

		$('.submit_data').each(function(){
			if($(this).data('date') == date) {
		        var split = total_time.split(":");
		        var end_time = $(this).val();
		        var split2 = end_time.split(":");
		        var num = (~~split[0]);
		        var num2 = (~~split2[0]);
		        if (num2 < num) {
		            var num = num;
		            var num2 = num2;
		        }
		        var ttl = num2 + num;
		        var min = (~~split2[1]) + (~~split[1]);
		        total_time = Math.abs(ttl) + ":" + Math.abs(min);
			}
		})
		let formattedTime = total_time.split(':').map(num => num.padStart(2, '0')).join(':');
		let [hours1, minutes1] = total_time.split(':').map(Number);
		let [hours2, minutes2] = total_hr.split(':').map(Number);
		let totalMinutes1 = hours1 * 60 + minutes1;
		let totalMinutes2 = hours2 * 60 + minutes2;

		$(".display_total").each(function(){
			if($(this).data('date') == date) {
				$(this).val(formattedTime);
			}
		})

		if(totalMinutes1 > totalMinutes2) {
		  swal.fire({
		        title: 'Your time is over',
		        type: 'warning',
		        padding: '2em'
		    })
		} else {
			// $.ajax({
			// 	type : "get",
			// 	url : "{{ route('timesheet_data_submit') }}",
			// 	data : {task_name:task_name,time:time,date:date},
			// 	success : function(html){
			// 		console.log(html);
			// 		// $(taskName).html(html);
			// 	}
			// });
		}
	})

	$(document).on("change",".desc_submit",function(){
		var date = $(this).data('date');
		var desc = $(this).val();
		var task_name = $(this).prev().val();
		$.ajax({
			type : "get",
			url : "{{ route('timesheet_data_submit') }}",
			data : {task_name:task_name,date:date,desc:desc},
			success : function(html){
			}
		})
	})

	$(document).on("change",".break_time",function(){
		var task_sec = $(this).parents('.task_selection');

		//Count the timing row wise
		var bs_time = "00:00";
		$(task_sec).find("input[type='time']").each(function() {
			var split = bs_time.split(":");
	        var end_time = $(this).val();
	        var split2 = end_time.split(":");
	        var num = (~~split[0]);
	        var num2 = (~~split2[0]);
	        if (num2 < num) {
	            var num = num;
	            var num2 = num2;
	        }
	        var ttl = num2 + num;
	        var min = (~~split2[1]) + (~~split[1]);
	        bs_time = Math.abs(ttl) + ":" + Math.abs(min);
		})
		let formattedTimes = bs_time.split(':').map(num => num.padStart(2, '0')).join(':');
		$(task_sec).find(".week_time").text(formattedTimes);

		//Count the timing colum wise
		var date = $(this).data('date');
		var b_time = $(this).val();
		var total_hr = "00:00";

		$(".total_time").each(function(){
			if($(this).data('date') == date) {
				total_hr = $(this).text();
			}
		})

		$('.submit_data').each(function(){
			if($(this).data('date') == date) {
		        var split = b_time.split(":");
		        var end_time = $(this).val();
		        var split2 = end_time.split(":");
		        var num = (~~split[0]);
		        var num2 = (~~split2[0]);
		        if (num2 < num) {
		            var num = num;
		            var num2 = num2;
		        }
		        var ttl = num2 + num;
		        var min = (~~split2[1]) + (~~split[1]);
		        b_time = Math.abs(ttl) + ":" + Math.abs(min);
			}
		})
		let formattedTime = b_time.split(':').map(num => num.padStart(2, '0')).join(':');
		let [hours1, minutes1] = b_time.split(':').map(Number);
		let [hours2, minutes2] = total_hr.split(':').map(Number);
		let totalMinutes1 = hours1 * 60 + minutes1;
		let totalMinutes2 = hours2 * 60 + minutes2;
		
		$(".display_total").each(function(){
			if($(this).data('date') == date) {
				$(this).val(formattedTime);
			}
		})

		if(totalMinutes1 > totalMinutes2) {
		  swal.fire({
		        title: 'Your time is over',
		        type: 'warning',
		        padding: '2em'
		    })
		} else {
			// $.ajax({
			// 	type : "get",
			// 	url : "{{ route('timesheet_data_submit') }}",
			// 	data : {date:date,break_time:b_time},
			// 	success : function(html){
			// 	}
			// })
		}
	})

	$(".break_time").each(function(){
		var date = $(this).data('date');
		var b_time = $(this).val();
		var total_hr = "00:00";

		$(".total_time").each(function(){
			if($(this).data('date') == date) {
				total_hr = $(this).text();
			}
		})

		$('.submit_data').each(function(){
			if($(this).data('date') == date) {
		        var split = b_time.split(":");
		        var end_time = $(this).val();
		        var split2 = end_time.split(":");
		        var num = (~~split[0]);
		        var num2 = (~~split2[0]);
		        if (num2 < num) {
		            var num = num;
		            var num2 = num2;
		        }
		        var ttl = num2 + num;
		        var min = (~~split2[1]) + (~~split[1]);
		        b_time = Math.abs(ttl) + ":" + Math.abs(min);
			}
		})
		let formattedTime = b_time.split(':').map(num => num.padStart(2, '0')).join(':');
		let [hours1, minutes1] = b_time.split(':').map(Number);
		let [hours2, minutes2] = total_hr.split(':').map(Number);
		let totalMinutes1 = hours1 * 60 + minutes1;
		let totalMinutes2 = hours2 * 60 + minutes2;
		
		$(".display_total").each(function(){
			if($(this).data('date') == date) {
				$(this).val(formattedTime);
			}
		})
	})

	$(".rdt_TableRow").each(function() {
		var b_time = "00:00";
		$(this).find("input[type='time']").each(function() {
			var split = b_time.split(":");
	        var end_time = $(this).val();
	        var split2 = end_time.split(":");
	        var num = (~~split[0]);
	        var num2 = (~~split2[0]);
	        if (num2 < num) {
	            var num = num;
	            var num2 = num2;
	        }
	        var ttl = num2 + num;
	        var min = (~~split2[1]) + (~~split[1]);
	        b_time = Math.abs(ttl) + ":" + Math.abs(min);
		})
		let formattedTime = b_time.split(':').map(num => num.padStart(2, '0')).join(':');
		$(this).find(".week_time").text(formattedTime);
	})

</script>