@extends('layouts/microfin_layout')
@section('title', '| Loan Application List')
@section('content')

    @php
        $pageNo = isset($_GET['page']) ? (int) $_GET['page'] : 1;
    @endphp
    <style>
        .text-left {
            text-align: left !important;
        }

        .text-right {
            text-align: right !important;
        }
    </style>
    <div class="row">
        <div class="col-md-12">
            <div class="panel panel-default" style="background-color:#708090;">
                <div class="panel-heading" style="padding-bottom:0px">
                    <div class="panel-options">
                        <a href="{{ url('mfn/application/create') }}" class="btn btn-info pull-right addViewBtn">
                            <i class="glyphicon glyphicon-plus-sign addIcon"></i>
                            Add Loan Application
                        </a>
                    </div>
                    <h2 align="center" style="font-family: Antiqua;letter-spacing: 2px;">
                        <font color="white">Loan Application List</font>
                    </h2>
                </div>

                <div class="panel-body panelBodyView">
                    <!-- Filtering Start-->
                    {!! Form::open([
                        'url' => Request::url(),
                        'role' => 'form',
                        'class' => 'form-horizontal form-groups',
                        'id' => 'filterFormId',
                        'method' => 'get',
                    ]) !!}
                    <div class="row">
                        @if (count($branchList) > 1)
                            <div class="col-md-2">
                                {!! Form::label('branchId', 'Branch:', ['class' => 'control-label']) !!}
                                {!! Form::select('branchId', ['' => 'Select'] + $branchList, request()->all('branchId')['branchId'] ?? '', [
                                    'class' => 'form-control',
                                    'id' => 'branchId',
                                ]) !!}
                            </div>
                        @endif

                        <div class="col-md-2">
                            {!! Form::label('samityId', 'Samity:', ['class' => 'control-label']) !!}
                            {!! Form::select('samityId', ['' => 'Select'] + $samity, request()->all('samityId')['samityId'] ?? '', [
                                'class' => 'form-control',
                                'id' => 'samityId',
                            ]) !!}
                        </div>

                        <div class="col-md-2">
                            {!! Form::label('loanTypeId', 'Loan Type:', ['class' => 'control-label']) !!}
                            {!! Form::select(
                                'loanTypeId',
                                ['' => 'Select'] + $loanProductTypes,
                                request()->all('loanTypeId')['loanTypeId'] ?? '',
                                [
                                    'class' => 'form-control',
                                    'id' => 'loanTypeId',
                                ]) !!}
                        </div>

                        <div class="col-md-2">
                            {!! Form::label('productIdFk', 'Loan Product:', ['class' => 'control-label']) !!}
                            {!! Form::select(
                                'productIdFk',
                                ['' => 'Select'] + $loanProducts,
                                request()->all('productIdFk')['productIdFk'] ?? '',
                                [
                                    'class' => 'form-control',
                                    'id' => 'productIdFk',
                                ]) !!}
                        </div>

                        <div class="col-md-2">
                            {!! Form::label('dateFrom', 'Date From:', ['class' => 'control-label']) !!}
                            {!! Form::text('dateFrom', request()->all('dateFrom')['dateFrom'] ?? '', [
                                'class' => 'form-control datepicker',
                                'id' => 'dateFrom',
                                'type' => 'text',
                                'readonly' => 'readonly',
                            ]) !!}
                        </div>

                        <div class="col-md-2">
                            {!! Form::label('dateTo', 'Date To:', ['class' => 'control-label']) !!}
                            {!! Form::text('dateTo', request()->all('dateTo')['dateTo'] ?? '', [
                                'class' => 'form-control datepicker',
                                'id' => 'dateTo',
                                'type' => 'text',
                                'readonly' => 'readonly',
                            ]) !!}
                        </div>

                        <div class="col-md-2">
                            {!! Form::label('authStatus', 'Application Status:', ['class' => 'control-label']) !!}
                            {!! Form::select(
                                'authStatus',
                                ['' => 'Select'] + $authStatus,
                                request()->all('authStatus')['authStatus'] ?? '',
                                ['class' => 'form-control', 'id' => 'authStatus']
                            ) !!}
                        </div>

                        <div class="col-md-2">
                            {!! Form::label('memberCode', 'Member Code:', ['class' => 'control-label']) !!}
                            {!! Form::text('memberCode', request()->all('memberCode')['memberCode'] ?? '', [
                                'id' => 'memberCode',
                                'class' => 'form-control',
                                'autocomplete' => 'off',
                            ]) !!}
                        </div>

                        {{-- <div class="col-md-2">
                            {!! Form::label('awatingForPayment', 'Awaiting Payment:', ['class' => 'control-label']) !!}
                            {!! Form::select(
                                'awatingForPayment',
                                ['' => 'Select'] + $awatingForPayment,
                                request()->all('awatingForPayment')['awatingForPayment'] ?? '',
                                ['class' => 'form-control', 'id' => 'awatingForPayment']
                            ) !!}
                        </div> --}}

                        <div class="col-md-1">
                            {!! Form::label('submit', '&nbsp;', ['class' => 'control-label']) !!}
                            {!! Form::submit('Search', ['id' => 'submit', 'class' => 'form-control btn btn-search']) !!}

                        </div>

                    </div>

                    {!! Form::close() !!}
                    <!-- filtering end-->

                    <table class="table table-striped table-bordered" id="savingsAccountTable">
                        <thead>
                            <tr>
                                <th>SL NO</th>
                                <th width="130">Member Name</th>
                                <th width="100">Member Code</th>
                                <th>Branch</th>
                                <th>Loan Product</th>
                                <th>Loan Period</th>
                                <th>Loan Purpose</th>
                                <th>Approved Loan Amount</th>
                                <th width="130">Entry By</th>
                                <th>Application Date</th>
                                <th>Application Status</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($loanApplications as $key => $v)
                                <tr>
                                    <td>{{ ($pageNo - 1) * 100 + ($key + 1) }}</td>
                                    <td class="name">{{ $v->memberName }}</td>
                                    <td>{{ $v->memberCode }}</td>
                                    <td class="name">{{ $v->branchName }}</td>
                                    <td>{{ $v->categoryName }}</td>
                                    <td>{{ $v->periodName }}</td>
                                    <td>{{ \Illuminate\Support\Str::words($v->loan_purpose_level_4, 4, $end='...') }}</td>
                                    <td class="text-right">
                                        {{ number_format($v->loanAmount) }}
                                    </td>
                                    <td>{{ $v->entryBy }}</td>
                                    <td>{{ date('d-m-Y', strtotime($v->applicationDate)) }}</td>
                                    <td>{{ ucfirst(str_replace('_', ' ',$v->approvalStatus)) }}</td>
                                    <td>

                                        <a href="{{ url('mfn/application/details', $v->id) }}" class="details">
                                            <i class="fa fa-eye" aria-hidden="true"></i>
                                        </a>

                                        @if (in_array($v->authStatus, ['pending', 'returned']))
                                            <a href="{{ url('mfn/application/edit', $v->id) }}" class="edit">
                                                <i class="fa fa-pencil" aria-hidden="true"></i>
                                            </a>

                                            <a href="javascript:;" class="deleteConfirmation destroy"
                                                data-id="{{ $v->id }}">
                                                <i class="fa fa-trash-o fa-lg" aria-hidden="true"></i>
                                            </a>
                                        @endif

                                        @if ($v->isAllowForward)
                                            <a href="{{ url('mfn/application/forward', $v->id) }}"
                                                title="Click to Approve/Forward" class="forward">
                                                <i class="fa fa-dot-circle-o" style="font-size: 14px;color:red;"
                                                    aria-hidden="true"></i>
                                            </a>
                                        @endif
                                        
                                        @if($v->isAllowUnapproved)
                                            <a href="javascript:;" class="return" data-id="{{ $v->id }}" title="Click to Unapprove">
                                                    <i class="fa fa-undo" style="font-size: 14px;color:red;" aria-hidden="true"></i>
                                            </a>
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                    <div class="pull-right">
                        {{ $loanApplications->appends(request()->input())->links() }}
                    </div>
                </div>

            </div>
        </div>

    </div>
