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

{% block title %}{{ 'All plans'|trans  }}{% endblock %}

{% block breadcrumb_buttons %}
    {% if is_granted("ROLE_EUROPE") and is_granted("ROLE_CREATE") %}
        <div class="breadcrumb_button" style="display:none">
            <a href="{{ path("new_plan") }}" class="waves-effect"><i class="fas fa-plus"></i></a>
        </div>
    {% endif %}
{% endblock %}

{% block extra_breadcrumb_buttons %}
    <div class="breadcrumb_button" style="display:none">
        <a href="#!" class="waves-effect custom_print_button"><i class="fas fa-print"></i></a>
    </div>
{% endblock %}

{% block body_content %}

<div class="container-fluid uniqueprintbutton">

    <table id="table_plans" class="display table-hover datatable clickable" style="width:100%" data-datatable-ajax="{{ datatable_ajax }}" data-ajax-path="{{ path("get_plans_datatable") }}">
        <thead>
            <tr>
                <th></th>
                <th>{{ 'Title'|trans }}</th>
                <th>{{ 'Description'|trans }}</th>
                <th>{{ 'Execution year'|trans }}</th>
                <th>{{ 'Quarter'|trans }}</th>
                <th>{{ 'Departments'|trans }}</th>
                <th>{{ 'Partner contracts'|trans }}</th>
                <th>{{ 'Status'|trans }}</th>
                <th class="d-print-none">{{ 'Options'|trans }}</th>
            </tr>
        </thead>
        <tbody>
    {% for plan in plans %}
        <tr data-element={{ plan.getRowid() }} data-path="{{ path('show_plan', {rowid:plan.rowid}) }}">
            <td>{{ plan.rowid }}</td>
            <td>{{ plan.title }}</td>
            <td>{{ plan.description }}</td>
            <td>{{ plan.executionYear }}</td>
            <td>{{ plan.getQuartersString() }}</td>
            <td>{{ plan.departments|decorate('<span class="label department" style="background:#{color}">{name}</span>')|raw }}</td>
            <td>{{ plan.getPartnerContractsListColor|raw }}</td>
            <td>{{ plan.fkplanstatus.name }}</td>
            <td class="options" data-element="{{ plan.rowid}}">
                <div class="dropdown">
                     <a type="button" class="btn-floating btn-sm options" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <span class="options">
                        <i class="fas fa-ellipsis-h"></i>
                        </span>
                    </a>
                    <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                        {% if is_granted("ROLE_EUROPE") and is_granted("ROLE_UPDATE") %}
                            <a class="dropdown-item edit" href="{{ path('edit_plan', {'rowid': plan.rowid()}) }}">{{ 'Edit'|trans }} <i class="fas fa-edit"></i></a>
                        {% endif %}
                        {% if is_granted("ROLE_EUROPE") and is_granted("ROLE_DELETE") %}
                            <button class="dropdown-item delete" href="#" data-path="{{path("delete_plan", {rowid:plan.rowid})}}">{{ 'Delete'|trans }} <i class="fas fa-trash-alt"></i></button>
                        {% endif %}
                        {% if is_granted("ROLE_EUROPE") %}
                            <a class="dropdown-item edit" href="{{ path('edit_actions_levels_time', {'plan_rowid': plan.rowid()})}}">{{ 'Actions time'|trans }} <i class="fas fa-clock"></i></a>
                        {% endif %}
                        {% if is_granted("ROLE_EUROPE") %}
                            <a class="dropdown-item edit" href="{{ path('edit_plan_actions_number', {plan_rowid:plan.rowid})}}">{{ 'Actions number'|trans }} <i class="fas fa-sort-numeric-up"></i></a>
                        {% endif %}
                        {% if is_granted("ROLE_EUROPE") %}
                            <div class="dropdown-divider"></div>
                        {%endif%}
                        {% if is_granted("ROLE_CREATE") %}
                            {% if privileges.canAction({"user" : app.user, "plan" : plan, "role":"ROLE_CREATE"}) %}
                                <a class="dropdown-item edit " href="{{ path('new_action_plan', {'plan_rowid': plan.rowid()}) }}">{{ 'New action'|trans }} <i class="fas fa-plus"></i></a>
                            {% else %}
                                <span class="dropdown-item edit disabled_popover" data-toggle="popover" title="{{ 'Not allowed'|trans }}" data-content="{{ 'The maximum number of actions has been reached'|trans }}" data-trigger="hover" >{{ 'New action'|trans }} <i class="fas fa-plus"></i></span>
                            {% endif %}
                        {% endif %}
                        
                        {% if is_granted("ROLE_READ") %}
                            <a class="dropdown-item edit" href="{{ path('show_actions_plan', {plan_rowid:plan.rowid})}}">{{ 'Actions'|trans }} <i class="far fa-calendar-check"></i></a>
                        {% endif %}
                    </div>
                </div>
            </td>
        </tr>
    {% endfor %}
        </tbody>
    </table>
</div>

{% endblock %}