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

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

    {% block body %}
        {% if is_granted("RESERV_PAYMENT_NEW_REFUND_PAYMENT") %}
            <div id="buttons-area">
                {% include 'backend/reservations/refund/indexButtons.html.twig' with {'refund': refund} %}
            </div>
        {% endif %}

        <h4>Pagos del proveedor</h4>
        <div class="card-content table-responsive">
            <table class="table table-inverse">
                <thead>
                <tr>
                    <th>Fecha de pago</th>
                    <th>Tipo</th>
                    <th>Cantidad</th>
                    {% if refund.service is defined %}
                        <th>Subsidiado</th>
                    {% endif %}
                    <th>Estado</th>
                    <th>Comentario</th>
                    <th>Usuario</th>
                    <th></th>
                </tr>
                </thead>
                <tbody id="refund-service-payments">
                {% if refund.servicePayments|length > 0 %}
                    {% for payment in refund.servicePayments %}
                        {% include 'backend/reservations/servicePayment/refundRow.html.twig' with {"payment":payment} %}
                    {% endfor %}
                {% endif %}
                </tbody>
            </table>
        </div>
        <hr>

        <h4>Pagos al cliente</h4>
        <div class="card-content table-responsive">
            <table class="table table-inverse">
                <thead>
                <tr>
                    <th>Fecha de pago</th>
                    <th>Tipo</th>
                    <th>Cantidad</th>
                    <th>Estado</th>
                    <th>Comentario</th>
                    <th>Usuario</th>
                    <th></th>
                </tr>
                </thead>
                <tbody id="refund-client-payments">
                {% if refund.clientPayments|length > 0 %}
                    {% for payment in refund.clientPayments %}
                        {% include 'backend/reservations/clientPayment/row.html.twig' with {"payment":payment} %}
                    {% endfor %}
                {% endif %}
                </tbody>
            </table>
        </div>
        <div id="refund-payments-summary">
            {% include 'backend/reservations/refund/refundSummary.html.twig' with { refund: refund, paymentsView:true } %}
        </div>
    {% endblock %}