@php
	$ticketTime = strtotime($start_date);
	$day = 7;
@endphp

<div class="sc-hzhJZQ fDglDD">
    <div class="sc-aXZVg jVdGoC rdt_Table" role="table">
        @if($type == "next")
            <div class="sc-gEvEer jsngRl rdt_TableHead" role="rowgroup">
                <div class="sc-eqUAAy ilZlKI rdt_TableHeadRow" role="row">
                    <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" title="TASK NAME">
                            TASK NAME
                        	</div>
                        </div>
                    </div>
                    <input type="hidden" class="first_date" value="{{$date}}">
                    @for($i = 0; $i<$day; $i++)
                        @php
                            $ticketTime = strtotime($start_date);
                            $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" role="rowgroup">
                @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
                                $ticketTime = strtotime($start_date);
                                $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">
                                        <input type="time" class="form-control" value="00:00" {{$read}} {{!in_array($checkyear,$holidays) ? "disabled" : "" }}>
                                    </div>
                                </div>
                            @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" {{$read}} 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">00:00</button>
                        </div>
                    </div>
                @endforeach
                <div id="row-0" role="row" class="sc-dhKdcB cdplcA rdt_TableRow task_selection">
                    <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv krVTia rdt_TableCell plustask" data-tag="allowRowEvents">
                        <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" 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>
                    @for($i = 0; $i<$day; $i++) 
                        @php
                            $ticketTime = strtotime($start_date);
                            $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[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 {{$checkyear}}{{ date('Y-m-d')}}" 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" {{$read}} 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">00:00</button>
                    </div>
                </div>
                <div id="add_task">
                </div>
                <div id="row-1" role="row" class="sc-dhKdcB cdplcA rdt_TableRow">
                    <div id="cell-1-undefined" data-column-id="1" role="cell" class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell"
                        data-tag="allowRowEvents">
                        <div data-tag="allowRowEvents">
                            <div class="break-time text-center ">
                                <p>Break-time</p>
                            </div>
                        </div>
                    </div>
                    <div id="cell-1-undefined" data-column-id="1" role="cell" class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell"
                        data-tag="allowRowEvents">
                        <div data-tag="allowRowEvents">
                        </div>
                    </div>
                    @for($i = 0; $i<$day; $i++)
                        @php
                            $ticketTime = strtotime($start_date);
                            $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" : "" }} {{$read}} class="form-control" value="{{array_key_exists($checkyear,$attendence) ? $attendence[$checkyear]['break_time'] : '00:00' }}">
                                </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' }}" {{$read}} data-date="{{$checkyear}}">
                                </div>
                            </div>
                        @endif
                    @endfor
                    <div id="cell-8-undefined" data-column-id="8" role="cell" class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell" data-tag="allowRowEvents">
                    <button type="button" class="btn light-success-bg week_time">00:00</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>
                @for($i = 0; $i < $day ; $i++)
                    @php
                        $ticketTime = strtotime($start_date);
                        $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-iGgWBj ffYoNC rPOCv krVTia rdt_TableCell">
                            <div>
                                <input type="time" readonly 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">00:00</button>
                </div>
            </div>
            <div id="row-2" role="row" class="sc-dhKdcB cdplcA rdt_TableRow">
                <div id="cell-1-undefined" data-column-id="1" role="cell" class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell"
                    data-tag="allowRowEvents">
                    <div data-tag="allowRowEvents">
                        <div class="break-time text-center ">
                            <p>Total-hour</p>
                        </div>
                    </div>
                </div>
                <div id="cell-1-undefined" data-column-id="1" role="cell" class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell"
                    data-tag="allowRowEvents">
                    <div data-tag="allowRowEvents">
                    </div>
                </div>
                @for($i = 0; $i < $day ; $i++)
                    @php
                        $ticketTime = strtotime($start_date);
                        $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-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">{{array_key_exists($checkyear,$attendence) ? $attendence[$checkyear]['total_time'] : '00:00' }}</button>
                            </div>
                        </div>
                    @else
                        <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> 
                    @endif
                @endfor
                <div id="cell-8-undefined" data-column-id="8" role="cell" class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell" data-tag="allowRowEvents">
                    <!-- <button type="button" class="btn light-success-bg">00:00</button> -->
                </div>
            </div>
        @else
            <div class="sc-gEvEer jsngRl rdt_TableHead" role="rowgroup">
                <div class="sc-eqUAAy ilZlKI rdt_TableHeadRow" role="row">
                    <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" title="TASK NAME">
                            TASK NAME
                            </div>
                        </div>
                    </div>
                    @php
                        $ticketTime = strtotime($start_date);
                        $first_date = date("Y-m-d", strtotime("-8 day", $ticketTime));
                    @endphp
                    @for($i = 7; $i > 0; $i--)
                        @php                            
                            $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="first_date" value="{{$first_date}}">
                    <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" role="rowgroup">
                @foreach($task_list as $key => $tl)
                    <div id="row-0" role="row" class="sc-dhKdcB cdplcA rdt_TableRow task_selection">
                        <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv krVTia rdt_TableCell" data-tag="allowRowEvents">
                        </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>
                        @php
                            $ticketTime = strtotime($start_date);
                            $first_date = date("Y-m-d", strtotime("-7 day", $ticketTime));
                        @endphp
                        @for($i = 7; $i > 0; $i--)
                            @php
                                $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">
                                        <input type="time" {{!in_array($checkyear,$holidays) ? "disabled" : "" }} {{$read}} class="form-control" value="00:00">
                                    </div>
                                </div>
                            @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" {{$read}} name="time[0][{{$i}}]" class="form-control" 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">
                                                <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">
                                                <textarea name="desc[0][{{$i}}]" cols="33" rows="2" {{$read}} class="form-control">{{ isset($task_list[$key][$checkyear]['desc']) ? $task_list[$key][$checkyear]['desc'] : '' }}</textarea>
                                            </div>
                                            <p class="text-danger" id="error_msg"></p>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        @endfor
                        <div id="cell-8-undefined" data-column-id="8" role="cell" class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell" data-tag="allowRowEvents">
                            <button type="button" class="btn light-success-bg week_time">00:00</button>
                        </div>
                    </div>
                @endforeach
                <div id="row-0" role="row" class="sc-dhKdcB cdplcA rdt_TableRow task_selection">
                    <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv krVTia rdt_TableCell plustask" data-tag="allowRowEvents">
                        <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" 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($start_date);
                        $first_date = date("Y-m-d", strtotime("-7 day", $ticketTime));
                    @endphp
                    @for($i = 7; $i > 0; $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">
                                    <input type="time" {{!in_array($checkyear,$holidays) ? "disabled" : "" }} {{$read}} class="form-control" value="00:00">
                                </div>
                            </div>
                        @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 {{$checkyear}} {{date('Y-m-d')}}" 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}}]" {{$read}} 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">00:00</button>
                    </div>
                </div>
                <div id="add_task">
                </div>
                <div id="row-1" role="row" class="sc-dhKdcB cdplcA rdt_TableRow">
                    <div id="cell-1-undefined" data-column-id="1" role="cell" class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell"
                        data-tag="allowRowEvents">
                        <div data-tag="allowRowEvents">
                            <div class="break-time text-center ">
                                <p>Break-time</p>
                            </div>
                        </div>
                    </div>
                    <div id="cell-1-undefined" data-column-id="1" role="cell" class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell"
                        data-tag="allowRowEvents">
                        <div data-tag="allowRowEvents">
                        </div>
                    </div>
                    @php
                        $ticketTime = strtotime($start_date);
                        $first_date = date("Y-m-d", strtotime("-7 day", $ticketTime));
                    @endphp
                    @for($i = 7; $i > 0; $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" : "" }} {{$read}} class="form-control" value="{{array_key_exists($checkyear,$attendence) ? $attendence[$checkyear]['break_time'] : '00:00' }}">
                                </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' }}" {{$read}} data-date="{{$checkyear}}">
                                </div>
                            </div>
                        @endif
                    @endfor
                    <div id="cell-8-undefined" data-column-id="8" role="cell" class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell" data-tag="allowRowEvents">
                    <button type="button" class="btn light-success-bg week_time">00:00</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($start_date);
                    $first_date = date("Y-m-d", strtotime("-7 day", $ticketTime));
                @endphp
                @for($i = 7; $i > 0; $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-iGgWBj ffYoNC rPOCv krVTia rdt_TableCell">
                            <div>
                                <input type="time" readonly 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">00:00</button>
                </div>
            </div>
            <div id="row-2" role="row" class="sc-dhKdcB cdplcA rdt_TableRow">
                <div id="cell-1-undefined" data-column-id="1" role="cell" class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell"
                    data-tag="allowRowEvents">
                    <div data-tag="allowRowEvents">
                        <div class="break-time text-center ">
                            <p>Total-hour</p>
                        </div>
                    </div>
                </div>
                <div id="cell-1-undefined" data-column-id="1" role="cell" class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell"
                    data-tag="allowRowEvents">
                    <div data-tag="allowRowEvents">
                    </div>
                </div>
                @php
                    $ticketTime = strtotime($start_date);
                    $first_date = date("Y-m-d", strtotime("-7 day", $ticketTime));
                @endphp
                @for($i = 7; $i > 0; $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 id="cell-8-undefined" data-column-id="8" role="cell" class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv brkkzl rdt_TableCell" data-tag="allowRowEvents">
                    <!-- <button type="button" class="btn light-success-bg">00:00</button> -->
                </div>
            </div>
        @endif
    </div>
</div>

<script type="text/javascript">
    $(".new_task").click(function(){
        ++j;                            
        var $row = $('@if($type == 'next') <div id="row-0" role="row" 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 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[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> @for($i = 0; $i<$day; $i++)  @php $ticketTime = strtotime($start_date); $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[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 {{$read}} 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">00:00</button> </div> </div> @else <div id="row-0" role="row" class="sc-dhKdcB cdplcA rdt_TableRow task_selection"> <div class="sc-fqkvVR sc-dcJsrY sc-iGgWBj ffYoNC rPOCv krVTia rdt_TableCell">  <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[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> @for($i = 7; $i > 0; $i--) @php $ticketTime = strtotime($start_date); $first_date = date("Y-m-d", strtotime("-7 day", $ticketTime)); $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[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 {{$read}} 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">00:00</button> </div> </div>  @endif');
        $('#add_task').append($row);
    });

    $(document).on('click', '.remove-tr', function(){  
        $(this).parents('.task_selection').remove();
    });

    $(".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>