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

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

    {% block title %}
        {{'Nueva'|trans}} {{ entityName|trans }}
    {% 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}}) }}
            <div id="App_sales_commissionconfiguration">
                <div class="row">
                    <div class="col-md-10">{{ form_row(form.concessionarie) }}</div>
                    <div class="col-md-2"><br>{{ form_row(form.active) }}</div>
                </div>
                <div class="row">
                    <div class="col-md-12">{{ form_row(form.percentageRanges) }}</div>
                    <div class="col-md-12"><b>{{ '*' }}</b>{{ 'Los rangos hacen referencia a los porcientos de comisión que paga el concesionario (por concepto de venta de contrato) en dependencia del porcentaje del pago inicial' }}</div>
                </div>

                <div class="card">
                    <div class="card-header" data-background-color="purple">
                        <div class="row">
                            <div class="col-md-12">
                                <h4 class="title">{{ "Configuración de venta procesable" }}</h4>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="row">
                            <div class="col-md-5">
                                {{ form_row(form.processablePercentage) }}
                                <b>{{ '*' }} </b>{{ 'Porcentaje sobre el monto comisionable' }}
                            </div>
                            <div class="col-md-1">
                                <br>
                                <b><i class="fa fa-plus"></i></b>
                            </div>
                            <div class="col-md-6">
                                {{ form_row(form.additionalProcessableAmount) }}
                                <b>{{ '*' }} </b>{{ 'Monto fijo adicional al porcentaje' }}
                            </div>
                        </div>
                    </div>
                </div>

                <div class="card">
                    <div class="card-header" data-background-color="purple">
                        <div class="row">
                            <div class="col-md-12">
                                <h4 class="title">{{ "Porcentajes de comisiones por venta procesable por rol" }}</h4>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="row">
                            <div class="col-md-6">
                                {{ form_row(form.linerCloserPercentages) }}
                                <b>{{ '*' }} </b>{{ '2 porcentajes separados por dos puntos (' }} <b style="color: red;">{{ ':' }}</b> {{ '). Ejemp. "5' }}<b style="color: red;">{{ ':' }}</b>{{ '5"' }}
                            </div>
                            <div class="col-md-6">
                                {{ form_row(form.linerCloserCloserSupportPercentages) }}
                                <b>{{ '*' }} </b>{{ '3 porcentajes separados por dos puntos (' }} <b style="color: red;">{{ ':' }}</b> {{ '). Ejemp. "5' }}<b style="color: red;">{{ ':' }}</b>{{ '4.5' }}<b style="color: red;">{{ ':' }}</b>{{ '5"' }}
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-md-4">{{ form_row(form.salesManagerPercentage) }}</div>
                            <div class="col-md-4">{{ form_row(form.telemarketingManagerPercentage) }}</div>
                            <div class="col-md-4">{{ form_row(form.publicRelationshipPercentage) }}</div>
                        </div>
                    </div>
                </div>

                <div class="card">
                    <div class="card-header" data-background-color="purple">
                        <div class="row">
                            <div class="col-md-12">
                                <h4 class="title">{{ "Configuración para bonos por ventas acumuladas" }}</h4>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="row">
                            <div class="col-md-6">{{ form_row(form.hasWeeklyBonus) }}</div>
                            <div class="col-md-6">{{ form_row(form.hasMonthlyBonus) }}</div>
                        </div>
                        <div class="row">
                            {% if form.weeklyBonusGoal is defined %}
                                <div class="col-md-3">{{ form_row(form.weeklyBonusGoal) }}</div>
                                <div class="col-md-3">{{ form_row(form.weeklyBonusCommission) }}</div>
                            {% else %}
                                <div class="col-md-6"></div>
                            {% endif %}
                            {% if form.monthlyBonusGoal is defined %}
                                <div class="col-md-3">{{ form_row(form.monthlyBonusGoal) }}</div>
                                <div class="col-md-3">{{ form_row(form.monthlyBonusCommission) }}</div>
                            {% endif %}
                        </div>
                    </div>
                </div>

                <div class="card">
                    <div class="card-header" data-background-color="purple">
                        <div class="row">
                            <div class="col-md-12">
                                <h4 class="title">{{ "Configuración para comisiones de publicistas" }}</h4>
                            </div>
                        </div>
                    </div>
                    <div class="card-content">
                        <div class="row">
                            <div class="col-md-6">{{ form_row(form.managerTotalBallotsGoal) }}</div>
                            <div class="col-md-6">{{ form_row(form.managerTotalBallotsCommission) }}</div>
                        </div>
                    </div>
                </div>

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