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

    {% if edit_form is defined %}
        {% form_theme edit_form
            'backend/form/salesCommission.twig' 'backend/form/salesCommissionPayment.twig'
            'backend/form/weeklyBonusCommission.twig'
            'backend/form/monthlyBonusCommission.twig'
            'backend/form/publicRelationshipCommission.twig' 'backend/form/publicRelationshipCommissionPayment.twig'

        %}
    {% endif %}

    {% block title %}
        {{'Comisiones por '}} {{ commissionType is defined ? commissionType: '' }}
    {% endblock %}


    {% block subtitle %}
        <a class="loadaction"  data-method="GET" data-response-type="html" data-replace-container="#commission-detector"  data-url="{{ path('commission_choice_type',{id: entity.id}) }}"><i class="fa fa-arrow-left"> </i> Regresar a selección de comisión</a>
    {% endblock %}

    {% block body %}
        {% if error is defined %}
            <div class="alert alert-danger">
                {{ error }}
            </div>
        {% else %}

            {% if noValidatedConcessionairePayment|length > 0 %}
                <div class="alert alert-warning">
                    {{ "Existen "~noValidatedConcessionairePayment|length~" pagos de concessionarios no validados en este periodo para los cuales no se generaron comisiones."  }}
                </div>
            {% endif %}
            {{ form_start(edit_form, {'attr':{'data-remote':'true', 'data-method':'POST', 'data-url':edit_form.vars.action, 'data-redirect':path('traveler_dashboard')~'#'~path('paymentperiod_index') }}) }}
            <div id="App_sales_paymentperiod">

                <div class="row">
                    <div class="col-md-3">{{ form_row(edit_form.concessionaire) }}</div>
                    <div class="col-md-3">{{ form_row(edit_form.dateRange) }}</div>
                    <div class="col-md-3">{{ form_row(edit_form.ivaPercentage) }}</div>
                    <div class="col-md-3">{{ form_row(edit_form.paymentDate) }}</div>
                </div>


                {% if edit_form.participatingUsers is defined %}
                    <div class="row">
                        <div class="col-md-12 hidden">
                            {{ form_row(edit_form.participatingUsers) }}
                        </div>
                        <div class="col-md-12">
                            {% embed 'Common/baseAdminPannel.html.twig' %}
                                {% block title %}
                                    {{ "Participating users"|trans }}
                                {% endblock %}
                                {% block subtitle %}
                                    <div class="right-arrow pull-right" data-toggle="collapse" href="#payment-period-participating-users">
                                        <i class="btn btn-xs btn-round btn-info fa fa-plus" style="margin: 0px"></i>
                                    </div>
                                {% endblock %}
                                {% block body %}
                                    <div class="reload-container collapse" id="payment-period-participating-users" data-reload-url="{{ path('paymentperiod_render_participating_users', { id:entity.id }) }}">
                                        {% include 'backend/sales/paymentPeriod/participatingUsers.html.twig' with { paymentPeriod: entity }  %}
                                    </div>
                                {% endblock %}
                            {% endembed %}
                        </div>
                    </div>
                {% endif %}


                {% if edit_form.salesCommissions is defined %}
                    <div class="row" {% if reloaded != null %} data-reloaded="{{ reloaded }}" {% endif %}>
                        <div class="col-md-12">
                            {{ form_row(edit_form.salesCommissions ) }}
                        </div>
                    </div>
                {% endif %}

                {% if edit_form.weeklyBonusCommissions is defined %}
                    <div class="row">
                        <div class="col-md-12">
                            {{ form_row(edit_form.weeklyBonusCommissions) }}
                        </div>
                    </div>
                {% endif %}

                {% if edit_form.monthlyBonusCommissions is defined %}
                    <div class="row">
                        <div class="col-md-12">
                            {{ form_row(edit_form.monthlyBonusCommissions) }}
                        </div>
                    </div>
                {% endif %}

                {% if edit_form.publicRelationshipCommissions is defined %}
                    <div class="row" {% if reloaded != null %} data-reloaded="{{ reloaded }}" {% endif %}>
                        <div class="col-md-12">
                            {{ form_row(edit_form.publicRelationshipCommissions) }}
                        </div>
                    </div>
                {% endif %}

                <div class="row">
                    <div class="col-md-2">
                        <button type="submit" class="btn btn-primary">{{'Gurdar'|trans}} {{"período"}}<div class="ripple-container"></div></button>
                    </div>
                    <div class="col-md-2">
                        {% if edit_form.weeklyBonusCommissions is defined %}
                            <a class="loadaction" data-url="{{ path('paymentperiod_remove_bonus', {id: paymentPeriod.id, bonusType: "weeklyBonus"}) }}" data-method="GET" data-response-type="json", data-callbacks="clickElement">
                                <button type="button" class="btn btn-danger">{{'Eliminar'|trans}} {{"bonos"}}<div class="ripple-container"></div></button>
                            </a>
                        {% endif %}
                    </div>
                    <div class="col-md-2">
                        {% if edit_form.monthlyBonusCommissions is defined %}
                            <a class="loadaction" data-url="{{ path('paymentperiod_remove_bonus', {id: paymentPeriod.id, bonusType: "monthlyBonus"}) }}" data-method="GET" data-response-type="json", data-callbacks="clickElement">
                                <button type="button" class="btn btn-danger">{{'Eliminar'|trans}} {{"bonos"}}<div class="ripple-container"></div></button>
                            </a>
                        {% endif %}
                    </div>

                </div>
            </div>
            {{ form_end(edit_form) }}
        {% endif %}
    {% endblock %}