@include('admin.layouts.header')
@include('admin.layouts.sidebar')
<div class="m-grid__item m-grid__item--fluid m-wrapper">
    <!-- BEGIN: Subheader -->
    <div class="m-subheader ">
        <div class="d-flex align-items-center">
            <div class="mr-auto">
                <h3 class="m-subheader__title m-subheader__title--separator">
                    Over Due Reminder
                </h3>
            </div>

        </div>
    </div>
<?php setlocale(LC_MONETARY, 'en_IN.UTF-8'); ?>
<!-- END: Subheader -->
    <div class="m-content">
        @if(Session::has('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                {{ Session::get('success') }}
            </div>
        @endif
        @if(Session::has('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <button type="button" class="close" data-dismiss="alert" aria-label="Close"></button>
                {{ Session::get('error') }}
            </div>
        @endif
        <div class="m-portlet m-portlet--mobile">
            <div>
                <button class="btn btn-primary pull-right" style="margin: 10px;" onclick="sendoverreminder(2)">Send Selected Reminder</button></span>
                <button class="btn btn-primary pull-right" style="margin: 10px;" onclick="sendoverreminder(1)">Send All Reminder</button></span>
            </div>
            <div name="all_application_id" id="all_application_id" data-id="{!! $application_ids !!}" style="display: none"></div>
            <div name="application_id" id="application_id" data-id="" style="display: none"></div>
            <div class="m-portlet__body">
                <div class="col-md-12" style="margin-left: -26px;">
                    <form action="{{asset('admin/payment/over_due_reminder_v1')}}" method="get" id="search_course" name="search_course" class="form-horizontal">
                    <input name="_token" value="{{ csrf_token() }}" type="hidden">
                    <div class="row" style="padding-bottom: 10px;margin-left: -32px;padding-top: 10px;">
                        <div class="col-md-3">
                            <input type="number" name="total_due_amount" id="total_due_amount" class="form-control" title="Total Due Amount" placeholder=" > Total Due Amount" value="@if(isset($_GET['total_due_amount']) && $_GET['total_due_amount'] > 0) {!! $_GET['total_due_amount'] !!} @else 1000 @endif"/>
                        </div>
                        <div class="col-md-2 search-for-consumer">
                            <button type="submit" id="search" style="background-color: #42d9e4;cursor: pointer;color: white;" class="form-control">Search</button>
                        </div>
                        <div class="col-md-3">
                            <div class="btn btn-primary" onclick="return window.location = '/admin/payment/over_due_reminder_v1';">Clear Filter</div>
                        </div>
                    </div>
                    </form>
                </div>
                <div class="m-section">
                    <div class="m-section__content">
                        @if(isset($response) && count($response) > 0)
                            <table class="table">
                                <tr><td><input type="checkbox" name="updateallcheckbox" value="updateallcheckbox">
                                    </td><td>Check All</td></tr>
                                <thead>
                                <tr>
                                    <th>#</th>
                                    <th>Applicant Name</th>
                                    <th>Merchant</th>
                                    <th>Total Due Amount</th>
                                    <th>Emi Due Amount</th>
                                    <th>Charges Due</th>
                                    <th>Delay days</th>
                                    <th>Action</th>
                                </tr>
                                </thead>
                                <tbody class="app-body">

                                <?php setlocale(LC_MONETARY, 'en_IN.UTF-8');
                                $user_id = \Illuminate\Support\Facades\Auth::user() ? \Illuminate\Support\Facades\Auth::user()->id : 0;
                                ?>
                                @foreach($response as $application_id => $payment)
                                    <tr>
                                        <td> <input @if(in_array($application_id, $recon_id)) disabled @endif type="checkbox" name="{!! $payment['id']!!}" value="{!! $payment['id']!!}"><br></td>
                                        <td>{!! $payment['applicant_name']!!}</td>
                                        <td>{!! $payment['merchant_name']!!}</td>
                                        <td>{!! $payment['total_due_amount']!!}</td>
                                        <td>{!! $payment['emi_due_amount']!!}</td>
                                        <td>{!! $payment['charges_due']!!}</td>
                                        <td>{!! $payment['delay_days']!!}</td>
                                        <td><a class="btn btn-primary" style="background-color: #00c5dc; border-color: #349eab;" href="/admin/payment/start_v1/{!! $application_id !!}" target="_blank">Payment Details</a></td>
                                    </tr>
                                @endforeach
                                </tbody>
                            </table>
                        @else
                            <b><center>No Data Found</center></b>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@include("admin.layouts.footer")
<script>

    let page = 0;
    $(window).scroll(function() {
        if($(window).scrollTop() == $(document).height() - $(window).height()) {
            if(typeof $("tbody.app-body").attr('data-active') !== 'undefined' && $("tbody.app-body").attr('data-active') == 1){
                return false;
            }
            $("tbody.app-body").attr('data-active', 1);
            $(".init-loader").css({display: 'block'});
            var _token = '<?php echo csrf_token(); ?>';
            //let page = getUrlParameter('page');
            page = page ? page + 1 : 1;
            let total_due_amount = getUrlParameter('total_due_amount');
            total_due_amount = total_due_amount ? total_due_amount : 0;
            $.ajax({
                type: 'POST',
                url: "/admin/payment/over_due_reminder_v1?total_due_amount="+total_due_amount+"&page="+(parseFloat(page)+1)+"&table=1",
                data: {
                    _token: _token
                },
                dataType: "JSON",
                success: function (response) {
                    $(".init-loader").css({display: 'none'});
                    $("tbody.app-body").attr('data-active', 0);
                    if (response.status === 'OK') {
                        $("tbody.app-body").append(response.data);
                    } else {
                        alert(response.message);
                    }
                }
            });
        }
    });

    var getUrlParameter = function getUrlParameter(sParam) {
        var sPageURL = window.location.search.substring(1),
            sURLVariables = sPageURL.split('&'),
            sParameterName,
            i;

        for (i = 0; i < sURLVariables.length; i++) {
            sParameterName = sURLVariables[i].split('=');

            if (sParameterName[0] === sParam) {
                return typeof sParameterName[1] === undefined ? true : decodeURIComponent(sParameterName[1]);
            }
        }
        return false;
    };

    $("form#search_course").submit(function(){
        if ($('#total_due_amount').val().length == 0){
            alert('Please enter amount');
            return false;
        }
    });

    $("input[name='updateallcheckbox']").change(function(){
        if($(this).is(':checked')) {
            $("input[type='checkbox']").each(function (index, item) {
                if(typeof $(item).attr('disabled') === 'undefined') {
                    $(item).prop('checked', true);
                }
            });
        }else{
            $("input[type='checkbox']").prop('checked', false);
        }
    });

    function sendoverreminder(type) {
        var _token = '<?php echo csrf_token(); ?>';
        var application_ids = [];
        var applicationcount = 0;

        var element = $(".app-body").find("input[type='checkbox']");
        var _application_ids = [];
        $.each(element, function(){
            if($(this).is(':checked')) {
                _application_ids.push($(this).attr('name'));
                applicationcount = applicationcount + 1;
            }
        });
        _application_ids.join(',');
        if (_application_ids.length > 0) {
            application_ids = "[" + _application_ids + "]";
        }

        if(application_ids.length > 0) {
            $(".init-loader").css({display: 'block'});
            $.ajax({
                type: 'POST',
                url: "/admin/payment/check-payment-reminder",
                data: {
                    application_ids: application_ids,
                    _token: _token
                },
                dataType: "JSON",
                success: function (response) {
                    $(".init-loader").css({display: 'none'});
                    if (response.status === 'OK') {
                        let confirmation_message = 'Do you want to send over due payment reminder to '+applicationcount+' customers?  ';

                        if(response.count >  0){
                            confirmation_message = 'Do you want to resend over due payment reminder to '+applicationcount+' customers?  ';
                        }
                        if (confirm(confirmation_message)) {
                            $(".init-loader").css({display: 'block'});
                            $.ajax({
                                type: 'POST',
                                url: "/admin/payment/send-payment-reminder",
                                data: {
                                    application_ids: application_ids,
                                    _token: _token
                                },
                                dataType: "JSON",
                                success: function (response) {
                                    $(".init-loader").css({display: 'none'});
                                    if (response.status === 'OK') {
                                        alert(response.message);
                                        window.location.reload();
                                    } else {
                                        alert(response.message);
                                    }
                                }
                            });
                        }
                    } else {
                        alert(response.message);
                    }
                }
            });

        }else{
            alert('Please select application');
        }
    }
</script>