@extends('layouts/microfin_layout')
@section('title', '| OTS Closing 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/savingsClosing/application/create') }}"
                            class="btn btn-info pull-right addViewBtn">
                            <i class="glyphicon glyphicon-plus-sign addIcon"></i>
                            Add Application
                        </a>
                    </div>
                    <h2 align="center" style="font-family: Antiqua;letter-spacing: 2px;">
                        <font color="white">OTS Close 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-1">
                                {!! 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-1">
                            {!! 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-1">
                            {!! 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-1">
                            {!! Form::label('authStatus', '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('paymentMode', 'Payment Type:', ['class' => 'control-label']) !!}
                            {!! Form::select(
                                'paymentMode',
                                ['' => 'Select', 'Cash' => 'Cash', 'Bank' => 'Bank',  'mobile_banking' => 'MFS'],
                                request()->all('paymentMode')['paymentMode'] ?? '',
                                ['class' => 'form-control', 'id' => 'paymentMode']
                            ) !!}
                        </div>

                        @if(auth::user()->id == 1)
                            <div class="col-md-2">
                                {!! Form::label('processPayment', 'Payment Process:', ['class' => 'control-label']) !!}
                                {!! Form::select(
                                    'processPayment',
                                    ['' => 'Select'] + $processPayments,
                                    request()->all('processPayment')['processPayment'] ?? '',
                                    ['class' => 'form-control', 'id' => 'processPayment']
                                ) !!}
                            </div>
                        @endif

                        <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-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 width="170">Savings Code</th>
                                <th>Mode Of Payment</th>
                                <th>Refundable Amount</th>
                                <th width="130">Entry By</th>
                                <th>Application Date</th>
                                <th>Approval Status</th>
                                {{-- <th>Process to Payment</th> --}}
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($applications as $key => $application)
                                <tr>
                                    <td>{{ ($pageNo - 1) * 100 + ($key + 1) }}</td>
                                    <td class="name">{{ $application->memberName }}</td>
                                    <td>{{ $application->memberCode }}</td>
                                    <td>{{ $application->savingsCode }}</td>
                                    <td>{{ $application->paymentMode }}</td>
                                    <td class="text-right">{{ number_format($application->refundableAmount) }}</td>
                                    <td>{{ $application->entryBy }}</td>
                                    <td>{{ date('d-m-Y', strtotime($application->applicationDate)) }}</td>
                                    <td>{{ ucfirst(str_replace('_', ' ',$application->approvalStatus)) }}</td>
                                    {{-- <td>
                                        @if($application->isAllowToProcessPayment) 
                                            @if($application->allowToClose == 'HO')    
                                                <button class="btn btn-blue btn-xs sendToBranch" data-id="{{$application->id}}" data-action="sendToBranch"> <i class="fas fa-forward"></i> <span>Send to Branch</span> </button>
                                            @else
                                                <button class="btn btn-success btn-xs backToHO" data-id="{{$application->id}}" data-action="backToHO"> <i class="fas fa-undo"></i> <span>Back to HO</span> </button>
                                            @endif
                                        @else
                                            <span>N/A</span>
                                        @endif
                                    </td> --}}
                                    <td>
                                        <a href="{{ url('mfn/savingsClosing/application/details', $application->id) }}"
                                            class="details">
                                            <i class="fa fa-eye" aria-hidden="true"></i>
                                        </a>

                                        @if ($application->isAllowToAlter)
                                            <a href="{{ url('mfn/savingsClosing/application/edit', $application->id) }}"
                                                class="edit">
                                                <i class="fa fa-pencil" aria-hidden="true"></i>
                                            </a>

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


                                        @if ($application->isAllowForward)
                                            <a href="{{ url('mfn/savingsClosing/application/forward', $application->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($application->isAllowToProcessPayment) 
                                            @if($application->allowToClose == 'HO')    
                                                <button class="btn btn-blue btn-xs sendToBranch" data-id="{{$application->id}}" data-action="sendToBranch" title="Send to Branch"> <i class="fas fa-forward"></i>
                                                </button>
                                            @else
                                                <button class="btn btn-success btn-xs backToHO" data-id="{{$application->id}}" data-action="backToHO" title="Back to HO"> <i class="fas fa-undo"></i>
                                                </button>
                                            @endif
                                        @endif
                                        {{-- @if (isset($application->isAllowToClose) && $application->isAllowToClose)
                                            <a href="{{ url('mfn/savingsClosing/application/closing', $application->id) }}"
                                                title="Click to Disbursed" class="disburse">
                                                <i class="fas fa-forward" style="font-size: 14px;color:green;"
                                                    aria-hidden="true"></i>
                                            </a>
                                        @endif --}}

                                        @if($application->isAllowUnapproved)
                                            <a href="javascript:;" class="return" data-id="{{ $application->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">
                        {{ $applications->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 --}}



{{-- Process to Payment Modal --}}
<div class="modal fade" id="paymentProcess-confirmation-modal">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">×</span>
                </button>
                <h4 class="modal-title">Process to Payment Confirmation</h4>
            </div>
            <div class="modal-body">
                <span class="alert-message">Are you sure to process this item?</span> 
                {!! Form::hidden('application_id', null, ['id' => 'application_id']) !!}
            </div>
            <div class="modal-footer">
                <button id="yesBtnToPaymentProcess" 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>
</div>
{{-- Process to Payment 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(event) {
        if (hasAccess('mfn/savingsClosing/application/destroy')) {
            event.preventDefault();
            $('#delete_id').val($(this).data('id'));
            jQuery('#delete-confirmation-modal').modal('show', {
                backdrop: 'fade'
            });
        }
    });
    /*End Delete Modal*/


    /*Process to Payment Modal*/
    $(document).on('click', '.sendToBranch, .backToHO', function(event) {
        if (hasAccess('mfn/savingsClosing/application/processToPayment')) {
            event.preventDefault();
            $('#application_id').val($(this).data('id'));
            message = $(this).data('action') == 'sendToBranch' ? 'send to Branch' : 'send to HO';
            $('#paymentProcess-confirmation-modal .alert-message').text('Are you sure '+message+'?');
            jQuery('#paymentProcess-confirmation-modal').modal('show', {
                backdrop: 'fade'
            });
        }
    });
    /*End Process to Payment Modal*/

     /*Process to Payment*/
     $("#yesBtnToPaymentProcess").click(function(event) {
        $.ajax({
                url: "{{ url('mfn/savingsClosing/application/processToPayment') }}/"+$('#application_id').val(),
                type: 'GET',
                dataType: 'json',
            })
            .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");
            })
    });

    /*Process to Payment*/
    $("#yesBtn").click(function(event) {
        $.ajax({
                url: "{{ url('mfn/savingsClosing/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");
            })


    });

    $(document).on('change', '#branchId', function() {
        branchId = $(this).val();
        if (branchId > 0) {
            $.ajax({
                type: 'post',
                url: "{{url('getMfnBranchWiseSamityList')}}",
                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, function(index, value) {
                            $('#samityId').append('<option value="' + index + '">' + value +
                                '</option>');
                        });
                    }
                },
                error: function(_response) {
                    alert(_response.errors);
                }
            });
        }
    });
    /*End Delete*/
    // return  
    $(document).on('click', '.return', function() {
        event.preventDefault();
        x = confirm('Are you sure to unapprove this transaction?');
        if (x === false) return false;
        applicationId = $(this).data('id');
        $.ajax({
            type: 'post',
            url: "{{ url('mfn/savingsClosing/application/return') }}",
            data: {applicationId:applicationId, 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>