@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.loan_list')}}  </h5>
        <a href="{{route('payroll.payroll.manage_loan.loan_create')}}" class="btn btn-sm btn-primary">{{__('obs.add_loan')}}</a>
    </div>
  
        
    <div class="card-body">
        <form id="filterform" class="d-flex flex-wrap" action="{{route('payroll.payroll.manage_loan.loan_filter')}}" method="GET">
            
            <div class="col-2 mb-3 px-1">
                <label for="">{{__('obs.name')}}/{{__('obs.code')}}</label>
               
                <select class="form-control input-sm name_code_live_search" name="employee_id" id="employee_id">
                </select> 
            </div>
            <div class="col-2 px-1">
                <label for="">{{__('obs.department')}}</label>
                <select class="form-control select_2" name="department_id" id="">
                    <option disable selected value="">{{__('obs.select_department')}}</option>
                    @foreach ($departments as $d)
                        <option
                            {{request('department') == $d->id ? 'selected' : ''}}
                            value="{{$d->id}}">{{$d->name}}</option>
                    @endforeach

                </select>
            </div>
            <div class="col-2 px-1">
                <label for="">{{__('obs.status')}}</label>
                <select class="form-control" name="status" id="">
                    <option disable selected value=""> {{__('obs.select_status')}}</option>
                    <option {{request('approve_status') == 2 ? 'selected' : ''}} value="2">{{__('obs.approved')}}</option>
                    <option {{request('approve_status') == 1 ? 'selected' : ''}} value="1">{{__('obs.pending')}}</option>
                    <option {{request('approve_status') == 3 ? 'selected' : ''}} value="3">{{__('obs.reject')}}</option>
                    <option {{request('approve_status') == 4 ? 'selected' : ''}} value="4">{{__('obs.completed')}}</option>
                    <option {{request('approve_status') == 5 ? 'selected' : ''}} value="5">{{__('obs.paused')}}</option>
                </select>
            </div>
            <div class="col-2 px-1">
                <label for=""> {{__('obs.from_date')}}</label>
                <input value="{{request('from_date')}}" class="form-control date_picker" type="text" name="from_date">
            </div>
            <div class="col-2 px-1">
                <label for=""> {{__('obs.to_date')}}</label>
                <input value="{{request('to_date')}}" class="form-control date_picker" type="text" name="to_date">
            </div>
            <div class="col-1 px-1">
                <button type="submit" class="btn w-100 btn-primary mt-4">{{__('obs.filter')}}</button>
            </div>
        </form>

        <div>
            <table class="table table-hover table-bordered mt-3">
                <thead class="thead-dark">
                <tr>
                    <th>{{__('obs._name')}}</th>
                    <th>{{__('obs.employee_code')}}</th>
                    <th>{{__('obs.department')}}</th>
                    <th>{{__('obs.amount')}}</th>
                    <th>{{__('obs.due')}}</th>
                    <th>{{__('obs.apply_date')}}</th>
                    <th>{{__('obs.start_at')}}</th>
                    {{-- <th>approve at</th> --}}
                    {{-- <th>Status</th> --}}
                    <th>Action{{__('obs.')}}
                        <input type="checkbox" id="check_approve_all" name="" value="1" style="">

                    </th>
                </tr>
                </thead>
                <tbody>
                @if(!empty($loans))
                    @foreach ($loans as $l)
                        <tr>
                            <td>{{$l->empinfo->emp_name ?? null}}</td>
                            <td>{{$l->empinfo->emp_code ?? null}}</td>
                            <td>{{$l->empinfo->fetch_department->name ?? null}}</td>
                            <td>{{$l->amount}}</td>
                            <td>{{$l->amount - $l->loan_advance_payment_history->sum('total_adjusted_amount')}}</td>
                            <td>{{date('d-m-Y', strtotime($l->application_date))}}</td>
                            <td>{{$l->start_month ? date('F-Y', strtotime($l->start_month)) : null}}</td>
                            {{-- <td>{{$l->disburse_date}}</td> --}}
                            {{-- <td></td> --}}
                            <td>
                                <div class="d-flex">
                                    @if ($l->approve_status == 2)
                                        <a target="_blank" title="Pay Loan" data-toggle="tooltip"
                                            data-placement="top" onclick="loan_payment({{$l->id}})"
                                            class="btn btn-primary mx-1">
                                            <i class="bi bi-cash"></i>
                                        </a>
                                    @endif

                                    {{-- Approval --}}
                                    
                                    @if($l->approve_status==1)
                                        @if($l->start_month)
                                            {!! getApprovalInputField($l->id,$action_id) !!}
                                        @endif
                                    @else
                                        <button type="button" class="btn btn-sm btn-success">{{__('obs.approved')}}</button>&nbsp;
                                    @endif
                                    <a href="{{ route('payroll.payroll.manage_loan.loan_edit', ['id' => $l->id]) }}"class="btn btn-warning btn-sm">{{__('obs.edit')}}</a>&nbsp;

                                    <a href="{{route('payroll.payroll.manage_loan.delete',['id'=>$l->id])}}" onclick="return confirm('Data Will Delete Permanently. Are You Sure?')" class="btn btn-danger btn-sm me-1"><i class="bi bi-trash"></i></a>

                                    <a target="_blank" title="View Loan" data-toggle="tooltip" data-placement="top"
                                        href="{{route('payroll.payroll.manage_loan.loan_view',[$l->id])}}" class="btn btn-info mr-1">
                                        <i class='bi bi-eye'></i>
                                    </a>
                                    @if ($l->approve_status == 2)
                                        <button title="Loan Pause" type="button" data-toggle="tooltip"
                                                data-placement="top"
                                                onclick="loanpause({{$l->id}})" class="btn btn-warning mr-1">
                                                <i class="bi bi-pause"></i>
                                            </button>
                                    @endif
                                    @if ($l->approve_status == 5)
                                        <button title="Loan Re-active" type="button" data-toggle="tooltip"
                                                data-placement="top"
                                                onclick="loan_reactive({{$l->id}})" class="btn btn-success mr-1">
                                                <i class="bi bi-arrow-clockwise"></i>
                                        </button>
                                    @endif

                                    
                                    
                                </div>
                            </td>
                        </tr>
                    @endforeach
                @endif
                </tbody>
            </table>
        </div>
    </div>
