{% extends 'Common/baseAdminPannel.html.twig' %}
    {% block title %}
        Registrar pago a proveedor
    {% endblock %}

    {% block body %}

        {% set provider = entity.service.provider %}

        <div class="row">
            <div class="col-md-8" >
                <div class="alert alert-info">
                    <b>Faltan: </b> {{ entity.service.remainingAmount|price(entity.service.tariff.currency) }} por registrar
                    <br>
                    <b>Monto disponible: </b> {{ entity.service.availableAmount|price }}
                    <br>
                    <b>Máximo en pagos directos: </b> {{ entity.service.tariff.getMaxDirectPaymentAmount|price(entity.service.tariff.currency) }}
                    <br>

                    {% if (entity.service.tariff.currency != 'MXN') %}
                        Pagos del cliente hoy:
                        {%  for paymentDetail in entity.service.tariff.paymentsDetails %}
                            {% if paymentDetail.forForeignTariff and paymentDetail.clientPayment.status in ['approved', 'incoiced'] and paymentDetail.clientPayment.isOfToday %}
                                {{ ' ('~ paymentDetail.foreignAmount|price(entity.service.tariff.currency)~' a '~ paymentDetail.currencyChange|price~')'  }}
                            {% endif %}
                        {% endfor %}
                    {% endif %}
                </div>
            </div>
            {% if provider.creditAccounts|length > 0 %}
            <div class="col-md-4" >
                {{ include('backend/reservations/providerCreditAccountMovement/providerAccounts.html.twig') }}
            </div>
            {% endif %}

        </div>

        

        {{ form_start(form, {'attr':{'data-remote':'true', 'data-method':'POST', 'data-url':form.vars.action }}) }}
        <div id="App_payment">
            {% if form.paymentsDetails is defined %}
                <div class="row">
                    <div class="col-md-12" >
                        {{ form_row(form.paymentsDetails) }}
                    </div>
                </div>
            {% endif %}

            <div class="row">
                {% if form.totalPayment is defined %}
                    <div class="col-md-4">{{ form_row(form.totalPayment) }}</div>
                {% endif %}
                {% if form.cardCommission is defined %}
                    <div class="col-md-4">{{ form_row(form.cardCommission) }}</div>
                {% endif %}
            </div>

            <div class="row">
                <div class="col-md-4">{{ form_row(form.date)}}</div>
                {% if form.currencyChange is defined %}
                    <div class="col-md-4">{{ form_row(form.currencyChange) }}</div>
                {% endif %}
                {% if form.foreignAmount is defined %}
                    <div class="col-md-4">{{ form_row(form.foreignAmount) }}</div>
                {% endif %}
                <div class="col-md-4">{{ form_row(form.amount)}}</div>
            </div>

            <div class="row">
                {% if form.paymentType is defined %}
                    <div class="col-md-4">{{ form_row(form.paymentType) }}</div>
                {% endif %}
                {% if form.providerBankAccount is defined %}
                    <div class="col-md-8">{{ form_row(form.providerBankAccount) }}</div>
                {% endif %}
                {% if form.paymentForm is defined %}
                    <div class="col-md-8">{{ form_row(form.paymentForm) }}</div>
                {% endif %}
                {% if form.reservation is defined %}
                    <div class="col-md-8">{{ form_row(form.reservation) }}</div>
                {% endif %}
                {% if form.providerCreditAccount is defined %}
                    <div class="col-md-8">{{ form_row(form.providerCreditAccount) }}</div>
                {% endif %}
                {% if form.receipt is defined %}
                    <div class="col-md-4">{{ form_row(form.receipt) }}</div>
                {% endif %}

                {% if form.service is defined %}
                    <div class="col-md-1" >
                        {{ form_row(form.service) }}
                    </div>
                {% endif %}
            </div>
            <div class="row">
                {% if form.canceledService is defined %}
                    <div class="col-md-6">{{ form_row(form.canceledService) }}</div>
                {% endif %}
                {% if form.canceledServicePayment is defined %}
                    <div class="col-md-6">{{ form_row(form.canceledServicePayment) }}</div>
                {% endif %}
            </div>
            <div class="row">
                <div class="col-md-12">
                    {{ form_row(form.comment) }}
                </div>
                {% if form.voucher is defined %}
                    <div class="col-md-4">{{ form_row(form.voucher) }}</div>
                {% endif %}
            </div>

            <div class="row">
                <button type="submit" class="btn btn-primary">Registrar {{ "pago"|trans }}<div class="ripple-container"></div></button>
            </div>

        </div>

        {{ form_end(form) }}


    {% endblock %}