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

{% block title %}{{ 'milestones.milestones'|trans  }}{% endblock %}

 
{% block breadcrumb_buttons %}
    {% set filter_privileges = {"user": app.user, "role": "ROLE_UPDATE"} %}
    {% if action %}
        {% set filter_privileges = filter_privileges|merge({'action': action}) %}
    {% endif %}
    {% if privileges.canMilestone(filter_privileges) %}
        <div class="breadcrumb_button" style="display:none">
            <a href="{{ path("new_milestone") }}" 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_milestones" class="display datatable clickable" style="width:100%" data-page-length="25">
        <thead>
            <tr>
                <th></th>
                <th>{{ 'milestones.title'|trans }}</th>
                <th>{{ 'milestones.description'|trans }}</th>
                <th>{{ 'milestones.action'|trans }}</th>
                <th>{{ 'milestones.timig'|trans }}</th>
                <th class="d-print-none">{{ 'Options'|trans }}</th>
            </tr>
        </thead>
        <tbody>
    {% for milestone in milestones %}
        {% if privileges.canMilestone({"user": app.user, "milestone": milestone, "role": "ROLE_READ"}) %}
            <tr data-element="{{ milestone.rowid }}" data-path="{{path('show_milestone', {'rowid': milestone.rowid})}}">
                <td>{{ milestone.rowid }}</td>
                <td>{{ milestone.title }}</td>
                <td class="text-truncate" style="max-width: 500px; white-space: nowrap !important;">{{ milestone.description }}</td>
                <td>{{ (milestone.fkAction)?milestone.fkAction.title:"" }}</td>
                <td>{{ milestone.getTimingStringNormalize() }}</td>             
                
                {% set can_edit_milestone = privileges.canMilestone({"user": app.user, "milestone": milestone, "role": "ROLE_UPDATE"}) %}
                {% set can_delete_milestone = privileges.canMilestone({"user": app.user, "milestone": milestone, "role": "ROLE_DELETE"}) %}
                {% set can_read_action = privileges.canAction({"user": app.user, "action": milestone.fkAction, "role": "ROLE_READ"}) %}
                <td class="options" data-element="{{ milestone.getRowid()}}">
                    {% if can_edit_milestone or can_delete_milestone or can_read_action %}
                        <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_milestone %}
                                    <a class="dropdown-item edit" href="{{ path('edit_milestone', {'rowid': milestone.getRowid()}) }}">{{ 'milestones.edit'|trans }} <i class="fas fa-edit"></i></a>
                                {% endif %}
                                {% if can_delete_milestone %}
                                    <button class="dropdown-item delete" href="#" data-path="{{path('delete_milestone', {"rowid":milestone.rowid})}}">{{ 'milestones.delete'|trans }} <i class="fas fa-trash-alt"></i></button>
                                {% endif %}
                                {% if can_read_action %}
                                    <a class="dropdown-item edit" href="{{ path('show_action', {rowid:milestone.fkAction.rowid}) }}">{{ 'milestones.action'|trans }} <i class="far fa-list-alt"></i></a>
                                {% endif %}
                            </div>
                        </div>
                    {% endif %}
                </td>
            </tr>
        {% endif %}
    {% endfor %}
        </tbody>
    </table>

   
</div>

{% endblock %}

{% block javascripts %}
{{ parent() }}
{% endblock %}