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

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

 
{% block breadcrumb_buttons %}
    {% set filter_privileges = {"user": app.user, "role": "ROLE_CREATE"} %}
    {% if plan %}
        {% set filter_privileges = filter_privileges|merge({'plan': plan}) %}
    {% endif %}
    {% if privileges.canAction(filter_privileges) %}
        <div class="breadcrumb_button" style="display:none">
            <a href="{{ path("new_action") }}" 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">

        {% if plan_company_entity and plan_company_entity.validated %}
            <div>{{ 'actions.plan_is_closed'|trans|upper   }}</div>
        {% endif %}
        <div class="selection_plan">
            <div class="row">
                <div class="col-md-12">
                    {% if plan and plans_edition is not empty and plans_edition|length > 1 %}
                    <select id="plan_selection" class="mdb-select md-form">
                        {% for plan_edition in plans_edition %}
                        <option value="{{plan_edition.rowid}}" {% if plan.rowid == plan_edition.rowid %}selected="selected"{%endif%} >{{plan_edition.title}}</option>
                        {% endfor %}
                    </select>
                    <label class="mdb-main-label">{{ 'actions.choose_plans'|trans }}</label>
                    {% elseif plan %}
                    {{ 'actions.plan'|trans }}: {{plan.title}}
                    {% endif %}
                </div>
            </div>
        </div>

    {% if plan_rowid and plan_status and app.user.fkCompanyEntity.fkLevel.rowid < 3 %}
    <div class="row">
        <div class="col-md-2"></div>
        {% for pc in partner_contracts %}
        <div class="col-md-3 text-center">{{pc.getName()}}</div>
        {% endfor %}
    </div>
    <div class="row">
        <div class="col-md-2"></div>
        {% for pc in partner_contracts %}
        <div class="col-md-3 text-center">
            <div class="row">
                <div class="col">
                    <i class="fa fa-lock red-text" aria-hidden="true"></i>
                </div>
                <div class="col">
                    <i class="fal fa-th-list" aria-hidden="true"></i>
                </div>
            </div>
        </div>
        {% endfor %}
    </div>
    {% for dep in departments %}
    <div class="row mb-2">
        <div class="col-md-2 align-self-center text-right">
            {{dep.getName()}}
        </div>
        {% for pc in partner_contracts %}
        <div class="col-md-3 text-center">
            <div class="row">
                <div class="col">
                    <div class="bg-light-gray small-box mb-0 border-top" style="border-width: 4px !important; border-color:#{{dep.color}} !important;">
                        <div class="d-flex justify-content-between">
                            <span class="info align-self-baseline mr-1 p-2"><strong>{{plan_status[dep.rowid][pc.rowid]['m'][0]}}</strong> {{ "n_of_m"|trans }} <strong>{{plan_status[dep.rowid][pc.rowid]['m'][1]}}</strong></span>
                            {% if plan_status[dep.rowid][pc.rowid]['m'][0] < plan_status[dep.rowid][pc.rowid]['m'][1] %}
                                {% set can_validate = 0 %}
                                {% if privileges.canAction({'plan': plan, 'user': app.user, 'role': 'ROLE_CREATE'}) %}
                                    <a href="{{ path('new_action_params', {'plan_rowid': plan_rowid, 'department_rowid':dep.rowid, 'mandatory': 1, 'partner_contract_rowid':pc.rowid}) }}" class="bg-dark-green white-text m-1 px-2 py-1 rounded btn waves-effect waves-light bg-dark-green"><i class="far fa-2x fa-plus"></i></a>
                                {% else %}
                                    <a href="#!" class="white-text m-1 px-2 py-1 rounded btn waves-effect waves-light bg-light-green" style="cursor: not-allowed;" data-toggle="tooltip" title="{{'user_cant_create_actions'|trans}}"><i class="far fa-2x fa-plus"></i></a>
                                {% endif %}
                            {% else %}
                                <a href="#!" class="m-1 p-0 green-text"><i class="far fa-2x fa-check"></i></a>
                            {% endif %}
                        </div>
                    </div>
                </div>
                <div class="col">
                    <div class="bg-light-gray small-box mb-0 border-top" style="border-width: 4px !important; border-color:#{{dep.color}} !important;">
                        <div class="d-flex justify-content-between">
                            <span class="info align-self-baseline mr-1 p-2"><strong>{{plan_status[dep.rowid][pc.rowid]['a'][0]}}</strong> {{ "n_of_m"|trans }} <strong>{{plan_status[dep.rowid][pc.rowid]['a'][1]}}</strong></span>
                            {% if plan_status[dep.getRowid()][pc.getRowid]['a'][0] < plan_status[dep.getRowid()][pc.getRowid]['a'][1] %}
                                {% set can_validate = 0 %}
                                {% if privileges.canAction({'plan': plan, 'user': app.user, 'role': 'ROLE_CREATE'}) %}
                                    <a href="{{ path('new_action_params', {'plan_rowid': plan_rowid, 'department_rowid':dep.getRowid(), 'mandatory': 0, 'partner_contract_rowid':pc.getRowid}) }}" class="bg-dark-green white-text m-1 px-2 py-1 rounded btn waves-effect waves-light"><i class="far fa-2x fa-plus"></i></a>
                                {% else %}
                                    <a href="#!" class="white-text m-1 px-2 py-1 rounded btn waves-effect waves-light bg-light-green" style="cursor: not-allowed;" data-toggle="tooltip" title="{{'user_cant_create_actions'|trans}}"><i class="far fa-2x fa-plus"></i></a>
                                {% endif %}
                            {% else %}
                                <a href="#!" class="m-1 p-0 green-text"><i class="far fa-2x fa-check"></i></a>
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {% endfor %}
    </div>
    {% endfor %}
    {% endif %}
    <table id="table_actions" class="display datatable clickable" style="width:100%" data-page-length="25" data-datatable-ajax="{{ datatable_ajax }}" data-ajax-path="{{ path("get_actions_datatable") }}">
        <thead>
            <tr>
                <th></th>
                <th> </th>
                <th>{{ 'actions.title'|trans }}</th>
                <th>{{ 'actions.description'|trans }}</th>
                {% if plan_rowid is empty %} 
                <th>{{ 'actions.plan'|trans }}</th>
                {% endif %}
                <th>{{ 'actions.timing'|trans }}</th>
                <th>{{ 'actions.notification_from'|trans }}</th>
                
                <th>{{ 'actions.documents'|trans }}</th>
                <th class="d-print-none">{{ 'actions.options'|trans }}</th>
            </tr>
        </thead>
        <tbody>
    {% for action in actions %}
            {# ToDo: Desplazar la comprobación de si la acción va, o no va, al propio controlador #}
            {% if (privileges.canAction({"user": app.user, "action": action, "role": "ROLE_READ"})) and ((plan_rowid and plan_status and (app.user.fkCompanyEntity.fkLevel.rowid == action.fklevel.rowid)) or (not plan_rowid)) %}

            {% set bmandatory = (( action.fklevel.code == "europe" or action.fklevel.code == "market") and action.mandatory == 1) %}

            <tr data-element="{{ action.rowid }}" data-path="{{path('show_action', {'rowid': action.rowid})}}">
                <td>{{ action.rowid }}</td>
                <td>
                    <div class="w-100 text-center d-flex flex-row justify-content-start" style="">
                        {% if action.fklevel.code == "europe" %}
                            <div class="d-inline-block" style="line-height: {{ bmandatory ? 12 : 22 }}px; width: 40px;" data-toggle="tooltip" title="{{action.fklevel.code|capitalize}} action level{% if bmandatory %}, mandatory{% endif %}">
                                <div>
                                    <i class="fas fa-star" style="color: #ff8300;"></i>
                                    <i class="fas fa-star" style="color: #ff8300; margin-left: 1px;"></i>
                                </div>
                                {% if bmandatory %}
                                    <i class="fas fa-lock" style="color: red;"></i>
                                {%endif %}
                            </div>
                        {% elseif action.fklevel.code == "market" %}
                            <div class="d-inline-block" style="line-height: {{ bmandatory ? 12 : 22 }}px; width: 40px;" data-toggle="tooltip" title="{{action.fklevel.code|capitalize}} action level{% if bmandatory %}, mandatory{% endif %}">
                                <div><i class="fas fa-star" style="color: #ff8300;"></i></div>
                                {% if bmandatory %}
                                    <i class="fas fa-lock" style="color: red;"></i>
                                {%endif %}
                            </div>
                        {% else %}
                            <div class="d-inline-block" style="line-height: 12px; width: 40px;" data-toggle="tooltip" title="{{action.fkLevel.code|capitalize}} action level"></div>
                        {% endif %}
                        <div class="d-inline-block">
                            <div class="minibadge-container">
                                <div style="background-color: #{{action.fkDepartment.color}} !important;" class="minibadge" data-toggle="tooltip" title="{{action.fkDepartment.name|capitalize}}">{{action.fkDepartment.code|upper}}</div>
                            </div>
                            <div class="minibadge-container">
                                {% if action.partnerContracts|length == 3 %}
                                    <div style="background-color: #2F2F2F !important;" class="minibadge text-uppercase" data-toggle="tooltip" title="{{'all_contracts'|trans}}">{{'all'|trans}}</div>
                                {% else %}
                                    {%for pc in action.partnerContracts %}
                                        <div style="background-color: #{{pc.color}} !important;" class="minibadge text-uppercase" data-toggle="tooltip" title="{{pc.name|capitalize}}">{{pc.code}}</div>
                                    {% endfor %}
                                {% endif %}
                            </div> 
                        </div>
                    </div>
                </td>
                <td>{{ action.title }}</td>
                <td class="text-truncate" style="max-width: 500px; white-space: nowrap !important;">{{ action.description }}</td>
                {% if plan_rowid is empty %} 
                <td>{{ action.fkPlan.title }}</td>
                {% endif %}
                
                <td>{{ action.getTimingString() }}</td>             
                <td>{{ (action.getNotificationFrom())?action.getNotificationFrom().format('Y-m-d'):"" }}</td>
                
                <td class="link">
                    {% if action.documents|length > 0 %}
                    <a target='_blank' href="{{path("get_action_documents", {action_rowid: action.rowid})}}"><i class="far fa-file-archive action_documents" data-action="{{action.rowid}}"></i></a>
                    {% endif %}
                </td>
                {% set can_edit_action = privileges.canAction({"user": app.user, "action": action, "role": "ROLE_UPDATE"}) %}
                {% set can_delete_action = privileges.canAction({"user": app.user, "action": action, "role": "ROLE_DELETE"}) %}
                {% set can_read_plan =  is_granted("ROLE_EUROPE") and privileges.canAction({"user": app.user, "action": action, "role": "ROLE_READ"}) %}
                {% set can_milestone = privileges.canMilestone({ "user": app.user, "role": "ROLE_CREATE" }) %}
                <td class="options" data-element="{{ action.getRowid()}}">
                    {% if can_edit_action or can_delete_action or can_read_plan %}
                        <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 can_edit_action %}
                                    <a class="dropdown-item edit" href="{{ path('edit_action', {'rowid': action.getRowid()}) }}">{{ 'Edit'|trans }} <i class="fas fa-edit"></i></a>
                                {% endif %}
                                {% if can_delete_action %}
                                    <button class="dropdown-item delete" href="#" data-path="{{path("delete_action", {"rowid":action.rowid})}}">{{ 'Delete'|trans }} <i class="fas fa-trash-alt"></i></button>
                                {% endif %}
                                {% if can_read_plan %}
                                    <a class="dropdown-item edit" href="{{ path('show_plan', {rowid:action.fkplan.rowid}) }}">{{ 'Plan'|trans }} <i class="far fa-list-alt"></i></a>
                                {% endif %}
                                {% if can_milestone %}
                                    <div class="dropdown-divider"></div>
                                    <a class="dropdown-item edit" href="{{ path('new_milestone_action', {'action_rowid': action.getRowid()}) }}">{{ 'milestones.new_milestone'|trans }} <i class="fas fa-plus"></i></a>
                                    <a class="dropdown-item edit" href="{{ path('show_milestones_action', {'action_rowid': action.getRowid()}) }}">{{ 'milestones.milestones'|trans }} <i class="fas fa-calendar-day"></i></a>
                                {% endif %}
                            </div>
                        </div>
                    {% endif %}
                </td>
            </tr>
            {% endif %}
    {% endfor %}
        </tbody>
    </table>

    {% if plan and is_granted("ROLE_MARKET") and is_granted("ROLE_APPROVE") and can_validate and privileges.canAction({"user": app.user, "plan": plan, "role": "ROLE_APPROVE"})%} 
        <div class="row">
            <div class="col-md">
                <button data-path="{{ path("approve_plan", {plan_rowid: plan.rowid, company_entity_rowid: company_entity.rowid}) }}" type="submit" id="approve_plan" name="approve_plan" class="btn btn-outline-info btn-rounded btn-block z-depth-0 my-4 waves-effect approve_plan">{{'actions.approve'|trans}}</button>
            </div>
        </div>
    {% endif %}
</div>

{% endblock %}

{% block javascripts %}
{{ parent() }}
<script src="{{ asset('js/action/showActions.js') }}"></script>
<script>
    $('[data-toggle="tooltip"]').tooltip();
</script>
{% endblock %}