{% extends '@App/base.html.twig' %}
{% block title %}
    Archive
{% endblock %}
{% block body %}
    <div class="row">
        <div class="col-xs-12">
            <div class="widget">
                <div class="row">
                    <div class="col-xs-12">
                        {% include 'AppBundle:iService//Reporting:dateForm.html.twig' %}
                        <div class="row">
                            <div class="col-xs-12 scroll-x show-scroll">
                                <table id="table_reporting"
                                       class="table table-hover table-striped table-bordered text-center">
                                    <thead>
                                    <tr>
                                        <th>DATE</th>
                                        <th>RO NUMBER</th>
                                        <th>CUSTOMER</th>
                                        <th>VIDEO VIEWS</th>
                                        <th>ORIGINAL RO $</th>
                                        <th>FINAL RO $</th>
                                        <th>UPSELL $</th>
                                        {% if ipay != false %}
                                            <th class="text-center" rowspan="1" colspan="1">PAY NOW</th>
                                        {% endif %}
                                        <th>ACTION</th>
                                        <th class="hidden">Technician</th>
                                    </tr>
                                    </thead>
                                    <tbody>
                                    {% for repairOrder in repair_orders %}
                                        <tr>
                                            <td data-sort="timestamp">{{ repairOrder['date']|date("m/d/Y") }}</td>
                                            <td>{{ repairOrder['repair_order_number'] }}</td>
                                            <td>{{ repairOrder['customer'] }}</td>
                                            <td>{{ repairOrder['video_views'] }}</td>
                                            <td>${{ repairOrder['initial_repair_order_value'] }}</td>
                                            <td>${{ repairOrder['final_repair_order_value'] }}</td>
                                            <td>
                                                ${{ repairOrder['final_repair_order_value']  - repairOrder['initial_repair_order_value'] }}
                                            </td>
                                            {% if ipay != false %}
                                                <td>
                                                    {% if repairOrder.paymentStatus.status == null %}
                                                        <a href="javascript:"
                                                           data-id="{{ repairOrder.id }}"
                                                           data-number="{{ repairOrder.number }}"
                                                           class="btn btn-success btn-outline"
                                                           data-toggle="modal"
                                                           data-target="#modal-create-pmt">
                                                            <i class="material-icons">attach_money</i>
                                                        </a>
                                                    {% elseif repairOrder.paymentStatus.status in ['Sent', 'Viewed'] %}
                                                        <a href="javascript:"
                                                           class="text-uppercase btn btn-success btn-raised btn-block"
                                                           data-id="{{ repairOrder.id }}"
                                                           data-number="{{ repairOrder.number }}"
                                                           data-status="{{ repairOrder.paymentStatus.status }}"
                                                           data-total_payments="{{ repairOrder.repairOrderPayments | length }}"
                                                           data-timestamp="{{ repairOrder.paymentStatus.at }}"
                                                           data-payment_id="{{ repairOrder.paymentStatus.payment_id }}"
                                                           data-amount="{{ repairOrder.paymentStatus.amount }}"
                                                           data-toggle="modal"
                                                           data-target="#modal-pmt-progress"
                                                           style="background: linear-gradient(90deg, #71c370 {{ repairOrder.paymentStatus.status == 'Sent'? '33.3' : '66.6' }}%, #FFF {{ repairOrder.paymentStatus.status == 'Sent'? '33.3' : '66.6' }}%);
                                                                   color: #000;
                                                                   width: 100%;
                                                                   border: 2px solid #71C370;">
                                                            {{ repairOrder.paymentStatus.status }}
                                                        </a>
                                                    {% elseif repairOrder.paymentStatus.status == 'Paid Viewed' %}
                                                        <a href="javascript:"
                                                           class="text-uppercase btn btn-success btn-raised btn-block"
                                                           data-id="{{ repairOrder.id }}"
                                                           data-number="{{ repairOrder.number }}"
                                                           data-status="{{ repairOrder.paymentStatus.status }}"
                                                           data-timestamp="{{ repairOrder.paymentStatus.at }}"
                                                           data-payment_id="{{ repairOrder.paymentStatus.payment_id }}"
                                                           data-toggle="modal"
                                                           data-target="#modal-paid-pmt"
                                                           style="background: linear-gradient(90deg, #71c370 100%, #FFF 100%);
                                   color: #000;
                                   width: 100%;
                                   border: 2px solid #71C370;">
                                                            Paid
                                                        </a>
                                                    {% elseif repairOrder.paymentStatus.status == 'Paid' %}
                                                        <a href="javascript:"
                                                           class="text-uppercase btn btn-warning btn-raised btn-block"
                                                           data-id="{{ repairOrder.id }}"
                                                           data-number="{{ repairOrder.number }}"
                                                           data-status="{{ repairOrder.paymentStatus.status }}"
                                                           data-timestamp="{{ repairOrder.paymentStatus.at }}"
                                                           data-payment_id="{{ repairOrder.paymentStatus.payment_id }}"
                                                           data-toggle="modal"
                                                           data-target="#modal-paid-pmt">
                                                            Paid
                                                        </a>
                                                    {% endif %}
                                                </td>
                                            {% endif %}
                                            <td>
                                                <a href="javascript:" data-id="{{ repairOrder['primary_id'] }}"
                                                   class="btn btn-success"
                                                   data-toggle="modal" data-target="#modal-roDetails">
                                                    RO DETAILS
                                                    <div class="ripple-container"></div>
                                                </a>
                                                {% if is_delete_ro_role %}
                                                    <a href="javascript:" class="btn btn-danger delete_repair_order"
                                                       data-id="{{ repairOrder.primary_id }}">
                                                        DELETE JOB
                                                    </a>
                                                {% endif %}
                                            </td>
                                            <td class="hidden">
                                                {{ repairOrder.technician.firstName }} {{ repairOrder.technician.lastName }} {{ repairOrder.advisor.firstName }} {{ repairOrder.advisor.lastName }} {{ repairOrder.customer_phone }}
                                            </td>
                                        </tr>
                                    {% endfor %}
                                    </tbody>
                                </table>
                            </div>
                        </div>

                        <br/><br/>
                        <div class="row text-center">
                            <div class="col-md-3">
                                <p><b>Total Initial RO Value:</b></p>
                                <h3>${{ total_initial_repair_order_value }}</h3>
                            </div>
                            <div class="col-md-3">
                                <p><b>Total Final RO Value:</b></p>
                                <h3>${{ total_final_repair_order_value }}</h3>
                            </div>
                            <div class="col-md-3">
                                <p><b>Total Upsell Amount:</b></p>
                                <h3>${{ total_final_repair_order_value - total_initial_repair_order_value }}</h3>
                            </div>
                            <div class="col-md-3">
                                <p><b>Total Video Views:</b></p>
                                <h3>{{ total_video_views }}</h3>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block modal %}
    {{ include('@App/Default/roDetails.html.twig') }}
    {{ include('@App/Default/payments/createPmtRequest.html.twig') }}
    {{ include('@App/Default/payments/createPmtProgress.html.twig') }}
    {{ include('@App/Default/payments/roPaymentsList.html.twig') }}
    {{ include('@App/Default/payments/paidPmtDetails.html.twig') }}
    {{ include('@App/Default/payments/refundPmtRequest.html.twig') }}
{% endblock %}
{% block javascripts %}
    <script type="text/javascript">
        $('body').on('click', '.delete_repair_order', function () {
            var repair_order_id = $(this).data('id');

            if (confirm('Are you sure you want to delete this repair order?')) {
                $.post('/api/repair-order/delete', {
                    repair_order_id: repair_order_id
                }, function (resp) {
                    window.location.reload();
                }).error(function (e) {
                    console.log(e);
                });
            }
        });
    </script>
{% endblock %}