@extends('admin.layout.master')
@section('content')
@include('flash-message')

<div class="card sina-card">
     <div class="card-header d-flex justify-content-between align-items-center ">
        <h5 class="font-weight-bold mb-0">{{__('obs.leave_application_list')}}  </h5>
        <a href="{{route('payroll.hrm.leave.leave_create')}}" class="btn btn-sm btn-success"> {{__('obs.add_leave_application')}}</a>
    </div>

    <div class="card-body">
        <form action="{{route('payroll.hrm.leave.leave_search')}}" method="get">
            <div class="col-md-12">
                <div class="row">

                    <div class='col-md-2'>
                        <div class="form-group">
                            <label>{{__('obs.name')}} / {{__('obs.code')}}</label>
                            <select class="form-control input-sm name_code_live_search" name="emp_id" id="emp_id">
                            </select>
                        </div>
                    </div>

                    <div class='col-md-2'>
                        <div class="form-group">
                            <label>{{__('obs.department')}}</label>
                            <select class="form-control js-example-basic-single " name="department_id" id="department">
                                <option value="">{{__('obs.choose_one')}}</option>
                                @foreach ($alldepartment as $v_dept)
                                    <option value="{{ $v_dept->id }}">{{ $v_dept->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class='col-md-2'>
                        <div class="form-group">
                            <label>{{__('obs.status')}}</label>
                            <select name="leave_status" id="leave_status" class="form-control js-example-basic-single">
                                <option value="">{{__('obs.select')}}</option>
                                <option value="2">{{__('obs.approve')}}</option>
                                <option value="1">{{__('obs.pending')}}</option>
                                <option value="3">{{__('obs.cancel')}}</option>
                            </select>
                        </div>
                    </div>

                    <div class='col-md-2'>
                        <div class="form-group">
                            <label>{{__('obs.date_from')}}</label>
                            <input type="date" name="start_date" id="starts" class="form-control input-sm"/>
                        </div>
                    </div>

                    <div class='col-md-2'>
                        <div class="form-group">
                            <label>{{__('obs.date_to')}}</label>
                            <input type="date" id="ends" name="end_date" class="form-control input-sm"/>
                        </div>
                    </div>

                    <div class="col-md-1 mt-4 text-right">
                        <button class="btn btn-primary btn-sm" id="searchBtn" type="submit">{{__('obs.search')}}</button>
                    </div>
                </div>
            </div>
        </form>

        <!-- Button trigger modal -->
        @if(Session::has('message'))
            <p class="alert {{ Session::get('alert-class', 'alert-info') }}">{{ Session::get('message') }}</p>
        @endif
        <div>
            <table class="table mt-3 table-bordered">
                <thead>
                <tr>
                    <th>{{__('obs.employee')}}</th>
                    <th>{{__('obs.employee_code')}}</th>
                    <th>{{__('obs.department')}}</th>
                    <th> {{__('obs.leave_count')}}</th>
                    <th>{{__('obs.leave_type')}}</th>
                    <th>{{__('obs.leave_date')}}</th>
                    <th> {{__('obs.posting_type')}}</th>
                    <th>{{__('obs.documents')}}</th>
                    <th>{{__('obs.status')}}</th>
                    <th>
                        <label class="form-check-label" for="">
                            Action
                            <input type="checkbox" id="check_approve_all" name="" value="1" style="">

                        </label>

                    </th>
                </tr>
                </thead>
                <tbody>
                @if(!empty($allAppList))
                    @foreach ($allAppList as $item)
                        <tr class="table-bordered">
                            <td>{{ $item->empBasicInfo->emp_name }}</td>
                            <td>{{ $item->empBasicInfo->emp_code }}</td>
                            @if ($item->empBasicInfo->fetch_department)
                                <td>{{ $item->empBasicInfo->fetch_department->name  ?? null}}</td>
                            @else
                                <td><span style="color:red">{{__('obs.not_found')}}</span></td>
                            @endif
                            <td>{{ $item->leave_count }}</td>
                            <td>{{ $item->leaveTypeWithoutScope->name ?? null }}</td>
                            <td>{{ carbon()->parse($item->start_date)->format('d-m-Y') }} <span
                                    style="color:red">TO</span>
                                {{ carbon()->parse($item->end_date)->format('d-m-Y') }}
                            </td>
                            <td>
                                <b style="color: red">{{ $item->posting_type== 2 ? "Manual" : null }}</b>
                            </td>
                            <td>
                                @if($item->documents) <a href="{{asset('leave_documents/'.$item->documents)}}" target="_blank" class="btn btn-sm btn-info">{{__('obs.documents_link')}}</a>@endif
                            </td>

                            <td>
                                @if($item->approve_status==1)
                                     <span span class="badge badge-info py-1">Pending</span>
                                @elseif (in_array($item->approve_status,[2]))
                                <span span class="badge badge-success py-1">Approved</span>
                                @elseif (in_array($item->approve_status,[0,3]))
                                    <span class="badge badge-danger py-1">Rejected</span>
                                @endif
                            </td>
                            <td>
                                @if($item->approve_status==1)
                                    <div class="row p-1">
                                        {!! getApprovalInputField($item->id,$action_id) !!}
                                    </div>
                                @endif
                                @if(in_array($item->approve_status,[1]))
                                <a href="{{ route('payroll.hrm.leave.leave_edit', ['id' => $item->id]) }}"class="btn btn-warning btn-sm">{{__('obs.edit')}}</a>
                                @endif
                                <a href="{{ route('payroll.hrm.leave.leave_print', ['id' => $item->id])}}" class='btn btn-sm btn-info' target="_blank">Print</a>
                               
                                {{-- @if(company_settings()->approval_system ==2)
                                @endif --}}
                               <a href="{{route('payroll.hrm.leave.leave_delete',['id'=>$item->id])}}" onclick="return confirm('Data Will Delete Permanently. Are You Sure?')" class="btn btn-danger btn-sm"><i class="fas fa-trash"></i></a>

                            </td>
                        </tr>
                    @endforeach
                @endif
                </tbody>
            </table>
        </div>
    </div>
    </div>
    @include('payroll.leave.form.new_app_list')

@endsection

@section('script')
<script src="{{ asset('/') }}payroll_assets/leave/applist.js"></script>
<script src="{{ asset('payroll_assets/payroll_common.js') }}"></script>
<script>
      $(document).ready(function () {
            $('.js-example-basic-single').select2();
        });

        $("#check_approve_all").click(function(){
            $('input:checkbox').not(this).prop('checked', this.checked);
        });

</script>
@endsection