{% extends 'base.html.twig' %}

{% block body %}
    {% for flash in app.flashes('award_remunerations_success') %}
        <div class="alert alert-success" role="alert">{{ flash|trans }}</div>
    {% endfor %}
    <div>
        <h3>{{ 'contract.modal.award_remunerations'|trans }}</h3>
    </div>
    <br/>
    <div class="row"></div>
    {% set first_proposal = form.proposalLines.vars.value|first %}
    {% if app.user.profileType.type == 'p' or ( app.user.profileType.type == 'm' and first_proposal.commissions|length > 0 ) %}
        <h5>{{ 'contract.modal.award_remunerations.help'|trans }} :</h5>
        {{ form_start(form, {attr: {'action': path('contract_award_remunerations', {'id': contract.id}), novalidate: 'novalidate', class: 'no_ajax_form_request', id: 'award-remunerations'}}) }}
        {% if form.vars.errors.count > 0 %}
            <div class="alert alert-danger" role="alert">
                <span class="fa fa-exclamation-circle"></span> {{ 'contract.remunerations.commissions.error_message'|trans }}
            </div>
        {% endif %}
        {% set form_errors = commissionsErrors(form.vars.errors) %}

        <div class="contract-commissions-wrapper col-md-12">
            {% for proposalLine in form.proposalLines %}
                {#            {% do proposalLine.attachement.setRendered %}#}
                {#            {% do proposalLine.amount.setRendered %}#}
                {#            {% do proposalLine.dueDate.setRendered %}#}
                <div class="hidden">
                    {{ form_widget(proposalLine.attachement) }}
                    {{ form_widget(proposalLine.amount) }}
                    {{ form_widget(proposalLine.dueDate) }}
                    {{ form_widget(proposalLine.relatedExtraOption) }}
                    {{ form_widget(proposalLine.rejectionReason) }}
                    {{ form_widget(proposalLine.hasResponse) }}
                </div>
                <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active">
                        <a aria-controls="home" role="tab"
                           data-toggle="tab">{{ proposalLine.vars.value.relatedExtraOption }}</a>
                    </li>
                </ul>
                <div class="tab-content" id="name_{{ proposalLine.vars.name }}"
                     class="form-group col-md-12 {% if proposalLine.vars.name in form_errors|keys %}has-error{% endif %}"
                     style="border: 2px solid #0d1318; padding: 5px;">
                    {% if proposalLine.vars.name in form_errors|keys %}
                        <div class="alert alert-danger" role="alert">
                            <ul>
                                {% for error in form_errors[proposalLine.vars.name ] %}
                                    <li><small>{{ error }}</small></li>
                                {% endfor %}
                            </ul>
                        </div>
                    {% endif %}
                    {% if app.user.profileType.type == 'p' %}
                        {{ include('contract/actions/remuneration/_patron_blocks.html.twig') }}
                    {% else %}
                        {{ include('contract/actions/remuneration/_director_blocks.html.twig') }}
                    {% endif %}
                    <div class="row"><br/></div>
                </div>
                <div class="row"><br/></div>
            {% endfor %}
        </div>
        <div class="form-group">
            <button class="btn btn-primary pull-right" type="submit">
                <i class="fa fa-save" aria-hidden="true"></i> {{ 'action.save'|trans }}
            </button>
        </div>
        {{ form_end(form) }}
    {% else %}
        {{ 'contract.remunerations.commissions.waiting_message'|trans }}
    {% endif %}
    <div class="row col-lg-12">
        <blockquote>
            <small>
                <br/>   <i class="fa fa-info-circle" aria-hidden="true"></i> Le total des montants saisis, par PDL/PCE, doit correspondre à la somme reçu.
                <br/> Par exemple, si vous disposez de 500 €, comme montant initial à distribuer, et que vous souhaitez attribuer
                au manager 150 € et au vendeur 200 €.<br/>
                Vous devez saisir respectivement 250 € pour le 1er bénéficaire (vous), 150 € pour le 2ème bénéficaire (manager) et 200 €  pour le 3 ème bénéficaire (vendeur).
                <br/><br/><i class="fa fa-exclamation-triangle" aria-hidden="true"></i> <b>Le total des montants saisies est vérifié lors la validation mais aucun calcul n'est fait automatiquement.</b>
            </small>
        </blockquote>
    </div>
    <div class="row pull-left">
        <a href="{{ path('contract_show', {'id' : contract.id}) }}" class="btn btn-link">
            <h4><i class="fas fa-chevron-left"></i> {{ 'text.go_back'|trans }} {{ 'title.contract_single'|trans|lower }}
            </h4>
        </a>

    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script>
        $(document).on('submit', 'form.no_ajax_form_request', function () {
            //all disabled select are not submited in symfony for
            // read only attribute allow user to chenge it if we use it isntead of disables,
            // so we use disabled but we remove it on submit
            $('input, select').prop('disabled', false);
        });
    </script>
{% endblock %}