</div>
    @include('payroll.loan_advance.loan.loan_payment_modal')
    @include('payroll.loan_advance.loan.loan_approve_modal')
@endsection

@section('script')
<script src="{{ asset('payroll_assets/payroll_common.js') }}"></script>

    <script>
          $('.select_2').select2();
        $(function () {
            $('[data-toggle="tooltip"]').tooltip()
        })

        function loan_payment(loan_id) {
            let method = "POST";
            let url = '/payroll/get-loan-info';
            let data = {loan_id: loan_id};

            ajaxSetup(function (response) {
                swal.close();
                $("#loanPayment").modal('show');
                $("#loan_id").val(response[0].id);
                $("#total_loan_amount").text(response[0].amount);
                $("#installment_no").text(response[0].installment_no);
                $("#installment_amount").text(response[0].installment_amount);
                $("#total_adjusted_loan").text(response[1]);
                $("#total_adjusted_installment").text(response[0].total_adjusted_installment_no);
                $("#remaining_installment").text(Number(response[0].installment_no) - Number(response[0].total_adjusted_installment_no));
            }, method, url, data);
        }

        function submit_payment() {
            let loan_id = $("#loan_id").val();
            let installment_no = $("#paid_installment_no").val();
            let remaining_installment = Number($("#remaining_installment").text());

            // if (remaining_installment >= installment_no) {
                let method = "POST";
                let url ='/payroll/pay-loan-installment';
                let data = {loan_id: loan_id, installment_no: installment_no};

                ajaxSetup(function (response) {
                    swal.close();

                    swal.fire({
                        icon: response.icon,
                        html: '<h5>' + response.mesg + '</h5>'
                    });
                    window.location.reload();
                }, method, url, data);
            // } else {
            //     swal.fire({
            //         icon: 'danger',
            //         html: '<h5>Remaining Installment Must be Equal or Greater!!!</h5>'
            //     });

            // }
        }

        // loan aoorove start
        function loanapproveModal(id) {
            $("#loan_approveModal").modal('show');
            $("#loan_id").val(id);
        }

        function loanapprove() {
            let id = $("#loan_id").val();
            let approve_date = $("#approve_date").val();

            if (approve_date !== '' && approve_date != 0) {
                $.confirm({
                    title: 'Are you sure?',
                    content: 'If you click approve then this loan will on approve state',
                    type: 'green',
                    typeAnimated: true,
                    buttons: {
                        tryAgain: {
                            text: 'Approve',
                            btnClass: 'btn-green',
                            action: function () {
                                window.location.href = '{{ route('payroll.payroll.manage_loan.loan_approve') }}/' + id + '/' + approve_date;
                            }
                        },
                        close: function () {
                        }
                    }
                });
            } else {
                console.log("Please Select Approve Date");
            }
        }

        // loan aoorove end

        // review start
        function reviewmonth(id) {
            $.confirm({
                title: 'Please Review Start Month',
                content: 'From edit option please fix the loan start month, then you can approve',
                type: 'yellow',
                typeAnimated: true,
                buttons: {
                    close: function () {
                    }
                }
            });
        }

        // review end

        // loan Reactive start
        function loan_reactive(id) {
            $.confirm({
                title: 'Are you sure?',
                content: 'If you click approve then this loan will on Re-active state',
                type: 'green',
                typeAnimated: true,
                buttons: {
                    tryAgain: {
                        text: 'Re-active',
                        btnClass: 'btn-green',
                        action: function () {
                            window.location.href = '{{ route('payroll.payroll.manage_loan.loan_reactive') }}/' + id;
                        }
                    },
                    close: function () {
                    }
                }
            });
        }

        // loan Reactive end

        // loan reject start
        function loanreject(id) {
            $.confirm({
                title: 'Are you sure?',
                content: 'If you click reject then this loan will on reject state',
                type: 'red',
                typeAnimated: true,
                buttons: {
                    tryAgain: {
                        text: 'Reject',
                        btnClass: 'btn-red',
                        action: function () {
                            window.location.href = '{{ route('payroll.payroll.manage_loan.loan_reject') }}/' + id;
                        }
                    },
                    close: function () {
                    }
                }
            });
        }

        // loan reject end

        // loan pause start
        function loanpause(id) {
            $.confirm({
                title: 'Are you sure?',
                content: 'If you click pause then this loan will on reject state',
                type: 'red',
                typeAnimated: true,
                buttons: {
                    tryAgain: {
                        text: 'Pause',
                        btnClass: 'btn-red',
                        action: function () {
                            window.location.href = '{{ route('payroll.payroll.manage_loan.loan_pause') }}/' + id;
                        }
                    },
                    close: function () {
                    }
                }
            });
        }

        // loan pause end

        $(".empty").click(function () {

            $(this).closest('form').find("input[type=number], input[type=date], select").val("");
        });


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

@endsection