{% extends '@App/base.html.twig' %}
{% block buttonNew %}{% endblock %}
{% block title %}My Loan Reporting
{% endblock %}
{% block body %}
    <div class="row">
        <div class="col-xs-12">
            <div class="widget">
                <div class="row">
                    <div class="col-md-12">
                        {% include 'AppBundle:iService//Reporting:dateForm.html.twig' %}
                    </div>
                    <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 width="10%" class="text-center sorting" tabindex="0" rowspan="1"
                                colspan="1" role="columnheader" style="width: 107px;">
                                TOTAL DOLLARS REQUESTED
                            </th>
                            <th class="text-center sorting" role="columnheader" tabindex="0" rowspan="1" colspan="1" style="width: 216px;">
                                TOTAL DOLLARS TRANSACTED
                            </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>{% 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="#" id="refundApplication" data-ro="{{ repairOrder.id }}" class="btn btn-danger btn-block">Refund</a>-->
                                        {% endif %}
                                    {% endfor %}
                                </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);
            }).error(function (e) {
                alert('Something went wrong.');
                console.log(e);
            });
        });
    </script>
{% endblock %}