{% extends 'Common/baseAdminPannel.html.twig' %}

    {% block title %}
        Pagos del servicio
    {% endblock %}

    {% block body %}
        {% if is_granted("RESERV_PAYMENT_CREATE") %}
            <div id="payments-index-buttons">
                {% include 'backend/reservations/payment/paymentIndexButtons.html.twig' %}
            </div>
        {% endif %}
        <div class="row">
            <div class="col-md-12">
                {% if payments|length > 0 %}
                    <table class="table table-bordered table-hover">
                        <thead class="text-primary">
                        <tr>
                            <th>Fecha de pago</th>
                            <th>Tipo</th>
                            <th>Estado</th>
                            <th class="text-right">Cantidad</th>
                            <th class="text-right">Balance</th>
                            <th>Usuario</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody id="payments">
                        {{ include('backend/reservations/servicePayment/payments.html.twig') }}
                        </tbody>
                    </table>
                {% else %}
                    <b>{{ 'Sin pagos registrados'}}</b>
                {% endif %}


            </div>
        </div>
        <br>

        {{ include('backend/reservations/payment/paymentsSummary.html.twig',{'service':service }) }}

    {% endblock %}