@extends('layouts.app')

@section('style')
    <link href="{{ asset('assets/admin/plugins/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css') }}"
        rel="stylesheet" type="text/css">
@endsection

@section('content')
    <div class="container profile_update">

        <div class="row">
            <div class="col-md-12">
                <div class="mb-4">
                    <ul class="nav nav-tabs" role="tablist">
                        @include('Attendance::nav_bar')
                    </ul>
                </div>
            </div>
            <div class="col-md-12">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="card">
                            <div class="card-body">
                                <div class="profile_update mb-3">
                                    <div class="col-md-12">
                                        <div class="form-group">
                                            <center>
                                                <a class="btn btn-danger btn-sm "
                                                    href="{{ url('attendance/leave-applications?step=1') }}">Waiting For
                                                    Approval </a>
                                                <a class="btn btn-warning btn-sm "
                                                    href="{{ url('attendance/leave-applications?step=2') }}">Approved
                                                    Application By You</a>
                                                <a class="btn btn-success btn-sm  active "
                                                    href="{{ url('attendance/leave-applications?step=3') }}">Applied
                                                    Application</a>
                                            </center>
                                        </div>
                                    </div>
                                </div>
                               
                                {{-- @if (!request()->step || request()->step == 3) --}}
                                    <div class="profile_update mb-3">
                                        <form class="" action="{{ request()->requestUri }}" method="get">
                                            <div class="form-row">
                                                <div class="form-group col-md-2">
                                                    <label for="from_date" class="input-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="form-group col-md-2">
                                                    <label for="to_date" class="input-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="input-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="form-group col-md-2">
                                                    <label for="inputPassword4" class="input-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="form-group col-md-3 text-right" style="margin-top:30px;">
                                                    <a href="{{ route('attendance.leave-applications.index') }}"
                                                        class="btn btn-warning bg-white border border-warning text-warning ">Reset
                                                    </a>
                                                    <button type="submit"
                                                        class="btn btn-primary border border-primary ">Filter
                                                    </button>
                                                </div>
                                            </div>
                                        </form>
                                    </div>
                                {{-- @endif --}}
                                <div class="table-responsive">
                                    <table class="table table-bordered">
                                        <thead>
                                            <tr class="bg-light">
                                                <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' ? 'badge-success' : ($leaveApplication->leave_type == 'Late In' ? 'badge-warning' : ($leaveApplication->leave_type == 'Half Day' ? 'badge-info' : 'badge-danger')) }}">{{ $leaveApplication->leave_type ?? '' }}</span>
                                                    </td>
                                                    <td>
                                                        <span class="badge {{ $leaveApplication->approval_status == 0 ? 'badge-primary' : ($leaveApplication->approval_status == 1 ? 'badge-success' : 'badge-warning') }}">{{ $leaveApplication->approval_status == 0 ? 'Pending' : ($leaveApplication->approval_status == 1 ? 'Approved' : 'Rejected') }}</span>
                                                    </td>
                                                    <td>
                                                        @if (request()->step != 3 && request()->step != null && ($leaveApplication->approvalStatus($leaveApplication->leaveApprovers) == 'Waiting For Approval' || $leaveApplication->approvalStatus($leaveApplication->leaveApprovers) == 'Pending'))
                                                            @if($leaveApplication->approval_status == 0)
                                                            <button type="button" class="btn btn-primary"
                                                                data-toggle="modal"
                                                                data-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
                                                        <button
                                                            class="btn border border-secondary btn-sm text-secondary px-3"
                                                            data-toggle="collapse"
                                                            data-target="#collapse{{ $loop->iteration }}">
                                                            <i class="las la-eye"></i>
                                                        </button>
                                                        {{-- 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 border border-danger btn-outline-danger btn-sm px-3" data-bs-toggle="tooltip"
                                                            data-bs-placement="top" title="Widraw Leave Application">
                                                            <i class="las la-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 badge-info">{{$leaveApplication->reject_reason}}</span></p>
                                                            @endif
                                                        </div>
                                                    </td>
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                                {{ $leaveApplications->links() }}
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </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() {
            $('.comments_area').hide();
            $('input[name="from_date"]').datetimepicker({
                format: 'DD/MM/YYYY'
            });
            $('input[name="to_date"]').datetimepicker({
                format: 'DD/MM/YYYY'
            });
        });

        function commentshideShow(id) {
            var status = $('#status_' + id).val();
            if (status == 1) {
                $('.comments_area').hide();
            } else if (status == 2) {
                $('.comments_area').show();
            } else {
                $('.comments_area').hide();
            }
        }

        
    </script>
@endsection