@extends('layouts.employee')
@section('content')
<div class="container-fluid">
    <!-- start page title -->
    <div class="row">
        <div class="col-12">
            <div class="page-title-box d-sm-flex align-items-center justify-content-between">
            <h4 class="mb-sm-0 font-size-18">Waiting For Approval</h4>

            <div class="page-title-right">
                <ol class="breadcrumb m-0">
                <li class="breadcrumb-item"><a href="javascript: void(0);">Dashboard</a></li>
                <li class="breadcrumb-item active">Waiting For Approval</li>
                </ol>
            </div>

            </div>
        </div>
    </div>
    <!-- end page title -->

    <div class="row">
        <div class="col-lg-12">
            <div class="card">
                <div class="card-header py-2">
                    <a class="icon-demo-content d-flex justify-content-between align-items-center"
                    data-bs-toggle="collapse" href="#collapseExample2" aria-expanded="false"
                    aria-controls="collapseExample2">
                    <h4 class="card-title mb-0">Filter By</h4>
                    <i class="bx bxl-pocket text-primary"> </i>
                    </a>
                </div>
                <div class="collapse show" id="collapseExample2">
                    <div class="card-body">
                        <form class="" action="{{ request()->requestUri }}" method="get">
                            <div class="row">
                                <div class="col-md-3 mb-3">
                                    <label for="from_date" class="form-label">From Date</label>
                                    <input type="text" name="from_date"
                                        class="form-control @error('from_date') is-invalid @enderror" id=""
                                        value="{{request()->from_date }}" placeholder="DD/MM/YYYY">
                                </div>
                                <div class="col-md-3 mb-3">
                                    <label for="to_date" class="form-label">To Date</label>
                                    <input type="text" name="to_date"
                                        class="form-control @error('to_date') is-invalid @enderror" id=""
                                        value="{{ request()->to_date }}" placeholder="DD/MM/YYYY">
                                </div>
                                <div class="form-group col-md-3">
                                    <label for="inputPassword4" class="form-label">Leave Type</label>
                                    <select class="form-control" name="status">
                                        <option value="">Select</option>
                                        <option {{ request()->status == 'annual' ? 'Selected' : '' }}
                                            value="annual">
                                            Annual
                                        </option>
                                        <option {{ request()->status == 'adjustment' ? 'Selected' : '' }}
                                            value="adjustment">
                                            Adjastment
                                        </option>

                                        <option {{ request()->status == 'casual' ? 'Selected' : '' }}
                                            value="casual">
                                            Casual
                                        </option>

                                        <option {{ request()->status == 'medical' ? 'Selected' : '' }}
                                            value="medical">
                                            Medical
                                        </option>

                                        <option {{ request()->status == 'unpaid' ? 'Selected' : '' }}
                                            value="unpaid">
                                            Unpaid
                                        </option>
                                        <option {{ request()->status == 'meternity_paternity' ? 'Selected' : '' }}
                                            value="meternity_paternity">
                                            Meternity Paternity
                                        </option>
                                        <option {{ request()->status == 'probationary' ? 'Selected' : '' }}
                                            value="probationary">
                                            Probationary
                                        </option>
                                        <option {{ request()->status == 'contractual' ? 'Selected' : '' }}
                                            value="contractual">
                                            Contractual
                                        </option>


                                    </select>
                                </div>
                                <div class="col-md-3 mb-3">
                                    <label for="inputPassword4" class="form-label">Application Type</label>
                                    <select class="form-control" name="approval_status">
                                        <option value="">Select</option>
                                        <option {{ request()->approval_status == '2' ? 'Selected' : '' }}
                                            value="2">
                                            Rejected
                                        </option>
                                        <option {{ request()->approval_status == '1' ? 'Selected' : '' }}
                                            value="1">
                                            Approved
                                        </option>
                                    </select>
                                </div>

                                <div class="col-md-3 mb-3 text-right" style="margin-top:30px;">
                                    <a href="{{ route('attendance.waiting-for-approval') }}"
                                        class="btn btn-outline-primary w-sm me-2">Reset
                                    </a>
                                    <button type="submit"
                                        class="btn btn-primary border border-primary ">Filter
                                    </button>
                                </div>
                            </div>
                        </form>
                    <!-- end row -->
                    </div>
                    <!-- end card body -->
                </div>
            <!-- end card-body -->
            </div>
        </div>
    <!-- end col -->
    </div>
    <!-- end row -->

    <div class="row">
        <div class="col-12">
            <div class="card">
            <div class="card-header">
                <h4 class="card-title mb-0">Self Attendance List <span class="text-info"> </span></h4>
            </div>
            <div class="card-body pt-0 px-2">
                <div class="table-responsive">
                <table class="table table-nowrap align-middle">
                    <thead>
                        <tr>
                            <th>No</th>
                            <th>Name</th>
                            <th>Start Date</th>
                            <th>End Date</th>
                            <th>Next Joining Date</th>
                            <th>Responsible Person</th>
                            <th>Total Days</th>
                            <th>Type</th>
                            <th>Status</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                    @foreach ($leaveApplications as $leaveApplication)
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ $leaveApplication->employee->user->name ?? '' }}</td>
                            <td>{{ $leaveApplication->start_leave ?? '' }}</td>
                            <td>{{ $leaveApplication->end_leave ?? '' }}</td>
                            <td>{{ $leaveApplication->next_joining ?? '' }}</td>
                            <td>{{ $leaveApplication->employee->reportingTo->name ?? '' }}</td>
                            <td>{{ $leaveApplication->total_days ?? '' }}</td>
                            <td><span
                                    class="badge {{ $leaveApplication->leave_type == 'Present' ? 'bg-success' : ($leaveApplication->leave_type == 'Late In' ? 'bg-warning' : ($leaveApplication->leave_type == 'Half Day' ? 'bg-info' : 'bg-danger')) }}">{{ $leaveApplication->leave_type ?? '' }}</span>
                            </td>
                            <td>
                                <span class="badge {{ $leaveApplication->approval_status == 0 ? 'bg-primary' : ($leaveApplication->approval_status == 1 ? 'bg-success' : 'bg-warning') }}">{{ $leaveApplication->approval_status == 0 ? 'Pending' : ($leaveApplication->approval_status == 1 ? 'Approved' : 'Rejected') }}</span>
                            </td>
                            <td>
                                @if(($leaveApplication->approvalStatus($leaveApplication->leaveApprovers) == 'Waiting For Approval' || $leaveApplication->approvalStatus($leaveApplication->leaveApprovers) == 'Pending'))
                                    @if($leaveApplication->approval_status == 0)
                                    <button type="button" class="btn btn-sm btn-primary"
                                    data-bs-toggle="modal"
                                    data-bs-target="#applicant_{{ $leaveApplication->id }}">
                                        Action
                                    </button>
                                    @endif
                                    <div class="modal fade"
                                        id="applicant_{{ $leaveApplication->id }}" tabindex="-1"
                                        aria-labelledby="exampleModalLabel" aria-hidden="true">
                                        <div class="modal-dialog">
                                            <div class="modal-content">
                                                <div class="modal-header">
                                                    <h5 class="modal-title"
                                                        id="exampleModalLabel">
                                                        Leave Status</h5>
                                                    <button type="button" class="close"
                                                        data-dismiss="modal" aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                                <form  class=""
                                                    action="{{ url()->route('attendance.leaveStatusUpdate', ['id' => $leaveApplication->id]) }}"
                                                    method="post">
                                                    @csrf()
                                                    <div class="modal-body">
                                                        <div class="form-row">
                                                            <div class="form-group col-md-9">
                                                                <label for="inputPassword4"
                                                                    class="input-label">Status</label>
                                                                <select required class="form-control newStatus" id="status_{{ $leaveApplication->id }}"
                                                                    name="status" onchange="commentshideShow({{ $leaveApplication->id }})">
                                                                    <option value="">Select</option>
                                                                    <option value="1">Approved
                                                                    </option>
                                                                    <option value="2">Reject
                                                                    </option>
                                                                </select>
                                                            </div>
                                                            <div
                                                                class="form-group col-md-12 comments_area">
                                                                <label for="inputPassword4"
                                                                    class="input-label">Comments</label>
                                                                <textarea class="form-control" name="comments" style="height:150px;"></textarea>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <div class="modal-footer">
                                                        <button type="button"
                                                            class="btn btn-secondary"
                                                            data-dismiss="modal">Close
                                                        </button>
                                                        <button type="submit"
                                                            class="btn btn-primary">Save changes
                                                        </button>

                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                @endif

                                <a class="btn btn-primary btn-sm" data-bs-toggle="collapse" href="#collapse{{ $loop->iteration }}" role="button" aria-expanded="false" aria-controls="collapseExample">
                                    <i class="fa fa-eye"></i>
                                </a>
                                {{-- Dlelete or Widraw Button --}}
                                @if($leaveApplication->approval_status == 0 && $leaveApplication->user()->emp_id == $leaveApplication->emp_id )
                                <a  onClick="return confirm('Delete This entry?')"  href="{{ url('attendance/leave-application-delete/'.$leaveApplication->id) }}"
                                    class="btn btn-danger btn-sm" data-bs-toggle="tooltip"
                                    data-bs-placement="top" title="Widraw Leave Application">
                                    <i class="fa fa-trash-alt"></i>
                                </a>
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <td class="p-0" colspan="11">

                                <div class="collapse p-3" id="collapse{{ $loop->iteration }}">
                                    @if($leaveApplication->approval_status != 2)
                                    <p>
                                        Application Flow :
                                    </p>
                                    <ol class="text-muted">
                                        @foreach ($leaveApplication->leaveApprovers as $leaveApprover)
                                            @if (isset($leaveApprover->user->user_type) && ($leaveApprover->user->user_type != 'Area Manager'))
                                                <li><b>{{ $leaveApprover->user->name }}</b>
                                                    ({{ $leaveApprover->approval_status == 0 ? 'Waiting For Approval' : ($leaveApprover->approval_status == 1 ? 'Approved' : 'Reject') }})
                                                </li>
                                            @endif
                                        @endforeach
                                    </ol>
                                    @else
                                    <p>Rejected Reason: <span class="badge bg-info">{{$leaveApplication->reject_reason}}</span></p>
                                    @endif
                                </div>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
                </div>
                <div class="d-flex justify-content-end">
                <nav>
                {{ $leaveApplications->links() }}
                </nav>
                </div>

            </div>

            </div>
        </div>
    <!-- end col -->
    </div>

</div>
@endsection
@section('script')
    <script src="{{ asset('assets/admin/plugins/moment/moment.js') }}"></script>
    <script src="{{ asset('assets/admin/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js') }}"></script>
    <script>
        $(function () {
            $('input[name="to_date"]').datetimepicker({format: 'DD/MM/YYYY'});
            $('input[name="from_date"]').datetimepicker({format: 'DD/MM/YYYY'});
        });
    </script>
@endsection