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


<div id="content" class="main-content">
    <div class="topbar_content mt-3">
        <h2> Detail Attendance List</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>
        </div>
    </div>
    <div class="layout-px-spacing layout-top-spacing">
        <div class="modal-footer">
        </div>
        <div class="card mb-3">
            <div class="card-body">
                <div class="box-widget widget-user">
                    <div class="widget-user-image">
                        <div class="row">
                            <span class="avatar col-xl-1 col-lg-2 col-md-2">
                                @if($employee_data->profile_picture == '')
                                    <img width="105px" accept="image/*" height="105px" src='{{asset("design/img/profiles/default.svg")}}' class="image">
                                @else
                                    <img width="105px" accept="image/*" height="105px" src='{{asset("root/documents/$employee_data->id/profile/$employee_data->profile_picture")}}' class="image">
                                @endif
                            </span>
                            <span class="avatar pl-4 pt-2 col-lg-3 col-md-5">
                                <div class="p-1">
                                    <h6><b>Employee Id :</b> {{$employee_data->id}}</h6>
                                </div>
                                <div class="p-1">
                                    <h6><b>Employee Name :</b> {{$employee_data->first_name}}  {{$employee_data->last_name}}</h6>
                                </div>
                                <div class="p-1">
                                    <h6><b>Email : </b>{{$employee_data->official_email}}</h6>
                                </div>
                                <div class="p-1">
                                    <h6><b>Phone No. :</b>@if($employee_data->phone_number == '') NA @else {{$employee_data->phone_number}} @endif</h6>    
                                </div>
                            </span>
                            <div class="col-lg-7  col-md-5 mt-3">
                                <form action="{{route('emp_filter_list')}}" method="post"> 
                                    @csrf                                       
                                    <div class="row">
                                        <div class="col-xl-4 col-lg-6 col-md-6  mb-3">
                                            <input type="hidden" name="id" value="{{$emp_id}}">
                                            <input type="text" placeholder="Start Date" onkeypress="return false;" class="form-control datepicker" id="start_date" name="start_date" value='@if(Session::has("s_date")) {{Session::get("s_date")}} @endif' autocomplete="off">
                                        </div>
                                        <div class="col-xl-4 col-lg-6 col-md-6  mb-3">
                                            <input type="text" placeholder="End Date" onkeypress="return false;" id="end_date" class="form-control datepicker" name="end_date" value='@if(Session::has("e_date")) {{Session::get("e_date")}} @endif' autocomplete="off">
                                        </div>
                                        <div class="col-xl-4 col-lg-6 col-md-4">
                                            <div class="d-flex">
                                                <button class="btn btn-primary btn-block searchBtn" type="submit">Search</button>
                                                <a href="{{ route('detail_attendence') }}"><img style="width:35px; margin-left:20px;" src="{{asset('design/img/clearfiltericon.svg')}}"></a>
                                            </div>
                                        </div>                                    
                                    </div>                          
                                </form>          
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="table-responsive">
                <table id="zero-config" class="table dt-table-hover table-striped" style="width:100%">
                    <thead>
                        <tr class="text-center">
                            <th>Sr No</th>
                            <th>Date</th>
                            <th>Work Type</th>
                            <th>Arrival Time</th>
                            @if(count($break_data)>0)
                                @for($i=1; $i<= max($break_count); $i++)
                                    <th>Punch Out{{$i}}</th>
                                    <th>Punch In{{$i}}</th>
                                    <th>Break Hours{{$i}}</th>
                                @endfor
                            @else
                                <th>Punch Out</th>
                                <th>Punch In</th>
                                <th>Break Hours</th>
                            @endif
                            <th>Dept Time</th>
                            <th>Total Break Hours</th>
                            <th>Total Hours</th>
                        </tr>
                    </thead>
                    <tbody>
                        @if(!empty($attendence_data))
                            @php $j=1; @endphp
                            @foreach($attendence_data as $key => $attendence)
                                <tr class="text-center">
                                    <td>{{$j}}</td>
                                    <td>{{ date('d-m-Y',strtotime($attendence->upload_date))}}</td>
                                    <td>{{ $attendence->work_type }}</td>
                                    @if($attendence->arr_time == '0.00')
                                        <td>-</td>
                                    @else
                                        <td>{{date('H:i',strtotime(number_format($attendence->arr_time,2)))}}</td>
                                    @endif

                                    @if(count($break_data) == 0)
                                        <td>-</td>
                                        <td>-</td>
                                        <td>-</td>
                                    @else
                                        @foreach($break_data as $break)
                                            @if($break->attendence_id == $attendence->id)
                                                <td>{{date('H:i',strtotime(number_format($break->in_time,2)))}}</td>
                                                <td>{{date('H:i',strtotime(number_format($break->out_time,2)))}}</td>
                                                <td>{{date('H:i',strtotime($break->total_break_time,2))}}</td>
                                            @else
                                                <td>-</td>
                                                <td>-</td>
                                                <td>-</td>
                                            @endif
                                        @endforeach
                                    @endif
                                    @if($attendence->dep_time == '0.00')
                                        <td>-</td>
                                    @else
                                        <td>{{date('H:i',strtotime(number_format($attendence->dep_time,2)))}}</td>

                                    @endif
                                    @if($attendence->break_time == '0.00')
                                        <td>-</td>
                                    @else
                                        <td>{{date('H:i',strtotime($attendence->break_time,2))}}</td>

                                    @endif
                                    @if($attendence->arr_time == '0.00' || $attendence->dep_time == '0.00')
                                        <td>-</td>
                                    @else
                                        <td>{{date('H:i',strtotime(number_format($attendence->total_time,2)))}}</td>

                                    @endif
                                </tr>
                                @php $j++ @endphp
                            @endforeach
                        @endif
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>

@include('components/ufooter')
<script type="text/javascript">
    $('.datepicker').datepicker({
        changeMonth: true,
        changeYear: true,
        dateFormat : "dd/mm/yy",
    });
</script>