@endsection

{{-- Delete Modal --}}
<div class="modal fade" id="delete-confirmation-modal">
    <div class="modal-dialog">
        <div class="modal-header">
            <h4 class="modal-title">Delete Confirmation</h4>
            <a class="close" href="#" data-dismiss="modal">X</a>
        </div>
        <div class="modal-content">
            <div class="modal-body">
                Are you sure to delete this item?
            </div>
        </div>
        <div class="modal-footer">
            <div class="form-group hidden">
                <div class="col-sm-6 col-sm-offset-2">
                    {!! Form::hidden('delete_id', null, [
                        'class' => 'form-control',
                        'id' => 'delete_id',
                        'type' => 'text',
                        'readonly',
                    ]) !!}
                </div>
            </div>
            <button id="yesBtn" type="button" class="btn btn-info animated slideInRight"
                style="margin-bottom:0!important;">Yes</button>
            <button id="noBtn" type="button" class="btn btn-white animated slideInRight" data-dismiss="modal"
                style="margin-bottom:0!important;">No</button>
        </div>
    </div>
</div>
{{-- End Delete Modal --}}

<script src="{{ asset('js/jquery-1.11.1.min.js') }}"></script>
<script>
    var csrf_token = "{{ csrf_token() }}";

    /*Delete Modal*/
    $(document).on('click', '.deleteConfirmation', function() {
        if (hasAccess('mfn/application/destroy')) {
            event.preventDefault();
            $('#delete_id').val($(this).data('id'));
            jQuery('#delete-confirmation-modal').modal('show', {
                backdrop: 'fade'
            });
        }
    });
    /*End Delete Modal*/

    /*Delete*/
    $("#yesBtn").click(function(event) {
        $.ajax({
            url: "{{ url('mfn/application/destroy') }}",
            type: 'POST',
            dataType: 'json',
            data: {
                _token: "{{ csrf_token() }}",
                id: $('#delete_id').val()
            },
        })
        .done(function(data) {
            if (data.responseTitle == 'Warning!') {
                toastr.warning(data.responseText, data.responseTitle, opts);
            } else {
                toastr.success(data.responseText, data.responseTitle, opts);
                setTimeout(function() {
                    location.reload();
                }, 3000);
            }
        })
        .fail(function() {
            alert("error");
        })
    });
    /*End Delete*/

    $(document).on('change', '#branchId', function() {
        branchId = $(this).val();
        if(branchId > 0) {
            $.ajax({
                type: 'post',
                url: './reqSamityAndPrimaryProductOptionsForRegularLoan',
                dataType: 'json',
                data: {
                    'branchId': $('#branchId').val(),
                },
                success: function(_response) {
                    if (_response.errors) {
                        alert(_response.errors);
                    } else {
                        $('#samityId').empty();
                        $('#samityId').append('<option value="" selected="selected">Select</option>');

                        $.each(_response.samity, function(index, value) {
                            $('#samityId').append('<option value="' + index + '">' + value +
                                '</option>');
                        });
                    }
                },
                error: function(_response) {
                    alert(_response.errors);
                }
            });
        }

        $.ajax({
            type: 'post',
            url: "{{ url('mfn/application/branchWiseData') }}",
            dataType: 'json',
            data: {
                'branchId': $('#branchId').val(),
            },
            success: function(_response) {
                if (_response.errors) {
                    alert(_response.errors);
                } else {
                    $('#productIdFk').empty();
                    $('#productIdFk').append(
                        '<option value="" selected="selected">Select</option>');

                    $.each(_response.loanProducts, function(index, value) {
                        $('#productIdFk').append('<option value="' + index + '">' +
                            value + '</option>');
                    });
                }
            },
            error: function(_response) {
                alert(_response.errors);
            }
        });
    });

    $(document).on('click', '.return', function() {
        event.preventDefault();
        x = confirm('Are you sure to unapprove this transaction?');
        if (x === false) return false;
        item_id = $(this).data('id');
        $.ajax({
            type: 'post',
            url: "{{ url('mfn/application/return') }}",
            data: {edit_id:item_id, remarks:"Unapprove to change."},
            dataType: 'json',
            success: function(_response) {
                if (_response.responseTitle == 'Warning!') {
                    toastr.warning(_response.responseText, _response.responseTitle,
                        opts);
                } else {
                    toastr.success(_response.responseText, _response.responseTitle,
                        opts);
                    setTimeout(function() {
                        location.reload();
                    }, 3000);
                }
            },
            error: function(_response) {
                alert('Response Error');
            }
        });

    });
</script>