@include('admin.layouts.header')
@include('admin.layouts.sidebar')
<style>
    table{
        width: 100%;
        font-family: Arial;
    }
    .emi-form > thead > tr > th{
        font-weight: 600 !important;
    }
    h4.panel-title > a{
        font-size: 14px;
        color: #5f5a5a !important;
    }
</style>
<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">
                    Cancellation Calculator
                </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 class="m-portlet__head">
                <div class="m-portlet__head-caption">
                    <div class="m-portlet__head-title">
                        <span class="m-portlet__head-icon">
                            <i class="fa fa-file-text-o"></i>
                        </span>
                        <h3 class="m-portlet__head-text">
                            Cancellation Calculator
                        </h3>
                    </div>
                </div>
            </div>
            <div class="container-fluid">
                <div class="wrapper">
                    <!-- <div class="d-sm-flex align-items-center justify-content-between mb-4">
                        <h1 class="h3 mb-0 text-gray-800">Upload Agency Data</h1>
                    </div> -->
                        <br />
                    @if(count($errors) > 0)
                        <div class="alert alert-danger">
                            Cancellation Calculator Error<br><br>
                            <ul>
                                @foreach($errors->all() as $error)
                                <li>{{ $error }}</li>
                                @endforeach
                            </ul>
                        </div>
                    @endif

                    <!-- <a href="/sample/sample_investor_data_format.xlsx" class="btn btn-warning">Agency Sample Excel file</a> -->
                    <div class="py-4 form-block my-3 px-3">
                        <div class="col-md-12">
                            <div class="row">
                                <div class="col-md-3"><input type="text" class="form-control" name="application_id" placeholder="Application ID" onkeyup="if (/\D/g.test(this.value)) this.value = this.value.replace(/\D/g,'')"/></div>
                                <div class="col-md-3"><button class="form-control btn btn-primary" id="search-application">Search Application</button></div>
                            </div>
                            <div class="row col-md-12">
                                <table class="table">
                                    <tr>
                                        <td>Disbursal Date</td> <td id="disbursed_date">-</td>
                                    </tr>
                                    <tr>
                                        <td>Today's Date</td> <td>{!! date('Y-m-d') !!}</td>
                                    </tr>
                                    <tr>
                                        <td>Total days</td> <td id="total_days">0</td>
                                    </tr>
                                    <tr>
                                        <td>Loan Disbursed amount</td> <td id="loan_disbursed_amount">0</td>
                                    </tr>
                                    <tr>
                                        <td>Loan amount</td> <td id="loan_amount">0</td>
                                    </tr>
                                    <tr>
                                        <td>Total Paid EMI</td> <td id="total_paid_emi">0</td>
                                    </tr>
                                    <tr>
                                        <td>Principal Outstanding</td> <td id="principal_outstanding">0</td>
                                    </tr>
                                    <tr>
                                        <td>cancellation fee 1.4%</td> <td><input type="number" class="form-control" value="1.4" id="cancellation_fee" name="cancellation_fee"/></td>
                                    </tr>
                                    <tr>
                                        <td>Cancellation Fee</td><td id="cancellation_fee_amount"></td>
                                    </tr>
                                    <tr>
                                        <td>Processing fee</td> <td id="processing_fee">0</td>
                                    </tr>
                                    <tr>
                                        <td>Total Payable</td> <td id="total_payable">0</td>
                                    </tr>
                                    <tr>
                                        <td>Should be adjusted in the above total payable</td> <td><input id="is_adjust_total_payable" type="checkbox"/></td>
                                    </tr>
                                    <tr>
                                        <td>Final Payable</td> <td id="final_payable">0</td>
                                    </tr>
                                    <tr>
                                        <td><button class="btn btn-primary calculate-fee">Calculate</button></td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@include("admin.layouts.footer")

<script type="text/javascript">

    $("#is_adjust_total_payable").click(function() {
        if($(this).is(":checked")){
            $("#final_payable").text(parseFloat($("#total_payable").text()) - parseFloat($("#total_paid_emi").text()));
        }else{
            $("#final_payable").text(parseFloat($("#total_payable").text()));
        }
    });

    $("#search-application").click(function(){
        var id = $("input[name='application_id']").val();

        if(id.length == 0){
            alert('Please enter application id');
            return false
        }
        var _token = '<?php echo csrf_token(); ?>';
        $.ajax({
            type: 'POST',
            url: "/admin/collection/get-cancellation-by-id/" + id,
            dataType: "JSON",
            data: {
                _token: _token
            },
            beforeSend: function () {
                $(".init-loader").css({display:'block'});
            },
            success: function (response) {
                $(".init-loader").css({display:'none'});
                if (response.status == 'OK') {
                    $("#disbursed_date").text(response.data.disbursed_date);
                    $("#total_days").text(response.data.total_days);
                    $("#loan_disbursed_amount").text(response.data.loan_disbursed_amount);
                    $("#loan_amount").text(response.data.loan_amount);
                    $("#total_paid_emi").text(response.data.total_paid_emi);
                    $("#principal_outstanding").text(response.data.principal_outstanding);
                    $("#processing_fee").text(response.data.processing_fee);
                    $("#total_payable").text(response.data.total_payable);
                    $("#final_payable").text(response.data.final_payable);
                    $("#cancellation_fee_amount").text(response.data.cancellation_fee);
                }
            }
        });
    });

    $("button.calculate-fee").click(function() {

        var cancellation_fee =(parseFloat($("#principal_outstanding").text()) * $("#cancellation_fee").val() * Math.ceil(parseFloat($("#total_days").text())/30))/100;
        var final_payable = parseFloat($("#loan_disbursed_amount").text()) + cancellation_fee + parseFloat($("#processing_fee").text())

        $("#cancellation_fee_amount").text(Math.round(cancellation_fee));
        $("#total_payable").text(Math.round(final_payable));

        if($("#is_adjust_total_payable").is(":checked")){
            final_payable = final_payable - parseFloat($("#total_paid_emi").text());
        }

        $("#final_payable").text(Math.round(final_payable));
    });

    $("input[name='upload']").on('click', function() {
        if($("input[name='agency_file']").val()){
            $(".init-loader").css({display:'block'});
        }
    });
</script>