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

    {% block title %}
        {{ "Área de comisiones" }}
    {% endblock %}

    {% block id %}commission-detector{% endblock %}
    {% block body %}
        <div class="row">
            <div class="col-md-12">
                {% if paymentPeriod.concessionaire.commissionConfiguration %}
                    {% set commissionConfiguration = paymentPeriod.concessionaire.commissionConfiguration %}
                    <div class="nav-center">
                        <ul class="nav nav-pills nav-pills-warning nav-pills-icons" role="tablist">
                            <li>
                                <a class="loadaction spin-container" data-url="{{ path('paymentperiod_sales_commissions', {id: paymentPeriod.id }) }}" data-method="GET" data-response-type="html" data-replace-container="#commission-detector"  role="tab" data-toggle="tab" >
                                    {#<i class="material-icons">security</i> {{ "Dpto. de Ventas" |trans }}#}
                                    <i class="fa fa-money"></i>{{ "Por pagos iniciales" |trans }}
                                </a>
                            </li>
                            {% if commissionConfiguration.hasWeeklyBonus or paymentPeriod.weeklyBonusCommissions|length %}
                                <li>
                                    <a class="loadaction spin-container" data-url="{{ path('paymentperiod_weekly_bonus', {id: paymentPeriod.id }) }}" data-method="GET" data-response-type="html" data-replace-container="#commission-detector"  role="tab" data-toggle="tab" >
                                        <i class="fa fa-calendar-o"></i>{{ "Bono semanal" |trans }}
                                    </a>
                                </li>
                            {% endif %}

                            <li>
                                {% if (paymentPeriod.payMonthlyCommissions and commissionConfiguration.hasMonthlyBonus) or paymentPeriod.monthlyBonusCommissions|length %}
                                    <a class="loadaction spin-container" data-url="{{ path('paymentperiod_monthly_bonus', {id: paymentPeriod.id }) }}" data-method="GET" data-response-type="html" data-replace-container="#commission-detector"  role="tab" data-toggle="tab" >
                                        <i class="fa fa-calendar-check-o"></i>{{ "Bono mensual" }}<br>
                                        "{{ paymentPeriod.startDate|localizeddate('long', 'none', 'es', null , 'MMMM') }}"
                                    </a>
                                {% else %}
                                    <a style="color: lightgrey;">
                                        <i class="fa fa-calendar-check-o"></i>{{ "Bono mensual" }}<br>
                                        "{{ paymentPeriod.startDate|localizeddate('long', 'none', 'es', null , 'MMMM') }}"
                                    </a>
                                {% endif %}
                            </li>


                            <li>
                                {% if paymentPeriod.opcProductivityReports|length > 0 %}
                                    <a class="loadaction spin-container" data-url="{{ path('paymentperiod_public_relationship_bonus', {id: paymentPeriod.id }) }}" data-method="GET" data-response-type="html" data-replace-container="#commission-detector"  role="tab" data-toggle="tab" >
                                        <i class="fa fa-users"></i>{{ "Relaciones públicas" }}<br>
                                    </a>
                                {% else %}
                                    <a style="color: lightgrey;" >
                                        <i class="fa fa-users"></i>{{ "Relaciones públicas" }}<br>
                                    </a>
                                {% endif %}
                            </li>


                            <li>
                                {% if paymentPeriod.canGenerateFinalReport %}
                                    <a class="loadaction spin-container" data-url="{{ path('paymentperiod_report', {id: paymentPeriod.id }) }}" data-method="GET" data-response-type="html" data-replace-container="#commission-detector"  role="tab" data-toggle="tab" >
                                        <i class="fa fa-file-pdf-o"></i>{{ "Reporte final" }}<br>
                                    </a>
                                {% else %}
                                    <a style="color: lightgrey;" >
                                        <i class="fa fa-file-pdf-o"></i>{{ "Reporte final" }}<br>
                                    </a>
                                {% endif %}
                            </li>

                        </ul>
                    </div>
                {% else %}
                    <div class="alert alert-danger">{{ 'No se ha definido la configuración de comisiones del concesionario ' }}{{ paymentPeriod.concessionaire.searchLabel }}{{ '.' }}</div>
                {% endif %}
            </div>
        </div>

    {% endblock %}