{% block body %}
        <div class="row">
            <div class="col-md-4"><b>{{ "Fecha" }}: </b>{{ entity.date|date('d-m-Y') }}</div>
            <div class="col-md-4"><b>{{ "Tipo de pago" }}: </b>{{ entity.typeName|trans }}</div>
            <div class="col-md-4"><b>{{ "Estado" }}: </b>{{ entity.status|trans|capitalize }} </div>
        </div>

        <div class="row">
            <div class="col-md-4"><b>{{ "Agente" }}: </b>{{ entity.createdBy and entity.createdBy.person?entity.createdBy.person.fullName|raw:'Sin dato' }}</div>
            <div class="col-md-4"><b>{{ "Cliente" }}: </b>{{ entity.reservation.client.fullName|raw}}</div>
            <div class="col-md-4"><b>{{ "Contrato" }}: </b>{{  entity.reservation.client.membership ? entity.reservation.client.membership.contract.contractNumber|default("Sin contrato") : "Sin contrato"}}</div>
        </div>

        <div class="row">
            {% if entity.status == 'approved' %}<div class="col-md-4"><b>{{ "Aprobado por"}}: </b>{{ entity.approvedBy.fullName|default("(Sin dato)") }}</div>{% endif %}

            {% if entity.revalidatedBy %}<div class="col-md-4"><b>{{ "Revalidado por" }}: </b>{{  entity.revalidatedBy.fullName }}</div>{% endif %}

            <div class="col-md-4"><b>{{ "folio de la reservación"|capitalize }}: </b>{{ entity.reservation.folio}}</div>
            {% if entity.status == 'rejected' %}
                <div class="col-md-4"><b>{{ "Rechazado por" }}: </b>{{ entity.approvedBy.fullName|default("(Sin dato)") }}</div>
                <div class="col-md-8"><b>{{ "Razón de rechazo" }}: </b>{{ entity.comment|default('Sin dato')|raw }}</div>
            {% endif %}

        </div>

        {% if quotation.hash %}
            <div class="alert">
                <strong>Liga de la cotización:</strong> <a target="_blank" href="{{ path('quotation_client_pdf', {"hash":quotation.hash}) }}">{{ absolute_url(path('quotation_client_pdf', {"hash":quotation.hash})) }}</a>
            </div>
        {% endif %}
        <div class="col-md-12">
            {% embed 'Common/baseAdminPannel.html.twig' %}
                {% block title %}
                    Datos del pago
                {% endblock %}
                {% block subtitle %}
                {% endblock %}
                {% block body %}

                    <div class="row">
                        {% if entity.paymentForm %}
                            <div class="col-md-4"><b>{{ "Payment form"|trans |capitalize }}: </b>{{ entity.paymentForm.name|default('Sin dato') }}</div>
                            {% if entity.paymentForm.bankAccount %}
                                <div class="col-md-4"><b>{{ "bank"|trans |capitalize }}: </b>{{ entity.paymentForm.bankAccount?entity.paymentForm.bankAccount.bank.name :'Sin dato' }}</div>
                                <div class="col-md-4"><b>{{ "bank account number"|trans |capitalize }}: </b>{{ entity.paymentForm.bankAccount?entity.paymentForm.bankAccount.accountNumber }}</div>
                            {% endif %}
                        {% endif %}

                        {% if entity.cardCommission %}
                            <div class="col-md-12"><b>{{ "comisión bancaria" |capitalize }}: </b>{{ entity.cardCommission|price }}</div>
                        {% endif %}

                        {% if entity.receipt %}
                        <div class="col-md-4"><b>{{ "receipt"|trans |capitalize }}: </b>{{ entity.receipt?entity.receipt:'Sin dato' }}</div>
                        {% endif %}

                        {% if entity.comment %}
                            <div class="col-md-12"><b>{{ "comment"|trans |capitalize }}: </b>{{ entity.comment?entity.comment|raw:'Sin dato' }}</div>
                        {% endif %}

                    </div>
                    <hr>
                    <div class="row">
                        <div class="col-md-8"><h4><b>{{ "Importe del pago"|trans |capitalize }}: </b> {{ entity.amount|price }}</h4></div>
                        {% if is_granted("RESERV_PAYMENT_CHANGE_VOUCHER") %}
                        <div class="col-md-4">
                            <b>{{ "voucher"|trans|capitalize }}: </b>
                            <a class="loadinmodal" data-action="{{ path('payment_change_voucher', {"id":entity.id}) }}" title="{{ "voucher"|trans|capitalize }}" >
                                <i class="fa fa-file-text" aria-hidden="true"></i>
                            </a>
                        </div>
                        {% endif %}

                    </div>

                {% endblock %}
            {% endembed %}
        </div>

        <div class="col-md-12">
            {% embed 'Common/baseAdminPannel.html.twig' %}
                {% block title %}
                    Datos de la cotización
                {% endblock %}
                {% block subtitle %}
                {% endblock %}
                {% block body %}
                    <div class="row">
                        <br>
                        <div class="col-md-12"><h4>{{ entity.isRefund?'refund requests'|trans|capitalize : 'payment requests'|trans |capitalize }}</h4></div>
                        <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 entity.isRefund == false %}
                                        <th>Cargo por tarjeta</th>
                                    {% endif %}
                                    <th>Estado</th>
                                    <th>Comentario</th>
                                    <th>Usuario</th>
                                    <th></th>
                                </tr>
                                </thead>
                                <tbody id="payments">
                                {% if entity.isRefund %}
                                    {% set clientPayments = entity.reservation.getRefundClientPayments %}
                                {% else %}
                                    {% set clientPayments = entity.reservation.getReservationClientPayments %}
                                {% endif %}
                                {% for payment in clientPayments %}
                                    {% include 'backend/reservations/clientPayment/row.html.twig' with {"payment":payment, 'reservation': entity.reservation, 'colspan':7 } %}
                                {% endfor %}
                                </tbody>
                            </table>
                        </div>
                    </div>

                    {% if entity.isRefund == false %}
                        <div class="row">
                            <div class="col-md-12"><b>{{ "Precio de la reservación"|trans |capitalize }}: </b> {{ quotation.getClientTariffAmounts|amounts }}</div>

                            <div class="col-md-4"><b>{{ 'Pagos netos del cliente a la reservación'|trans |capitalize }}: </b>  {{ (quotation.getTotalMxnNetApprovedClientPayments + quotation.getTotalMxnPendingClientPayments)|price }}</div>
                            <div class="col-md-4"><b>{{ 'Comisiones bancarias'|trans |capitalize }}: </b>  {{ quotation.getTotalBankCommissions|price }}</div>
                            <div class="col-md-4"><b>{{ 'Total pagado'|trans |capitalize }}: </b>  {{ (quotation.getTotalMxnNetApprovedClientPayments + quotation.getTotalMxnPendingClientPayments + quotation.getTotalBankCommissions)|price }}</div>
                        </div>
                        <div class="row">
                            {#<div class="col-md-4"><b>{{ "Total pagado"|trans |capitalize }}: </b>{{ quotation.getTotalTariffPaymentDetailsAmounts|amounts }}</div>#}
                            <div class="col-md-6"><b>{{ "Pagos pendientes de aprobación"|trans |capitalize }}: </b>{{ quotation.getPendingClientTariffAmounts|amounts }}</div>
                        </div>
                    {% endif %}
                    </div>
                {% endblock %}
            {% endembed %}
        </div>

    {% endblock %}
    <div class="col-md-12">
        {% if entity.canBeApproved and is_granted("RESERV_PAYMENT_APPROVE") %}
                <a href="#" class="loadaction" data-url="{{ path( entity.isRefund?'client_payment_approve_refund_payment': 'client_payment_approve', { 'id': entity.id }) }}" data-question-text="¿Seguro que desea aprobar este pago?" data-callbacks="refreshTables,closeModals" data-modalclose=true>
                    <button type="button" class="btn btn-success">
                        <i class="fa fa-check"></i> {{"Aprobar"|trans}} {{entityName|trans}}<div class="ripple-container"></div>
                    </button>
                </a>

        {% endif %}

        {% if entity.canBeValidated and  is_granted('RESERV_PAYMENT_REVALIDATE') %}
            <a href="#" class="loadaction" data-url="{{ path('payment_revalidate', { 'id': entity.id }) }}" data-question-text="Este pago está {{ entity.status|trans }}. ¿Seguro desea reevalidar su estado?" data-callbacks="refreshTables,closeModals" data-modalclose=true>
                <button type="button" class="btn btn-warning">
                    <i class="fa fa-check"></i> {{"Revalidar"|trans}} {{entityName|trans}}<div class="ripple-container"></div>
                </button>
            </a>
        {% endif %}

        {% if entity.canBeRejected  %}
            <a href="#" class="loadinmodal" data-action="{{ path('client_payment_reject', { 'id': entity.id }) }}" data-modalclose=true>
                <button type="button" class="btn btn-danger">
                    <i class="fa fa-times"></i> {{"Rechazar"|trans}} {{entityName|trans}}<div class="ripple-container"></div>
                </button>
            </a>
        {% endif %}
    </div>