{% extends 'base.html.twig' %}
{% block additionalstylesheets %}
    <link rel="stylesheet" href="{{ asset('css/actionsnumber.css') }}">
{% endblock %}
{% block title %}{{ 'Show plan'|trans  }}{% endblock %}

{% block body %}
    {% set npartneractions = 0 %}
    {% set nmandatoryactions = 0 %}
    {% set navailableactions = 0 %}
<ul class="nav nav-tabs nav-justified md-tabs" id="myTabJust" role="tablist">
    <li class="nav-item">
    <a class="nav-link active" id="home-tab-just" data-toggle="tab" href="#home-just" role="tab" aria-controls="home-just"
        aria-selected="true">{{ 'Information'|trans }}</a>
    </li>
    <li class="nav-item">
    <a class="nav-link" id="profile-tab-just" data-toggle="tab" href="#plan_times_tab" role="tab" aria-controls="profile-just"
        aria-selected="false">{{ 'Time of actions'|trans }}</a>
    </li>
    <li class="nav-item">
    <a class="nav-link" id="contact-tab-just" data-toggle="tab" href="#contact-just" role="tab" aria-controls="contact-just"
        aria-selected="false">{{ 'Number of actions'|trans }}</a>
    </li>
</ul>
<div class="tab-content card pt-5" id="myTabContentJust">
    <div class="tab-pane fade show active" id="home-just" role="tabpanel" aria-labelledby="home-tab-just">
    <ul class="md_list">
        <li>{{ 'Title'|trans }}: {{ plan.getTitle() }}</li>
        <li>{{ 'Description'|trans }}: {{ plan.getdescription() }}</li>
        <li>{{ 'Status'|trans }}: {{ plan.getFkPlanStatus().getName() }}</li>
        <li>{{ 'Execution year'|trans }}: {{ plan.getExecutionYear() }}</li>
        <li>{{ 'Quarters'|trans }}: {{ plan.getQuartersString("º")|raw }}</li>
        <li>{{ 'Partner contracts'|trans }}: {{ plan.getPartnerContractsListColor()|raw }}</li>
    </ul>

        <form name="plan_status" method="post" action="" style="display:inline-block !important">
            {% if is_granted("ROLE_ADMIN") %}
                {% if plan.fkPlanStatus.code != "execution" %}
                    <button class="btn btn-primary plan_status" data-status="execution" data-plan="{{ plan.getRowid() }}"><i class="fas fa-check"></i> {{ 'Force execution'|trans }}</button>
                {% endif %}
                {% if plan.fkPlanStatus.code != "edition" %}
                    <button class="btn btn-primary plan_status" data-status="edition" data-plan="{{ plan.getRowid() }}"><i class="fas fa-pen"></i> {{ 'Force edition'|trans }}</button>
                {% endif %}
            {% elseif is_granted("ROLE_EUROPE") %}
                {% if plan.fkPlanStatus.code == "edition" %}
                    <button class="btn btn-primary plan_status" data-status="execution" data-plan="{{ plan.getRowid() }}"><i class="fas fa-check"></i> {{ 'Set execution'|trans }}</button>
                {% elseif plan.fkPlanStatus.code == "execution" %}
                    <button class="btn btn-primary plan_status" data-status="edition" data-plan="{{ plan.getRowid() }}"><i class="fas fa-pen"></i> {{ 'Force edition'|trans }}</button>
                {% endif %}
            {% endif %}
        </form>
        <a href="{{ path('show_actions') }}/{{ plan.getRowid() }}" class="btn btn-primary"><i class="far fa-calendar-check"></i>  {{ 'Actions'|trans }}</a>
    </div>
    <div class="tab-pane fade" id="plan_times_tab" role="tabpanel" aria-labelledby="profile-tab-just">
        <div class="row">
            {% set level = '' %}
            {% for plan_action_level_time in plan_actions_levels_time %}

            {% set level_aux = "" %}
            {% if plan_action_level_time.getFkLevel().getCode() != level %}
                    {% set level = plan_action_level_time.getFkLevel().getCode() %}
                    <div class="col-md-4">
                    <h5>{{ plan_action_level_time.getFkLevel().getName() }}</h5>
            {% endif %}
            <ul class="md_list">
                <li>{{ 'Timing from'|trans }}: {{ plan_action_level_time.getTimingFrom().format('j F, Y') }}</li>
                <li>{{ 'Timing to'|trans }}: {{ plan_action_level_time.getTimingTo().format('j F, Y') }}</li>
            </ul>
            {% if level_aux != level %}
                </div>
                {% set level_aux = level %}
            {% endif %}
            {% endfor %}
        </div>
    </div>
    <div class="tab-pane fade" id="contact-just" role="tabpanel" aria-labelledby="contact-tab-just">
            <div class="table-responsive md-form">
        <table id="table_plan_actions" class="table info matrixtable actionsmatrixtable">
            <thead>
                <tr>
                    <th></th>
                {% for department in departments %}
                    <th>{{ department.getName() }}</th>
                {% endfor %}
                </tr>
            </thead>
            <tbody>
        {% for level in levels %}
                {% set lastlevel = loop.last %}
            <tr data-level={{ level.getRowid() }}>
                <th>
                    {{ level.getName() }}
                </th>
            {% for department in departments %}
                <td>
                    <div class="contcell">
                        {% set nmandatory = (plan_action_arr[level.getRowid()][department.getRowid()] is defined)?plan_action_arr[level.getRowid()][department.getRowid()]["mandatory"]:0 %}
                        {% set nadditionals = (plan_action_arr[level.getRowid()][department.getRowid()] is defined)? plan_action_arr[level.getRowid()][department.getRowid()]["addons"] : 0 %}
                        {% set nmin = (plan_action_arr[level.getRowid()][department.getRowid()] is defined  and plan_action_arr[level.getRowid()][department.getRowid()]["min"] is not null)? plan_action_arr[level.getRowid()][department.getRowid()]["min"] : 0 %}
                        {% set nmax = (plan_action_arr[level.getRowid()][department.getRowid()] is defined  and plan_action_arr[level.getRowid()][department.getRowid()]["max"] is not null)? plan_action_arr[level.getRowid()][department.getRowid()]["max"] : 0 %}
   
                        <div class="cont mandatory">
                            <div class="form-control" 
                                data-toggle="popover" 
                                title="{{ (lastlevel ?'Min number of actions to be selected':'Mandatory actions')|trans }}" 
                                data-content="{{ (lastlevel ? 'Min number of actions to be selected' : 'Number of mandatory actions')|trans }}" 
                                data-trigger="hover">{{ lastlevel ? nmin : nmandatory }}</div>
                        </div>
                        <hr class="viewmode"/>
                        <div class="cont addons">
                            <div class="form-control" 
                                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' : 'Number of additional actions')|trans }}" 
                                data-trigger="hover">{{ lastlevel ? nmax : nadditionals }}</div>
                        </div>
                        {% set npartneractions = npartneractions + (lastlevel ? nmin : 0) %}
                        {% set nmandatoryactions = nmandatoryactions + (lastlevel ? 0 : nmandatory) %}
                        {% set navailableactions = navailableactions + (lastlevel ? 0 : nadditionals) %}
                    </div>
                </td>
            {% endfor %}
                <th></th>
            </tr>
        {% 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 <strong id="npartneractions" class="h4">{{ npartneractions }}</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></div>
                <div class="col-xl-2"></div>
              </div></div>
    </div>
</div>


{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script src="{{ asset('js/plan/show.js') }}"></script>
{% endblock %}