@include('components/header')
@include('components/sidebar')
<!--  Begin CONTENT AREA  -->
<link href="https://gitcdn.github.io/bootstrap-toggle/2.2.2/css/bootstrap-toggle.min.css" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <div id="content" class="main-content">
        <div class="topbar_content mt-3">
            <h2>Attendance List</h2>
           
            <div class="viewAll mr-4 d-flex align-items-center">
                <a href="/admin_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 mb-4">
            <div class="modal-footer"></div>
            <div class="row">
                <div class="col-xl-12 col-lg-12 col-md-12 col-sm-12 col-12">
                    <div class="card">
                        <div class="card-body search-filter">
                            <form action="{{route('attendance_list')}}" method="post" class="form-group">
                                {{csrf_field()}}
                                <div class="row emp-filter-area pr-0">
                                    <div class="col">
                                        <div class="input-group">
                                            <select class="form-control tagging" name="employee_id">
                                                <option value="">Select Employee ID</option>
                                                @foreach($get_data as $employee)
                                                    @foreach($all_employee as $e)
                                                        @if(Session('filter_emp_id') != null)
                                                            @if($e->id == Session('filter_emp_id')) 
                                                                @if(Session('filter_emp_id') == $employee->id)
                                                                    <option selected value="{{$e->id}}">{{$e->id}}
                                                                    </option>
                                                                @else
                                                                    <option value="{{$e->id}}">{{$e->id}}</option>
                                                                @endif
                                                            @else
                                                                  <option value="{{$e->id}}">{{$e->id}}</option>
                                                            @endif
                                                        @else
                                                              <option value="{{$e->id}}">{{$e->id}}</option>
                                                        @endif
                                                    @endforeach
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col">
                                        <div class="input-group">
                                            <select class="form-control tagging" name="employee_name">
                                                <option value="">Select Employee Name</option>
                                                @foreach($get_data as $employee)
                                                    @foreach($all_employee as $e)
                                                        @if(Session('emp_name') != null)
                                                            @if(Session('emp_name') == $e->id) 
                                                                <option selected value="{{$e->id}}">{{$e->first_name}} {{$e->last_name}}
                                                                </option>     
                                                            @else
                                                                  <option value="{{$e->id}}">{{$e->first_name}} {{$e->last_name}}</option>
                                                            @endif
                                                        @else
                                                              <option value="{{$e->id}}">{{$e->first_name}} {{$e->last_name}}</option>
                                                        @endif
                                                    @endforeach
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col input-group">
                                        <select class="form-control tagging" name="select_department" id="department">
                                            <option value="">Select Department</option>
                                            @foreach($department as $department)
                                                @if(Session('department') != null)
                                                    @if(Session('department') == $department->id)
                                                        <option selected value="{{$department->id}}">
                                                        {{$department->department}}</option>
                                                    @else
                                                        <option value="{{$department->id}}">{{$department->department}}
                                                        </option>
                                                    @endif
                                                @else
                                                    <option value="{{$department->id}}">{{$department->department}}
                                                    </option>
                                                @endif
                                            @endforeach
                                        </select>
                                    </div>
                                    <div class="col date-col">
                                        <input type="text" placeholder="Start Date" onkeypress="return false;" class="form-control datepicker input-group" id="start_date" name="start_date" value='@if(Session::has("s_date")) {{Session::get("s_date")}} @endif' autocomplete="off">
                                        <div class="date-icon"><img src="https://dev.hrms.developstaging.com/design/img/date-icon.svg" alt="date"></div>
                                    </div>
                                    <div class="col date-col">
                                        <input type="text" placeholder="End Date" id="end_date" onkeypress="return false;" class="form-control datepicker input-group" name="end_date" value='@if(Session::has("e_date")) {{Session::get("e_date")}} @endif' autocomplete="off">
                                        <div class="date-icon"><img src="https://dev.hrms.developstaging.com/design/img/date-icon.svg" alt="date"></div>
                                    </div>
                                    <div class="col">
                                        <div class = "row">
                                            <div class="col-xl-9">
                                                <div class="form-group p-0"> 
                                                <button class="btn btn-primary btn-block searchBtn" type="submit">Search</button>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 listfilter d-flex justify-content-center">
                                     
                                                    <div class="clear-filter-icon form-group mb-0">
                                                         <a href="{{route('attendance_list')}}"><img src="{{asset('design/img/clearfiltericon.svg')}}"></a>
                                                    </div>
                                            </div>
                                        </div>

                                    </div>
                                </div>
                            </form>
                        </div>
                        
                        <div class="card-body punch-card pt-0">
                            <div class="pt-4 miss-punch">
                                <p class="text-end px-4 text-black">
                                    Total Miss Punches : {{$count}}
                                </p>
                            </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>Employee Id</th>
                                            <th>Employee Name</th>
                                            <th>Date</th>
                                            <th>Arrival Time</th>
                                            <th>Departure Time</th>
                                            <th>Total Break-Time</th>
                                            <th>Total Hours</th>
                                            <th>Action</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @php $i = 1; @endphp
                                        @foreach($attendence_data as $data)
                                            <tr class="text-center">
                                                <td>{{$i}}</td>
                                                <td>{{$data->emp_code}}</td>
                                                <td>{{$data->emp_name}}</td>
                                                <td>{{date('d-m-Y',strtotime($data->upload_date))}}</td>
                                                @if($data->arr_time == '0.00')
                                                    <td>-</td>
                                                @else
                                                    <td>{{date('H:i',strtotime(number_format($data->arr_time,2)))}}</td>

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

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

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

                                                @endif
                                                <td>
                                                    <div class="leave-action text-start d-flex">
                                                        <a href="{{ route('emp_attendance_list',Crypt::encrypt($data->emp_code)) }}" class="eye_btn ml-0">
                                                            <img src="design/img/preview.svg" style="width:24px; height:24px;" />
                                                        </a>
                                                    </div>
                                                </td>
                                            </tr>
                                            @php $i++; @endphp
                                        @endforeach
                                    </tbody>
                                </table>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="delete_data" tabindex="5" role="dialog" aria-labelledby="exampleModalCenterTitle"
        aria-hidden="true">
            <div class="modal-dialog modal-dialog-centered" role="document">
                <div class="modal-content">
                    <center>
                    <div class="modal-header" style="border-bottom: 1px dashed #e0e6ed;">
                        <div class="media-body">
                            <h5><b>Are You Sure You Want To Delete This Employee Data ?</b></h5>
                        </div>
                    </div>
                    </center>
                    <div class="modal-body">
                        <form class="form-group" method="post" action="/delete_employee">
                            {{@csrf_field()}}
                            <input type="hidden" name="id" id="hidden_id">
                            <div class="row float-right">
                                <div class="col-6">
                                    <input type="submit" name="wish" value="Delete" class="btn btn-success">
                                </div>
                                <div class="col-6">
                                    <input type="reset" data-dismiss="modal" value="Cancel" class="btn btn-primary">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
