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

<!--  Begin CONTENT AREA  -->
<div id="content" class="main-content">
    @if(isset($jobSheet_datas))
        <div class="topbar_content mt-3">
            <h2>Job sheet list</h2>
            <div class="viewAll mr-4">
                <a href="/admin_dashboard" class="viewAllBtn">
                    <button class="btn btn-danger">
                        <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>
            </div>
        </div>
        <div class="layout-px-spacing layout-top-spacing">
            <div class="modal-footer"></div>
            <!-- <div class="mb-3"> <h3 style="position: relative;">| Job sheet list</h3> </div> -->
            <div class="">
                <div class="widget-content widget-content-area br-6">
                    <div class="table-responsive">
                        <table id="zero-config" class="table table-striped table-responsive dt-table-hover">
                            <thead>
                                <tr class="text-center">
                                    <th>Sr No</th>
                                    <th>Employee ID</th>
                                    <th>Employee Name</th>
                                    <th>Department Name</th>
                                    <th>Domain Name</th>
                                    <th>Date</th>
                                    <th>Start time</th>
                                    <th>End time</th>
                                    <th>Total time</th>
                                    <th>Work type</th>
                                    <th>Project name</th>
                                    <th>Task name</th>
                                    <th>Task description</th>
                                    <th>Status</th>
                                    <th>Action</th>
                                </tr>
                            </thead>
                            <tbody>

                                @php $i = 0; @endphp
                                @foreach($jobSheet_datas as $data)
                                <tr class="text-center">
                                    @php
                                    $date = date('d-m-Y',strtotime($data->date));
                                    $start_time = date('H:t',strtotime($data->start_time));
                                    $end_time = date('H:t',strtotime($data->end_time));
                                    @endphp
                                        @php $i = $i+1 @endphp
                                    @for($i=$i;$i<=count($jobSheet_datas);)
                                        <td>{{$i}}</td>
                                    @break
                                    @endfor
                                    <td>{{$data->emp_id}}</td>
                                    <td>{{$data->emp_name}}</td>
                                    <td>{{$data->departments->department}}</td>
                                    <td>{{$data->domains->domain}}</td>
                                    <td>{{$date}}</td>
                                    <td>{{$start_time}}</td>
                                    <td>{{$end_time}}</td>
                                    <td class="pl-5">{{$data->ttl_hours}}</td>
                                    <td>{{$data->work_type}}</td>
                                    <td>{{$data->project_name}}</td>
                                    <td>{{$data->task_name}}</td>
                                    <td class="reason">{{$data->task_description}}</td>
                                    <td>
                                        @if($data->status == 'Pending')
                                        <span class="badge badge-warning">
                                            {{$data->status}}
                                        </span>
                                        @elseif($data->status == 'Approved')
                                        <span class="badge badge-success">
                                            {{$data->status}}
                                        </span>
                                        @else
                                        <span class="badge text-white" style="background-color: #bc1a25;">
                                            {{$data->status}}
                                        </span>
                                        @endif
                                    </td>
                                    @if($data->status == 'Pending')
                                    <td>
                                        <div class="leave-action text-start">
                                            <a href="javascript:void(0);" data-target="#accept" data-toggle="modal"
                                                class="approve ml-1" data-id="{{$data->id}}"
                                                data-value="{{$data->emp_id}}" data-time="{{$data->ttl_hours}}">
                                                <img src="design/img/approved.svg" style="width:24px; height:24px;" />
                                            </a>
                                            <a href="javascript:void(0);" class="reject ml-2" data-target="#cnfrm_reject"
                                                data-toggle="modal" data-id="{{$data->id}}">
                                                <img src="design/img/reject.svg" style="width:24px; height:24px;" />
                                            </a>
                                        </div>
                                    </td>
                                    @elseif($data->status == 'Reject')
                                    <td>
                                        <div class="leave-action">
                                            <a href="javascript:void(0);" data-target="#reject_reason"
                                                data-value="{{$data->reject_reason}}" class="eye_btn"
                                                data-toggle="modal" data-bs-placement="top">
                                                <img src="design/img/preview.svg" style="width:24px; height:24px;" />

                                            </a>
                                        </div>
                                    </td>
                                    @else
                                    <td>
                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
                                    </td>
                                    @endif
                                </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>

        <!-- MODAL FOR ACCEPT LEAVE -->
        <div class="modal fade" id="accept" 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" id="exampleModalLongTitle">Do you want to approve this Job Sheet?</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <form action="employee_accept_jobsheet" method="post" class="form-group">
                        {{csrf_field()}}
                        <input type="hidden" class="approve_db_id" name="db_id">
                        <input type="hidden" class="approve_days" name="hours">
                        <input type="hidden" class="approve_emp_id" name="emp_id">
                        <div class="modal-footer">
                            <div class="text-end">
                                <button class="btn btn-success" type="submit" name="add_leave">Submit</button>
                                <button type="button" class="btn btn-primary ml-2 mr-0" data-dismiss="modal">Close</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
        
        <!-- MODEL FOR CONFIRMATION REJECT OT -->
        <div class="modal fade" id="cnfrm_reject" 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" id="exampleModalLongTitle">Do you want to reject this  Job Sheet?</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <form action="" method="post" class="form-group">
                        <!-- {{csrf_field()}} -->
                        <input type="hidden" name="db_id" id="confrm_reject">
                        <div class="modal-footer">
                            <div class="text-end">
                                <button class="btn btn-success" data-toggle="modal" data-target="#reject"
                                data-dismiss="modal" type="button" name="add_leave" id="confrm_reject_btn">Submit</button>
                                <button type="button" class="btn btn-primary ml-2 mr-0" data-dismiss="modal">Close</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>  

        <!-- MODAL FOR REJECT LEAVE -->
        <div class="modal fade" id="reject" 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" id="exampleModalLongTitle">Reject Reason</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <form action="/employee_reject_jobsheet" method="post" class="form-group">
                        {{csrf_field()}}
                        <input type="hidden" id="hidden_dbid" name="hidden_dbid">
                        <textarea class="mt-3 ml-5 form-control" style="resize: none; width: 400px;"
                        placeholder="Enter reject reason" id="reason_txt" name="reject_reason" rows="5"></textarea>
                        <p class="text-danger ml-5" id="error_msg"></p>
                        <div class="mt-3 mr-5">
                            <div class="row float-right">
                                <div class="col-6">
                                    <input type="submit" id="reject_submit" value="Submit" class="btn btn-success">
                                </div>
                                <div class="col-6">
                                    <input type="reset" id="cancel" data-dismiss="modal" value="Cancel"
                                    class="btn btn-primary">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>


    @else
        <div class="topbar_content mt-3">
            <h2>My Jobsheet</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('index',$user->emp_id) }}" class="btn btn-primary"  type="submit" name="add_employee" id="save_data"><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-plus"><line x1="12" y1="5" x2="12" y2="19"></line><line x1="5" y1="12" x2="19" y2="12"></line></svg>Apply Jobsheet</a>
               
            </div>

        </div>
        <div class="layout-px-spacing layout-top-spacing">
        <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">
                    <table id="zero-config" class="table dt-table-striped dt-table-hover" style="width:100%">
                        <thead>
                            <tr class="text-center">
                                <th>Sr No</th>
                                <th>Date</th>
                                <th>Start time</th>
                                <th>End time</th>
                                <th>Total time</th>
                                <th>Work type</th>
                                <th>Project name</th>
                                <th>Task name</th>
                                <th>Task description</th>
                                <th>Status</th>
                                <th>Action</th>
                            </tr>
                            
                        </thead>
                        <tbody>
                                                        @foreach($jobSheet_data as $data)
                            <tr class="text-center">
                            @php
                                $date = date('d-m-Y',strtotime($data->date));
                                $start_time = date('H:i',strtotime($data->start_time));
                                $end_time = date('H:i',strtotime($data->end_time));
                                $i = $i + 1;
                                $reason = $data->task_description;
                                $reject = wordwrap($reason,20,"</br>",TRUE);
                            @endphp
                           
                                @for($i=$i;$i<=count($jobSheet_data);)
                                <td>{{$i}}</td>
                                @break
                                @endfor
                                <td>{{$date}}</td>
                                <td>{{$start_time}}</td>
                                <td>{{$end_time}}</td>
                                <td class="pl-5">{{$data->ttl_hours}}</td>
                                <td>{{$data->work_type}}</td>
                                <td>{{$data->project_name}}</td>
                                <td>{{$data->task_name}}</td>
                                <td>{{$reject}}</td>

                                <td>
                                    @if($data->status == 'Pending')
                                    <span class="badge badge-warning">
                                        {{$data->status}}
                                    </span>
                                    @elseif($data->status == 'Approved')
                                    <span class="badge badge-success">
                                        {{$data->status}}
                                    </span>
                                    @else
                                    <span class="badge text-white" style="background-color: #bc1a25;">
                                        {{$data->status}}
                                    </span>
                                    @endif
                                </td>
                                @if($data->status == 'Pending')

                                <td>
                                    <div class="leave-action d-flex">
                                        <a href="{{ route('edit_jobSheet',$data->id) }}" class="edit grey-color"  
                                            data-bs-toggle="tooltip" data-bs-placement="top" title=""
                                            data-bs-original-title="Edit">
                                            <img src="{{asset('design/img/edit.svg')}}" />

                                        </a>
                                        
                                        <a href="javascript:void(0);" data-id="{{$data->id}}" class="delete ml-3 grey-color"
                                            data-target="#delete" data-toggle="modal">
                                            <img src="{{asset('design/img/delete.svg')}}" />

                                        </a>
                                    </div>
                                </td>
                               @elseif($data->status == 'Reject')
                                <td>
                                    <div class="leave-action">
                                        <a href="javascript:void(0);" data-target="#reject_reason" data-value="{{$data->reject_reason}}" class="grey-color eye_btn" data-toggle="modal" data-bs-placement="top" >
                                            <img src="{{asset('design/img/preview.svg')}}">
                                        </a>
                                    </div>
                                </td>
                                @else
                                <td>
                                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;-
                                </td>

                             @endif
                            </tr>
                            
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    @endif
</div>

    <!-- Modal For Show Reject Reason -->
    <div class="modal fade" id="reject_reason" 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" id="exampleModalLongTitle">Reject Reason</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                            <div class="modal-body ml-3 mt-1">
                                <form class="form-group">
                                    <textarea class="reason p-2 text-dark form-control" cols="50" rows="4" style="resize: none;" readonly></textarea>
                                </form>
                            </div>
                            
                    </div>
                </div>
    </div>

 

     <!-- MODAL FOR DELETE LEAVE -->
            <div class="modal fade" id="delete" 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" id="exampleModalLongTitle">Are You Want To Delete This OT?</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <form action="{{ route('delete_jobSheet')}}" method="post" class="form-group">
                            {{csrf_field()}}
                            <input type="hidden" class="db_id" name="db_id">

                            
                            <div class="modal-foote"> 
                                <div class="row justify-content-end mr-3 mt-4">
                                    <button class="btn btn-success col-3 mr-3" type="submit" name="add_leave">Delete</button>
                                    <button type="button" class="btn btn-primary col-3" data-dismiss="modal">Close</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            @if(session('done'))
                <script type="text/javascript">
                      swal.fire({
                          title: "