@extends('layouts.employee')
@section('content')

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

<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">Resign Application</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">Resign Application</li>
                </ol>
            </div>

            </div>
        </div>
    </div>
    <!-- end page title -->
    <div class="row">
        <div class="col-lg-10 mx-auto">
            @if(session('alert-green'))
                <div  id="mydiv" class="alert alert-success mt-3 text-center">
                    {{ session('alert-green') }}
                </div>
            @endif

            @if(session('alert-danger'))
                <div id="mydiv" class="alert alert-danger mt-3 text-center">
                    {{ session('alert-danger') }}
                </div>
            @endif
            @if($errors->any())
                <div id="mydiv" class="row">
                    <div class="col-md-12 mb-5">
                        @foreach ($errors->all() as $error)
                        <div class="text-danger small mb-1">* {{$error}}</div>
                        @endforeach
                    </div>
                </div>
            @endif
        </div>
    </div>
    <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.applied-application') }}"
                                        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">Applyied 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>ID</th>
                            <th>Applicant name</th>
                            <th>Resign Date</th>
                            <th>Last Working Date</th>    
                            <th>1st Supervisor Status</th>                       
                            <th>Status</th>
                            <th>Action</th>
                        </tr>
                    </thead>
                    <tbody>
                    @foreach ($resignApplications as $resignApplication)
                    @php
                    if($resignApplication->approver_level === 2){
                        $isApprove = \App\Modules\Employment\Models\ResignApprover::where('resign_application_id', $resignApplication->resign_application_id)->where('approver_level', 1)->where('approval_status', 1)->first();
                        if($isApprove){
                    @endphp
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ $resignApplication->resign_application_id ?? '' }}</td>
                            <td>{{ $resignApplication->resignApplication->employee->user->name ?? '' }}</td>
                            <td>{{ $resignApplication->resignApplication->resign_date ?? '' }}</td>
                            <td>{{ $resignApplication->resignApplication->last_working_date ?? '' }}</td>
                            <td>
                                <span class="badge {{ ($isApprove->approval_status == 1) ? 'bg-success' : 'bg-danger'  }}">
                                    {{ ($isApprove->approval_status == 1) ? 'Approved' : 'Pending' }}
                                </span>
                                
                            </td>
                            <td>
                                <span class="badge {{ $resignApplication->approval_status == 0 ? 'bg-primary' : ($resignApplication->approval_status == 1 ? 'bg-success' : 'bg-warning') }}">{{ $resignApplication->approval_status == 0 ? 'Pending' : ($resignApplication->approval_status == 1 ? 'Approved' : 'Rejected') }}</span>
                            </td>                     
                            <td>  
                                
                                @if($resignApplication->approval_status == 0)                             
                                    <button type="button" class="btn btn-sm btn-primary"
                                    data-bs-toggle="modal"
                                    data-bs-target="#statusUpdate">
                                        Status
                                    </button>                                
                                    <div class="modal" id="statusUpdate" 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">
                                                        Status Update</h5>
                                                    <button type="button" class="close"
                                                        data-bs-dismiss="modal" aria-label="Close">
                                                        <span aria-hidden="true">&times;</span>
                                                    </button>
                                                </div>
                                                <form  class=""
                                                    action="{{ url()->route('employee.resignStatusUpdate', ['id' => $resignApplication->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_{{ $resignApplication->id }}"
                                                                    name="status" onchange="commentshideShow({{ $resignApplication->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-bs-dismiss="modal">Close
                                                        </button>
                                                        <button type="submit"
                                                            class="btn btn-primary">Save changes
                                                        </button>

                                                    </div>
                                                </form>
                                            </div>
                                        </div>
                                    </div>
                                @endif
                            </td>
                        </tr>
                        @php }} else{ @endphp
                        <tr>
                            <td>{{ $loop->iteration }}</td>
                            <td>{{ $resignApplication->resign_application_id ?? '' }}</td>
                            <td>{{ $resignApplication->resignApplication->employee->user->name ?? '' }}</td>
                            <td>{{ $resignApplication->resignApplication->resign_date ?? '' }}</td>
                            <td>{{ $resignApplication->resignApplication->last_working_date ?? '' }}</td>
                            <td></td>
                            <td>
                            <span class="badge {{ $resignApplication->approval_status == 0 ? 'bg-primary' : ($resignApplication->approval_status == 1 ? 'bg-success' : 'bg-warning') }}">{{ $resignApplication->approval_status == 0 ? 'Pending' : ($resignApplication->approval_status == 1 ? 'Approved' : 'Rejected') }}</span>
                            </td>                            
                            
                            <td>     
                            @if($resignApplication->approval_status == 0)                           
                                <button type="button" class="btn btn-sm btn-primary"
                                data-bs-toggle="modal"
                                data-bs-target="#statusUpdate">
                                    Status
                                </button>                                
                                <div class="modal" id="statusUpdate" 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">
                                                    Status Update</h5>
                                                <button type="button" class="close"
                                                    data-bs-dismiss="modal" aria-label="Close">
                                                    <span aria-hidden="true">&times;</span>
                                                </button>
                                            </div>
                                            <form  class=""
                                                action="{{ url()->route('employee.resignStatusUpdate', ['id' => $resignApplication->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_{{ $resignApplication->id }}"
                                                                name="status" onchange="commentshideShow({{ $resignApplication->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-bs-dismiss="modal">Close
                                                    </button>
                                                    <button type="submit"
                                                        class="btn btn-primary">Save changes
                                                    </button>

                                                </div>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                                @endif
                            @php } @endphp
                            </td>
                        </tr>                       
                    @endforeach
                    </tbody>
                </table>
                </div>
                <div class="d-flex justify-content-end">
                <nav>
                {{ $resignApplications->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() {
            $('.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();
            }
        }

        $(document).ready(function () {               
        setTimeout(function() {
            $('#mydiv').fadeOut('fast');
        }, 3000);

    });

        
    </script>
@endsection