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

    {% block title %}
        Pagos del cliente
    {% 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-lg-12">
                <div class="card-content table-responsive">
                    <table class="table table-inverse">
                        <thead class="text-primary">
                        <tr>
                            <th>Fecha de pago</th>
                            <th>Tipo</th>
                            <th>Cantidad</th>
                            <th>Cargo por tarjeta</th>
                            <th>Estado</th>
                            <th>Comentario</th>
                            <th>Usuario</th>
                            <th></th>
                        </tr>
                        </thead>
                        <tbody id="payments">
                            {% include 'backend/reservations/clientPayment/payments.html.twig' %}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

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

    {% endblock %}