{% extends '@App/base.html.twig' %}
{% block buttonNew %}{% endblock %}
{% block title %}My Loan
{% endblock %}
{% block body %}
    <div class="row">
        <div class="col-xs-12">
            <div class="widget">
                <div class="row">
                    <table id="dashboard_table" class="table table-hover table-striped table-bordered text-center dataTable"
                           role="grid" aria-describedby="datatable-example-2_info">
                        <thead>
                        <tr role="row">
                            <th width="10%" class="text-center sorting" tabindex="0" rowspan="1"
                                colspan="1" role="columnheader"
                                style="width: 107px;">
                                REPAIR ORDER
                            </th>
                            <th width="10%" class="text-center sorting" tabindex="0" rowspan="1"
                                colspan="1" role="columnheader" style="width: 107px;">
                                CUSTOMER
                            </th>
                            <th class="text-center sorting" role="columnheader" tabindex="0" rowspan="1" colspan="1" style="width: 216px;">
                                PHONE
                            </th>
                            <th class="text-center sorting" role="columnheader" tabindex="0" rowspan="1" colspan="1" style="width: 216px;">
                                REQUESTED AMOUNT
                            </th>
                            <th class="text-center sorting" role="columnheader" tabindex="0" rowspan="1" colspan="1" style="width: 216px;">
                                TRANSACTED AMOUNT
                            </th>
                            <th class="text-center sorting" role="columnheader" tabindex="0" rowspan="1" colspan="1" style="width: 216px;">
                                STATUS
                            </th>
                            <th class="text-center sorting" role="columnheader" tabindex="0" rowspan="1" colspan="1" style="width: 216px;">
                                LOAN ID
                            </th>
                            <th width="10%" class="text-center sorting" tabindex="0" rowspan="1"
                                colspan="1" role="columnheader"
                                style="width: 107px;">
                                ADVISOR
                            </th>
                            <th class="text-center sorting" role="columnheader" tabindex="0" rowspan="1" colspan="1" style="width: 181px;">
                                ACTION
                            </th>
                        </tr>
                        </thead>
                        <tbody>
                            {% for repairOrder in repairOrders %}
                            <tr role="row">
                                <td>{{ repairOrder.number }}</td>
                                <td>{{ repairOrder.primaryCustomer.name }}</td>
                                <td>{{ repairOrder.primaryCustomer.phone }}</td>
                                <td>{% for loan in repairOrder.myloan %}${{ loan.amount|number_format(2, '.', ',') }}{% endfor %}</td>
                                <td>{% for loan in repairOrder.myloan %}{% if loan.transactedAmount %}${{ loan.transactedAmount|number_format(2, '.', ',') }}{% endif %}{% endfor %}</td>
                                <td>{% for loan in repairOrder.myloan %}{{ loan.status }}{% endfor %}</td>
                                <td>{{ repairOrder.loanId }}</td>
                                <td>{{ repairOrder.advisor.firstName }}</td>
                                <td>{% for loan in repairOrder.myloan %}
                                        {% if loan.status == 'PAYMENTCONFIRMATION' %}
                                            <!--<a href="javascript:" data-toggle="modal" data-target="#modal-myloan-refund" data-ro-id="{{ repairOrder.id }}" data-ro-number="{{ repairOrder.number }}" data-transaction-id="{{ loan.transactionId }}" class="btn btn-danger btn-block">Refund</a>-->
                                        {% endif %}
                                    {% endfor %}
                                        {% if repairOrder.loanRedirectUrl %}
                                    <a href="#" id="sendApplication" data-ro="{{ repairOrder.id }}" class="btn btn-primary btn-block">
                                        Re-Send Application
                                    </a>
                                    <a href="#" id="sendNewApplication" data-ro="{{ repairOrder.id }}" class="btn btn-danger btn-block">
                                        Send NEW Application
                                    </a>
                                        {% else %}
                                    <a href="#" id="sendApplication" data-ro="{{ repairOrder.id }}" class="btn btn-success btn-block">
                                            Send Application
                                    </a>
                                        {% endif %}

                                </td>
                            </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-6">
            <strong>Total Requested Amount: </strong>${{ cumulative_data.requestedAmount|number_format(2, '.', ',') }}
        </div>
        <div class="col-md-6">
            <strong>Total Transacted Amount: </strong>${{ cumulative_data.transactedAmount|number_format(2, '.', ',') }}
        </div>
    </div>
    <script type="text/javascript">
        $('body').on('click', '#sendApplication', function () {
            var repair_order_id = $(this).attr("data-ro");

            $.post('/api/myloan/send-application', {
                repair_order_id: repair_order_id,
            }, function (resp) {
                alert(resp);
                location.reload();
            }).error(function (e) {
                alert('Something went wrong.');
                console.log(e);
            });
        });
        $('body').on('click', '#sendNewApplication', function () {
            var repair_order_id = $(this).attr("data-ro");
            if (confirm('This will delete the current application the user has.  Are you sure you want to restart the application process?')) {
                $.post('/api/myloan/send-new-application', {
                    repair_order_id: repair_order_id,
                }, function (resp) {
                    alert(resp);
                    location.reload();
                }).error(function (e) {
                    alert('Something went wrong.');
                    console.log(e);
                });
            }
        });
    </script>
{% endblock %}
{% block modal %}
    <div class="modal modal-primary fade scale" id="modal-myloan-refund" tabindex="-1" role="dialog"
         aria-labelledby="modal-myloan-refund" aria-hidden="true">
        <input type="hidden" id="modal_ro_id" value=""/>
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title"
                        id="modal-default-primary-label">
                        Refund for RO#: <span id="myloanRefundRO"></span>
                    </h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="form-group bmd-form-group">
                                <label class="bmd-label-floating">
                                    Amount to Refund
                                </label>
                                <input type="text" name="myLoanRefundAmount" class="form-control" id="myLoanRefundAmount"/>
                            </div>
                        </div>
                        <div class="col-md-12">
                            <input type="hidden" value="" name="myloan_refund_repair_order_id" id="myloan_refund_repair_order_id">
                            <input type="hidden" value="" name="myloan_refund_transaction_id" id="myloan_refund_transaction_id">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button id="myloanRefundSubmit" class="btn btn-block btn-success btn-block">
                        Send
                    </button>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        $('#modal-myloan-refund').on('show.bs.modal', function (e) {
            var repairOrderId = $(e.relatedTarget).data('ro-id');
            var repairOrderNumber = $(e.relatedTarget).data('ro-number');
            var refundTransactionId = $(e.relatedTarget).data('transaction-id');
            $('#myloanRefundRO').text(repairOrderNumber);
            $('#myloan_refund_repair_order_id').val(repairOrderId);
            $('#myloan_refund_transaction_id').val(refundTransactionId);
        });
        $('body').on('click', '#myloanRefundSubmit', function () {
            var repair_order_id = $('#myloan_refund_repair_order_id').val();
            var refund_amount = $('#myLoanRefundAmount').val();
            var refund_transaction_id = $('#myloan_refund_transaction_id').val();
            if($.isNumeric(refund_amount)){
                $.post('/api/myloan/refund', {
                    repair_order_id: repair_order_id,
                    amount: refund_amount,
                    transaction_id: refund_transaction_id
                }, function (resp) {
                    alert(resp);
                    location.reload();
                }).error(function (e) {
                    alert('Something went wrong.');
                    console.log(e);
                });
            }
            else{
                alert('The amount entered is not a valid refund amount');
            }

        });
    </script>
{% endblock %}