{% 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.person.fullName|raw }}</div>
        <div class="col-md-4"><b>{{ "Cliente" }}: </b>{{ entity.service.quotation.reservation.client.fullName|raw}}</div>
        <div class="col-md-4"><b>{{ "Contrato" }}: </b>{{  entity.service.quotation.reservation.client.membership? entity.service.quotation.reservation.client.membership.contract.contractNumber|default("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.status == 'rejected' %}
            <div class="col-md-4"><b>{{ "Rechazado por" }}: </b>{{ entity.approvedBy.fullName|default("(Sin dato)") }}</div>
            <div class="col-md-4"><b>{{ "Razón de rechazo" }}: </b>{{ entity.comment|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.service.quotation.reservation.folio}}</div>

    </div>

    {% if entity.service.quotation.hash %}
        <div class="alert">
            <strong>Liga de la cotización:</strong> <a target="_blank" href="{{ path('quotation_client_pdf', {"hash":entity.service.quotation.hash}) }}">{{ absolute_url(path('quotation_client_pdf', {"hash":entity.service.quotation.hash})) }}</a>
        </div>
    {% endif %}

        {% embed 'Common/baseAdminPannel.html.twig' %}
            {% block title %}
                {{ entity.paymentType in ["direct_payment", "indirect_payment"] ? "Datos del pago al operador" : "Datos del pago" }}
            {% endblock %}
            {% block subtitle %}
            {% endblock %}
            {% block body %}
                <div class="row">
                    <div class="col-md-4"><b>{{ "nombre del operador"|trans |capitalize }}: </b>{{ entity.service.provider.commercialName }}</div>
                    <div class="col-md-4"><b>{{ "socialreason"|trans |capitalize }}: </b>{{ entity.service.provider.socialReason }}</div>
                    <div class="col-md-4"><b>{{ "rfc" |capitalize }}: </b>{{ entity.service.provider.rfc |default('Sin dato') }}</div>
                </div>
                <div class="row">
                    <div class="col-md-12"><b>{{ "persona de contacto"|trans |capitalize }}: </b>{{ entity.service.provider.contact|default('Sin dato') }}</div>
                    <div class="col-md-4"><b>{{ "email"|trans |capitalize }}: </b>{{ entity.service.provider.email|default('Sin dato') }}</div>
                    <div class="col-md-4"><b>{{ "phone" |trans |capitalize }}: </b>{{ entity.service.provider.phone |default('Sin dato') }} {{ entity.service.provider.additionalPhone ? " / "~ entity.service.provider.additionalPhone}}</div>
                    <div class="col-md-4"><b>{{ "Web page"|trans |capitalize }}: </b>{{ entity.service.provider.webPagee|default('Sin dato') }}</div>
                </div>
                <br>
                <hr>
                <div class="row">

                    {% if entity.providerCreditAccountMovement %}
                        {% if entity.providerCreditAccountMovement.fatherProviderCreditAccountMovement %}
                            <div class="col-md-8 text-danger"><b>{{ "Al aprobar/rechazar este pago se aprobará/rechazará el reembolso a la cuenta de crédito con el proveedor que lo generó."|trans |upper }}</b></div>
                        {% endif %}

                    {% elseif entity.refund and entity.refund.providerCreditAccountMovement %}
                        <div class="col-md-8 text-danger"><b>{{ "Al aprobar/rechazar este pago se aprobará/rechazará el reembolso a la cuenta de crédito con el proveedor que lo generó."|trans |upper }}</b></div>
                    {% else %}
                        <div class="col-md-4"><b>{{ "bank"|trans |capitalize }}: </b>{{ entity.providerBankAccount?entity.providerBankAccount.bank.name :'Sin dato' }}</div>
                        {% if entity.isRefund %}
                            <div class="col-md-4"><b>{{ "traveler bank account"|trans |capitalize }}: </b>{{ entity.providerBankAccount?entity.providerBankAccount.accountNumber }}</div>
                        {% else %}
                            <div class="col-md-4"><b>{{ "bank account number"|trans |capitalize }}: </b>{{ entity.providerBankAccount?entity.providerBankAccount.accountNumber }}</div>
                        {% endif %}
                        <div class="col-md-4"><b>{{ "Clabe"|trans |capitalize }}: </b>{{ entity.providerBankAccount?entity.providerBankAccount.interbankAccount|default('Sin dato') }}</div>
                    {% endif %}

                    <div class="col-md-12"><b>{{ "No. Confirmación" |capitalize }}: </b>{{ entity.service.tariff.providerConfirmation }}</div>
                </div>
                <hr>

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

                <div class="row">
                    <div class="col-md-8">
                        <h4><b>{{ "importe del pago"|trans |capitalize }}: </b>  {{ entity.amount|price }}</h4>
                    </div>

                    {% if entity.invoices is not null %}
                        <div class="col-md-4"><b>{{ "invoices"|trans |capitalize }}: </b>
                            {% for invoice in entity.invoices %}
                                <a class="loadinmodal" data-action="{{ path('show_file', {"appFile":invoice.id}) }}" >
                                    <i class="fa fa-file-text-o fa-2x" aria-hidden="true"></i>
                                </a>
                            {% endfor %}
                        </div>
                    {% endif %}

                    {% if entity.isSubsidized  %}
                        <div class="col-md-4">
                            <strong style="color: red"> {{ "Este es un pago subsidiado"|upper }}</strong>
                        </div>
                    {% endif %}

                </div>

                {% if payment.voucher|default(null) is not null %}
                    <a class="loadinmodal" data-action="{{ path('show_file', {"appFile":payment.voucher.id}) }}" >
                        <i class="fa fa-file" aria-hidden="true"></i>
                    </a>
                {% endif %}
            {% endblock %}
        {% endembed %}

    {% if(entity.paymentType == "traveler_cc") %}
            {% embed 'Common/baseAdminPannel.html.twig' %}
                {% block title %}
                    {{ "Datos del pago a la tarjeta Mar Paraíso Queen" }}
                {% 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>
                            <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 %}
                    </div>
                    <hr>

                    <div class="row">
                        <div class="col-md-8">
                            <h4><b>{{ "importe del pago"|trans |capitalize }}: </b>  {{ entity.amount|price }}</h4>
                        </div>

                        {% if entity.invoices is not null %}
                            <div class="col-md-4"><b>{{ "invoices"|trans |capitalize }}: </b>
                                {% for invoice in entity.invoices %}
                                    <a class="loadinmodal" data-action="{{ path('show_file', {"appFile":invoice.id}) }}" >
                                        <i class="fa fa-file-text-o fa-2x" aria-hidden="true"></i>
                                    </a>
                                {% endfor %}
                            </div>
                        {% endif %}

                    </div>

                    {% if payment.voucher|default(null) is not null %}
                        <a class="loadinmodal" data-action="{{ path('show_file', {"appFile":payment.voucher.id}) }}" >
                            <i class="fa fa-file" aria-hidden="true"></i>
                        </a>
                    {% endif %}

                {% endblock %}
            {% endembed %}
    {% endif %}



        {% embed 'Common/baseAdminPannel.html.twig' %}
            {% block title %}
                Datos del servicio
            {% endblock %}
            {% block subtitle %}
            {% endblock %}
            {% block body %}
                <div class="row">
                    <div class="col-md-4"><b>{{ "ID"|trans |capitalize }}: </b>{{ service.id    }}</div>
                    <div class="col-md-4"><b>{{ "service.type"|trans |capitalize }}: </b>{{ service.type|trans |capitalize}}</div>
                </div>
                {% if service.tariff %}
                    <div class="row">
                        <div class="col-md-4"><b>{{ "importe del servicio"|trans |capitalize }}: </b>  {{ service.tariff.clientTariff|price(service.tariff.currency) }}</div>
                        {% if service.tariff.commissionable %}
                            <div class="col-md-4"><b>{{ "Commissionable amount"|trans |capitalize }}: </b>  {{ entity.service.tariff.commissionableAmount|price(service.tariff.currency) }}</div>
                            <div class="col-md-4"><b>{{ "Commission percentage"|trans |capitalize }}: </b>{{ entity.service.tariff.commissionPercentage }} {{ '%' }} </div>
                        {% endif %}
                            <div class="col-md-4"><b>{{ "Provider payment"|trans |capitalize }}: </b>  {{ entity.service.tariff.getPaymentToProvider|price(service.tariff.currency) }}</div>

                        <div class="col-md-4"><b>{{ "Service charge" |trans |capitalize }}: </b>   {{ entity.service.tariff.serviceCharge |price}}</div>
                        {% if service.tariff.serviceChargeUtility %}
                            <div class="col-md-4"><b>{{ "Service charge utility" |trans |capitalize }}: </b>   {{ entity.service.tariff.serviceChargeUtility|price(service.tariff.currency) }}</div>

                        {% endif %}

                        <div class="col-md-4"><b>{{ "Utility" |trans |capitalize }}: </b>   {{ entity.service.tariff.utility|price(service.tariff.currency) }}</div>

                    </div>

                {% endif %}

                <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>
                                <th>Subsidiado</th>
                                <th>Estado</th>
                                <th>Comentario</th>
                                <th>Usuario</th>
                                <th></th>
                            </tr>
                            </thead>
                            <tbody id="payments">
                            {% if entity.isRefund %}
                                {% set servicePayments = service.getRefundServicePayments %}
                            {% else %}
                                {% set servicePayments = service.getProviderServicePayments %}
                            {% endif %}

                            {% for payment in servicePayments %}
                                {% include 'backend/reservations/servicePayment/rowValidation.html.twig' with {"payment":payment} %}
                            {% endfor %}
                            </tbody>
                        </table>
                    </div>
                </div>

                {% if entity.isRefund == false %}
                    <div class="row">
                        <br>
                        <div class="col-md-4"><b>{{ 'Pagos netos del cliente al servicio'|trans |capitalize }}: </b>  {{ (service.getTotalMxnNetApprovedClientPayments + service.getTotalMxnPendingClientPayments)|price }}</div>
                        <div class="col-md-4"><b>{{ 'Comisiones bancarias'|trans |capitalize }}: </b>  {{ service.getTotalBankCommissions|price }}</div>
                        <div class="col-md-4"><b>{{ 'Total pagado'|trans |capitalize }}: </b>  {{ (service.getTotalMxnNetApprovedClientPayments + service.getTotalMxnPendingClientPayments + service.getTotalBankCommissions)|price }}</div>
                    </div>
                    <div class="row">

                        <div class="col-md-4"><b>{{ 'Pagos aprobados al operador'|trans |capitalize }}: </b>  {{ service.getTotalMxnApprovedServicePayments|price }}</div>
                        <div class="col-md-4"><b>{{ 'Pendientes de aprobación'|trans |capitalize }}: </b>  {{ service.getTotalMxnPendingServicePayments|price }}</div>
                        <div class="col-md-4"><b>{{ 'Monto disponible'|trans |capitalize }}: </b>  {{ service.availableAmount|price }}</div>
                    </div>
                {% endif %}

            {% endblock %}
        {% endembed %}


        {% if entity.status != 'invoiced' %}
            {% if entity.isRefund %}
                {% if entity.canBeApproved and is_granted("RESERV_PAYMENT_APPROVE") %}
                    <a href="#" class="loadaction" data-modalclose=true data-url="{{ path('service_payment_approve_refund_payment', { 'id': entity.id }) }}"  data-question-text="¿Seguro que desea aprobar este pago?" data-callbacks="refreshTables,closeModals">
                        <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 and is_granted("RESERV_PAYMENT_REJECT") %}
                    <a href="#" class="loadinmodal" data-modalclose=true  data-action="{{ path('service_payment_reject_refund_payment', { 'id': entity.id }) }}" >
                        <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 %}
            {% else %}

                {% if entity.canBeApproved and is_granted("RESERV_PAYMENT_APPROVE")  %}
                    <a href="#" class="loadinmodal" data-modalclose=true data-action="{{ path('service_payment_approve', { 'id': entity.id }) }}"  >
                        <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 and is_granted("RESERV_PAYMENT_REJECT") %}
                    <a href="#" class="loadinmodal" data-modalclose=true  data-action="{{ path('service_payment_reject', { 'id': entity.id }) }}" >
                        <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 %}
            {% endif %}
        {% endif %}

        {% if entity.canBeInvoiced %}
            <a class="loadinmodal" data-modalclose=true  data-action="{{ path('payment_invoice', { 'id': entity.id }) }}">
                <button type="button" class="btn btn-success">
                    <i class="fa fa-file-text-o"></i> {{"Facturar"}} {{entityName|trans}}<div class="ripple-container"></div>
                </button>
            </a>
        {% endif %}

{% endblock %}