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

{#{% if form is defined %}#}
{#    {% form_theme form 'backend/form/paymentDetail.twig' %}#}
{#{% endif %}#}

    {% block title %}
        Registrar pago
    {% endblock %}

    {% block body %}
            <div class="row">
                <div class="{% if totalPurseAmount['purse'] is defined and totalPurseAmount['purse'] > 0 %} col-md-7 {% else %} col-md- {% endif %} alert alert-info">
                    {{ 'Faltan por registrar:'}}<br>
                    {% for service in entity.reservation.approvedQuotation.services %}
                        {% if service.packageService is null  and service.isCanceled == false %}
                        {% if  service.tariff.getNoRegisteredClientPaymentsAmounts|amounts != 0 %}
                            <strong>{{ 'ID: '~service.id~' - '~service.getType|trans|capitalize ~'-'~ service.startDate|date('d-m-Y')~'-'~service.provider.commercialName }}:</strong>
                            {{ service.tariff.getNoRegisteredClientPaymentsAmounts|amounts }} {{ ' (Vence el: '~ service.tariff.paymentDate|date('d-m-Y')~')'}}<br>
                        {%  endif %}
                    {% endif %}
                    {% endfor %}
                </div>

                {% if totalPurseAmount['purse'] is defined and totalPurseAmount['purse'] > 0 %}
                    <div class="col-md-5">
                        <div class="card card-stats">
                            <div class="card-header" data-background-color="green">
                                <i class="material-icons">attach_money</i>
                            </div>
                            <div class="card-content">
                                <p class="category">Monedero: <strong class="card-title">{{ totalPurseAmount['purse']|price }}</strong></p>
                                <br>
                                <p class="category">Del corte anual: <strong class="card-title">{{ totalPurseAmount['annualCut']|price }}</strong></p>

                            </div>
                        </div>
                    </div>
                {% endif %}
            </div>

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

            {% if form.paymentsDetails is defined %}
                <div class="row" id="App_payment_payment_details">
                        {{ form_row(form.paymentsDetails) }}
                </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.receipt is defined %}
                    <div class="col-md-4">{{ form_row(form.receipt) }}</div>
                {% endif %}

                {% if form.service is defined %}
                    <div class="col-md-12" >
                        {{ form_row(form.service) }}
                    </div>
                {% endif %}
            </div>
            <div class="row">
                <div class="col-md-8">
                    {{ 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 %}