{% extends 'base.html.twig' %}
{% block additionalstylesheets %}
    <link rel="stylesheet" href="{{ asset('css/actionsnumber.css') }}">
{% endblock %}
{% block title %}{{ 'Edit number of actions number'|trans }}{% endblock %}
{% block body %}
    {% set nminpartneractions = 0 %}
    {% set nmaxpartneractions = 0 %}
    {% set nmandatoryactions = 0 %}
    {% set navailableactions = 0 %}
    {% set last_department = 0 %}
    {% set npartnerownactions = 0 %}
    {% set lastlevelid = 0 %}
    {% include 'plan/edit_tab_list.html.twig' with {'plan': plan_rowid, 'section': 'actions_number'} %}
    <div class="tab-content card pt-5">
        <div class="tab-pane fade show active">
            <form method="POST" action="{{ path( "update_plan_actions_number", {"plan_rowid": plan_rowid} ) }}" class="md-form mt-0">
                <div class="table-responsive md-form my-0">
                    <table id="table_plan_actions" class="table matrixtable actionsmatrixtable">
                        <thead>
                            <tr>
                                <th></th>
                                {% for department in departments %}
                                    <th>{{ department.name }}</th>
                                {% endfor %} 
                                <th colspan="2"></th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for level in levels %}
                            {% set firstlevel = loop.first %}
                            {% set lastlevel = loop.last %}
                            {% if lastlevel %}
                                <tr>
                                    <th></th>
                                    <td colspan="{{departments|length}}" class="horizontal-separator"><div></div></td>
                                    <th colspan="2"></th>
                                </tr>
                            {% endif %}
                            <tr data-level={{ level.rowid }}>
                                <th>
                                    <h5 class="mb-0 font-weight-bold text-uppercase">{{ level.name }}</h5>
                                </th>
                                {% for department in departments %}
                                {% set last_department = department.rowid %}
                                <td>
                                    <div class="contcell">
                                        {% set nmandatory = (plan_action_arr[level.rowid][department.rowid] is defined)?plan_action_arr[level.rowid][department.rowid]["mandatory"]:0 %}
                                        {% set nadditionals = (plan_action_arr[level.rowid][department.rowid] is defined)? plan_action_arr[level.rowid][department.rowid]["addons"] : 0 %}
                                        {% set nmin = (plan_action_arr[level.rowid][department.rowid] is defined)? plan_action_arr[level.rowid][department.rowid]["min"] : 0 %}
                                        {% set nmax = (plan_action_arr[level.rowid][department.rowid] is defined)? plan_action_arr[level.rowid][department.rowid]["max"] : 0 %}
                                        <div class="cont {{ lastlevel ? "minimum" : "mandatory" }}">
                                            <input type="number" 
                                                    name="actions_number[{{ level.rowid }}][{{ department.rowid }}][{{(lastlevel)?"min":"mandatory"}}]" 
                                                    id="l_{{ level.rowid }}_d{{ department.rowid }}_{{(lastlevel)?"min":"mandatory"}}" 
                                                    class="form-control actionquantifier" 
                                                    min="0" 
                                                    max="99"
                                                    value="{{ lastlevel ? nmin : nmandatory }}" 
                                                    data-toggle="popover" 
                                                    title="{{ (lastlevel ?'Min number of actions to be selected':'Mandatory actions')|trans }}" 
                                                    data-content="{{ (lastlevel ? 'Set the min number of actions to be selected' : 'Set the mandatory actions number')|trans }}" 
                                                    data-trigger="hover" 
                                                    data-level="{{ level.rowid }}" 
                                                    data-level-code="{{ level.code }}" 
                                                    data-department="{{ department.rowid }}" 
                                                    data-lastlevel="{{ lastlevel ? 1 : 0 }}" 
                                                    data-mandatory="1">
                                            <label for="l_{{ level.rowid }}_d{{ department.rowid }}_{{(lastlevel)?"min":"mandatory"}}"></label>
                                            {% if lastlevel %}<span class="text-uppercase">{{ "MIN"|trans }}</span>{% endif %}
                                        </div>
                                        {% if not lastlevel %}<hr/>{% endif %}
                                        <div class="cont {{ lastlevel ? "maximum" : "addons" }}">
                                            <input type="number" 
                                                    name="actions_number[{{ level.rowid }}][{{ department.rowid }}][{{(lastlevel)?"max":"addons"}}]" 
                                                    id="l_{{ level.rowid }}_d{{ department.rowid }}_{{(lastlevel)?"max":"addons"}}" 
                                                    class="form-control actionquantifier" 
                                                    min="0" 
                                                    max="99" 
                                                    value="{{ lastlevel ? nmax : nadditionals }}" 
                                                    data-toggle="popover" 
                                                    title="{{ (lastlevel ? 'Max number of actions to be selected' : 'Additional actions')|trans }}" 
                                                    data-content="{{ (lastlevel ? 'Set the max number of actions to be selected' : 'Set the additional actions number')|trans }}" 
                                                    data-trigger="hover" 
                                                    data-level="{{ level.rowid }}" 
                                                    data-level-code="{{ level.code }}" 
                                                    data-department="{{ department.rowid }}"  
                                                    data-lastlevel="{{ lastlevel ? 1 : 0 }}" 
                                                    data-mandatory="0">
                                            <label for="l_{{ level.rowid }}_d{{ department.rowid }}_{{(lastlevel)?"max":"addons"}}"></label>
                                            {% if lastlevel %}<span class="text-uppercase">{{ "MAX"|trans }}</span>{% endif %}
                                        </div>
                                        {% set nminpartneractions = nminpartneractions + (lastlevel ? nmin : 0) %}
                                        {% set nmaxpartneractions = nmaxpartneractions + (lastlevel ? nmax : 0) %}
                                        {% set nmandatoryactions = nmandatoryactions + (lastlevel ? 0 : nmandatory) %}
                                        {% set navailableactions = navailableactions + (lastlevel ? 0 : nadditionals) %}
                                        
                                    </div>
                                </td>
                                {% endfor %}
                                {% if (firstlevel) and (not lastlevel) %}
                                <th class="py-0 vertical-separator" rowspan="{{ loop.length - 1 }}" style=""><div></div></th>
                                <th class="text-left text-uppercase" rowspan="{{ loop.length - 1 }}"><h6>{{'plans.actions_definition'|trans}}</h6></th>
                                {% elseif (lastlevel) %}
                                <th class="py-0 vertical-separator" rowspan="3" style=""><div></div></th>
                                <th class="text-left text-uppercase" rowspan="3"><h6>{{'plans.actions_selection'|trans}}</h6></th>
                                {% endif %}
                                
                            </tr>
                            {% if lastlevel %}
                                {% set lastlevelid = level.rowid %}
                                {% set npartnerownactions = (plan_action_arr[lastlevelid][last_department] is defined)? plan_action_arr[lastlevelid][last_department]["partner_own_actions"] : 0 %}
                                <tr>
                                    <th></th>
                                    <td class="py-0 font-weight-bold text-uppercase innertitle" colspan="{{departments|length}}">{{'plans.partners_own_actions'|trans}}</td>
                                </tr>
                                <tr>
                                    <th></th>
                                    <td colspan="{{departments|length}}">
                                        <div class="contcell">
                                            <div class="cont own">
                                                <input type="number" name="actions_number_partner_own_actions" id="actions_number_partner_own_actions" class="form-control actionquantifier" min="0" max="{{nmaxpartneractions - nmandatoryactions}}" value="{{npartnerownactions}}" data-toggle="popover" title="{{'partners_own_actions'|trans}}" data-content="{{'partners_own_actions_any_department'|trans}}" data-trigger="hover" data-mandatory="1" style="width:100%">
                                                <label for="actions_number_partner_own_actions"></label>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            {% endif %}
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
                <div class="container"><div class="row text-center">
                    <div class="col-xl-2"></div>
                    <div class="col-xl-12">
                        <h3>SUMMARY</h3>
                        Each partner must select between <strong id="nminpartneractions" class="h4">{{ nminpartneractions }}</strong> and <strong id="nmaxpartneractions" class="h4">{{ nmaxpartneractions }}</strong>  actions<br>
                        <strong  id="nmandatoryactions" class="h4">{{ nmandatoryactions }}</strong> of these actions are mandatory<br>
                        There are <strong id="navailableactions" class="h4">{{ navailableactions }}</strong> actions available to be selected<br>
                        Each partner must create at least <strong  id="npartnerownactions" class="h4">{{max(nminpartneractions - nmandatoryactions - navailableactions, npartnerownactions)}}</strong> action(s)</div>
                    <div class="col-xl-2"></div>
                  </div></div>
                <div class="md-form">
                    <button type="submit" class="btn btn-outline-info btn-rounded btn-block z-depth-0 my-4 waves-effect">{{ 'Save'|trans }}</button>
                </div>
            </form>
        </div>
    </div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('js/plan/editActionsNumber.js') }}"></script>
{% endblock %}