@include('components/footer')
@if(session('done'))
<script type="text/javascript">
    swal.fire({
        title: '@php echo session("done")@endphp',
        type: 'success',
        padding: '2em'
    })
</script>
@elseif(session('edit'))
    <script type="text/javascript">
        swal.fire({
            title: '@php echo session("edit")@endphp',
            type: 'success',
            padding: '2em'
        })
    </script>
@elseif(session('delete'))
<script type="text/javascript">
    swal.fire({
        title: '@php echo session("delete")@endphp',
        type: 'success',
        padding: '2em'
    })
</script>
@elseif(session('error'))
    <script type="text/javascript">
        swal.fire({
            title: '@php echo session("error")@endphp',
            type: 'warning',
            padding: '2em'
        })
    </script>
@endif
<!--  End CONTENT AREA  -->
<script src="https://gitcdn.github.io/bootstrap-toggle/2.2.2/js/bootstrap-toggle.min.js"></script>
<script>    
    $(document).ready(function() {
        $(".toggle").click(function(){$("#myForm").submit();
        });
        $("#department").on('change', function() {
            var department_id = $(this).val();
            if (department_id) {
                $.ajax({
                    url: "{{ url('designation')}}",
                    type: "get",
                    data: {designation_id: department_id},
                    success: function(html) {
                        $("#domain").html(html);
                    }
                });
            }
        });
        var department_id = $("#department").val();
            if (department_id) {
                $.ajax({
                    url: "{{ url('designation')}}",
                    type: "get",
                    data: {designation_id: department_id},
                    success: function(html) {
                        $("#domain").html(html);
                    }
                });
            }
    @php if(session::get('department') != null){ @endphp
        var department_id = $("#department").val();
        if (department_id) {
            $.ajax({
                url: "{{ url('addEmp_designation')}}",
                type: "get",
                data: {designation_id: department_id },
                success: function(html) {
                    $("#domain").html(html);
                }
            });
        }
    @php } @endphp
});

    $(".delete_data").on('click', function() {
        var id = $(this).data('value');
        $('#hidden_id').val(id);
    });

    $('.bday_ancher').click(function() {
        var value = $('.bday_hidden_id').val();
        $('.bday_pass_id').val(value);
        var name = $('.bday_hidden_name').val();
        $('.bday_pass_name').val(name);
    });
    $('#myModal').on('shown.bs.modal', function() {
        $('#myInput').trigger('focus');
    });

    $(".F_name").on('click', function() {
        var id = $(this).data('value');
    });

    function getvalue() {}
        $('p').on('click', function() {
        var txt = $('p').text();
        $(".employee_name").val(txt);
    });

    $(function() {
        $('#toggle-two').bootstrapToggle({
            on: 'Deactive',
            off: 'Active'
        });
    })
    $(".tagging").select2();
    $(document).ready(function() {
    $('.toggle-on').text('Deactive');
    $('.toggle-off').text('Active');

    $('.datepicker').datepicker({
        changeMonth: true,
        changeYear: true,
        dateFormat : "dd/mm/yy",
    });
});
</script>