@extends('admin.layout.master')

@section('content')
@section('custom_style')
    {{-- <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.css"> --}}
@endsection
@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.advance_list')}}  </h5>
        <a href="{{route('payroll.payroll.manage_loan.advance_create')}}" class="btn btn-sm btn-primary">{{__('obs.add_advance')}}</a>
    </div>

        <div class="card-body">
            <form id="filterform" class="d-flex flex-wrap" action="{{route('payroll.payroll.manage_loan.advance_filter')}}" method="GET">
                <div class="col-2 mb-3 px-1">
                    <label for="">{{__('obs.name')}}/{{__('obs.code')}}</label>
                    <select id="emp_select" class="name_code_live_search form-control" name="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" type="date" name="from_date">
                </div>
                <div class="col-2 px-1">
                    <label for=""> {{__('obs.to_date')}}</label>
                    <input value="{{request('to_date')}}" class="form-control" type="date" 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>
                <div class="col-1 px-1">
                    <button class="empty btn w-100 btn-warning mt-4" type="button">{{__('obs.reset')}}</button>
                </div>
            </form>

            <div>
                <table class="table table-hover table-bordered mt-3">
                    <thead class="thead-dark">
                    <tr>
                        <th>{{__('obs.name')}}</th>
                        <th>{{__('obs.code')}}</th>
                        <th>{{__('obs.department')}}</th>
                        <th>{{__('obs.amount')}}</th>
                        <th>{{__('obs.due')}}</th>
                        <th>{{__('obs.apply_date')}}</th>
                        <th>{{__('obs.start_date')}}</th>
                        {{-- <th>Status</th> --}}
                        <th>{{__('obs.action')}}</th>
                    </tr>
                    </thead>
                    <tbody>
                    @if(!empty($advances))
                        @foreach ($advances 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->total_installment_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>
                                    <div class="d-flex">
                                        @if ($l->approve_status == 2)
                                            <a target="_blank" title="Pay advance" data-toggle="tooltip"
                                               data-placement="top" onclick="advance_payment({{$l->id}})"
                                               class="btn btn-primary mx-1">
                                               <i class="bi bi-cash"></i>
                                            </a>
                                        @endif
                                       

                                        @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>
                                        @endif
                                        <a target="_blank" href="{{ route('payroll.payroll.manage_loan.advance_edit', ['id' => $l->id]) }}"class="btn btn-danger btn-sm m-1">{{__('obs.edit')}}</a>

                                        <a target="_blank" title="View advance" data-toggle="tooltip"
                                           data-placement="top"
                                           href="{{route('payroll.payroll.manage_loan.advance_view',[$l->id])}}" class="btn btn-info mr-1">
                                           <i class='bi bi-eye'></i>
                                        </a>
                                        @if ($l->approve_status == 2)
                                            <button title="advance Pause" type="button" data-toggle="tooltip"
                                                    data-placement="top" onclick="advancepause({{$l->id}})" class="btn btn-warning mr-1">
                                                    <i class="bi bi-pause-circle"></i>
                                                </button>
                                        @endif
                                        @if ($l->approve_status == 5)
                                            <button title="advance Re-active" type="button" data-toggle="tooltip"
                                                    data-placement="top" onclick="advance_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.advance.advance_approve_modal')
@endsection

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

    {{-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jquery-confirm.min.js"></script> --}}

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

        function advance_payment(id) {
            $.confirm({
                title: 'Are you sure?',
                content: 'If you click payment then this advance will on completed state',
                type: 'green',
                typeAnimated: true,
                buttons: {
                    tryAgain: {
                        text: 'Complete Payment',
                        btnClass: 'btn-green',
                        action: function () {
                            window.location.href = '{{ route('payroll.payroll.manage_loan.advance_complete') }}/' + id;
                        }
                    },
                    close: function () {
                    }
                }
            });
        }

        function advanceapproveModal(id) {
            $("#advance_approveModal").modal('show');
            $("#advance_id").val(id);
        }

        // advance aoorove start
        function advanceapprove() {
            let id = $("#advance_id").val();
            let approve_date = $("#approve_date").val();

            $.confirm({
                title: 'Are you sure?',
                content: 'If you click approve then this advance 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.advance_approve') }}/' + id + '/' + approve_date;
                        }
                    },
                    close: function () {
                    }
                }
            });
        }

        // advance approve end

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

        // review end

        // Advance Reactive start
        function advance_reactive(id) {
            $.confirm({
                title: 'Are you sure?',
                content: 'If you click approve then this advance 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.advance_reactive') }}/' + id;
                        }
                    },
                    close: function () {
                    }
                }
            });
        }

        // Advance Reactive End

        // advance reject start
        function advancereject(id) {
            $.confirm({
                title: 'Are you sure?',
                content: 'If you click reject then this advance 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.advance_reject') }}/' + id;
                        }
                    },
                    close: function () {
                    }
                }
            });
        }

        // advance reject end

        // advance pause start
        function advancepause(id) {
            $.confirm({
                title: 'Are you sure?',
                content: 'If you click pause then this advance 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.advance_pause') }}/' + id;
                        }
                    },
                    close: function () {
                    }
                }
            });
        }

        // advance pause end

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

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

@endsection