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

{% if form is defined %}
    {% form_theme form 'backend/form/salesCommission.twig'  'backend/form/salesCommissionPayment.twig' %}
{% endif %}

    {% block title %}
        {{'New'|trans}} {{ 'período de pago de comisiones' }}
    {% endblock %}

    {% block body %}
        {% if error is defined %}
            <div class="alert alert-danger">
                {{ error }}
            </div>
        {% else %}
            {{ form_start(form, {'attr':{'data-remote':'true', 'data-method':'POST', 'data-url':form.vars.action,'data-redirect':path('traveler_dashboard')~'#'~path('paymentperiod_index')  }}) }}
            <div id="App_sales_paymentperiod">
                {% if noValidatedConcessionairePayment|length > 0 %}
                    <div class="alert alert-warning">
                        {{ "Existen "~noValidatedConcessionairePayment|length~" pagos de concessionarios no validados en este período para los cuales no se generarán comisiones."  }}
                    </div>
                {% endif %}
                <div class="row">
                    <div class="col-md-3">{{ form_row(form.concessionaire) }}</div>
                    <div class="col-md-3">{{ form_row(form.dateRange) }}</div>
                    <div class="col-md-3">{{ form_row(form.paymentDate) }}</div>
                    <div class="col-md-3">{{ form_row(form.ivaPercentage) }}</div>
                </div>
                {% if form.participatingUsers is defined %}
                    <div class="row">
                        <div class="col-md-12">{{ form_row(form.participatingUsers) }}</div>
                    </div>
                {% endif %}

                <button type="submit" class="btn btn-primary">{{'Gurdar'|trans}} {{"período"}}<div class="ripple-container"></div></button>
            </div>
            {{ form_end(form) }}
        {% endif %}
    {% endblock %}