@extends('admin.layout.master')
@section('home')
    <div class="row">
        <div class="col-xs-12">
            <h4 class="page-title"></h4>
        </div>
    </div>
    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header"><h3 class="text-center">Leave Application List</h3>

                    <div class="text-right">
                        <!-- Large modal -->
                        {{-- <button type="button" onclick="resetmodal()" class="btn btn-info btn-md" data-toggle="modal"
                                data-target="#new">Add Leave Application
                        </button> --}}
                        <a href="{{route('leave.create')}}" class="btn btn-sm btn-success">Add Leave Application</a>

                    </div>
                </div>

                <div class="card-body">
                    <form action="{{route('leave.search-applist')}}" method="get">
                        <div class="col-md-12">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="form-group row mt-3">
                                        <div class="col-md-4">
                                            <label>Emp Name</label>
                                        </div>
                                        <div class="col-md-8">
                                            <select class="name_live_search form-control" name="emp_id" id="emp_id">
                                                <option value="">--Select--</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class=" form-group row mt-3">
                                        <div class="col-md-4">
                                            <label>Department</label>
                                        </div>
                                        <div class="col-md-8">
                                            <select class="form-control js-example-basic-single " name="department_id"
                                                    id="department">
                                                <option value="0">Choose One</option>
                                                @foreach ($alldepartment as $v_dept)
                                                    <option value="{{ $v_dept->id }}">{{ $v_dept->name }}</option>
                                                @endforeach
                                            </select>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group row mt-3">
                                        <div class="col-md-4">
                                            <label>Date From</label>
                                        </div>
                                        <div class="col-md-8">
                                            <input type="text" name="start_date" id="starts"
                                                   class="form-control input-sm datepicker"/>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-3">
                                    <div class="form-group row mt-3">
                                        <div class="col-md-4">
                                            <label>Date To</label>
                                        </div>
                                        <div class="col-md-8">
                                            <input type="text" id="ends" name="end_date"
                                                   class="form-control input-sm datepicker"/>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <div class="row">
                                <div class="col-md-3">
                                    <div class="form-group row mt-3">
                                        <div class="col-md-4">
                                            <label>Status</label>
                                        </div>
                                        <div class="col-md-8">
                                            <select name="leave_status" id="leave_status"
                                                    class="form-control js-example-basic-single">
                                                <option value="">Select</option>
                                                <option value="2">Approve</option>
                                                <option value="1">Pending</option>
                                                <option value="3">Cancel</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class='col-md-12 text-center'>
                                <button class="btn btn-primary btn-sm" id="searchBtn" type="submit">Submit</button>
                            </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="display datatable table mt-3 table-bordered">
                            <thead>
                            <tr>
                                <th>Emp</th>
                                <th>Emp Code</th>
                                <th>Dept</th>
                                <th>Leave Count</th>
                                <th>Leave Type</th>
                                <th>Leave Date</th>
                                <th>Documents</th>
                                <th>Approval Status</th>
                                <th>Action</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 }}</td>
                                        @else
                                            <td><span style="color:red">Not Found</span></td>
                                        @endif
                                        <td>{{ $item->leave_count }}</td>
                                        <td>{{ $item->leaveType->name }}</td>
                                        <td>{{ date('d/m/y', strtotime($item->start_date)) }} <span
                                                style="color:red">TO</span>
                                            {{ date('d/m/y', strtotime($item->end_date)) }}
                                        </td>


                                        <td>
                                            <td>@if($item->documents) <a href="{{asset('leave_documents/'.$item->documents)}}" target="_blank" class="btn btn-sm btn-info">Documents Link</a>@endif</td>
                                        
                                        </td>
                                        @if ($item->approve_status == 2)
                                            <td><span style="color: green;font-weight: bold">Approved</span></td>
                                        @elseif($item->approve_status ==3)
                                            <td><span style="color: red;font-weight: bold">Rejected</span></td>
                                        @elseif($item->approve_status ==1)
                                            <td><span style="color: yellowgreen;font-weight: bold">Pending</span></td>
                                        @else
                                            <td><span style="color: red;font-weight: bold">Not Registered</span></td>
                                        @endif
                                        <td>
                                            @if ($item->approve_status != 2 and $item->approve_status == 1 and $item->approve_status != 3)
                                                @include('admin.mapping_blade.mapping', ['approve_status' => $item->approve_status, 'approvals' =>$item->approvals,'action_id'=>2,'cost_center_id'=>1,'item_id'=>$item->id,'model_name'=>"App\\\Models\\\Payroll\\\Leave\\\PayLeaveTaken"])

                                                <a href="{{ route('leave.cancel', ['id' => $item->id]) }}"
                                                   class="btn btn-danger btn-sm">Cancel</a>

                                                @if(!($item->approvals && count($item->approvals->where('admin_id',active_user()))>0))
                                                {{-- <a href="{{ route('leave.app.edit', ['id' => $item->id]) }}"
                                                    class="btn btn-warning btn-sm">Edit</a>
  --}}
                                                
                                                
                                                {{-- <button type="button" onclick="editAppList({{ $item->id }})"
                                                            class="btn btn-warning btn-sm" data-toggle="modal"
                                                            data-target="#new">
                                                        Edit
                                                    </button> --}}
                                                @endif
                                              
                                            @endif
                                            <a href="{{ route('leave.app.edit', ['id' => $item->id]) }}"
                                                class="btn btn-warning btn-sm">Edit</a>
                                        </td>
                                    </tr>
                                @endforeach
                            @endif
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
    @include('payroll.leave.form.new_app_list')
    <script src="{{ asset('/') }}payroll_assets/leave/applist.js"></script>
    <script>
        $(document).ready(function () {
            $('.js-example-basic-single').select2();
        });

    </script>
@endsection