{% import 'prod/actions/Feedback/ListsMacros.html.twig' as ListsMacros %}

<div class="PNB10">
    <div class="PNB theme-bg" style="height:40px; bottom:auto;">
        <table style="height: 40px;">
            <tr>
                <td style="white-space:nowrap;">
                    {% if list.getOwner(app.getAuthenticatedUser()).getRole() >= constant('Alchemy\\Phrasea\\Model\\Entities\\UsrListOwner::ROLE_EDITOR') %}
                        <form class="form-inline" method="POST" name="SaveName" action="{{ path('prod_lists_list_update', { 'list_id' : list.getId() }) }}">
                            <label>{{ 'List Name' | trans }}</label>
                            <input type="text" name="name" style="margin: 0 5px;" value="{{ list.getName() }}"/>
                            <button class="btn btn-inverse">{{ 'Save' | trans }}</button>
                        </form>
                    {% else %}
                        <h1>{{ list.getName() }}</h1>
                    {% endif %}
                </td>
                <td style="text-align:right;white-space:nowrap;">
                    {% if list.getOwner(app.getAuthenticatedUser()).getRole() == constant('Alchemy\\Phrasea\\Model\\Entities\\UsrListOwner::ROLE_ADMIN') %}
                        <a href="{{ path('prod_lists_list_share', { 'list_id' : list.getId() }) }}" title="{{ 'Share the list' | trans }}" class="list_sharer">
                            <img src="/assets/prod/images/Push/list-icon.png" />
                            {{ "Set sharing permission" | trans }}
                        </a>
                    {% endif %}
                </td>
                {% if list.getOwner(app.getAuthenticatedUser()).getRole() >= constant('Alchemy\\Phrasea\\Model\\Entities\\UsrListOwner::ROLE_ADMIN') %}
                    <td style="text-align:right;white-space:nowrap;width:150px;">
                        <button class="deleter btn btn-inverse" data-list-id="{{ list.getId() }}">
                            {{ 'Delete' | trans }}
                        </button>
                    </td>
                {% endif %}
            </tr>
        </table>
    </div>
    <div class="PNB content readonly grey-bg" style="top:40px;">
        <div class="PNB10">
            <div class="PNB" style="height:25px; bottom:auto;">
                <p>
                    {% set length = list.getEntries().count() %}
                    <span class="counter current">{% trans with {'%length%' : length} %}%length% peoples{% endtrans %}</span>
                    {% if list.getOwner(app.getAuthenticatedUser()).getRole() >= constant('Alchemy\\Phrasea\\Model\\Entities\\UsrListOwner::ROLE_EDITOR') %}
                        <button class="EditToggle btn btn-inverse">{{ 'Edit' | trans }}</button>
                    {% endif %}
                </p>
            </div>
            <div class="PNB" style="top:35px;overflow:auto;">
                {% set role = list.getOwner(app.getAuthenticatedUser()).getRole() %}
                {% for entry in list.getEntries() %}
                    {{ ListsMacros.badgeReadonly(entry, role) }}
                {% endfor %}
            </div>
        </div>
    </div>
    {% if list.getOwner(app.getAuthenticatedUser()).getRole() >= constant('Alchemy\\Phrasea\\Model\\Entities\\UsrListOwner::ROLE_EDITOR') %}
        <div class="PNB content readwrite grey-bg" style="display:none;top:40px;">
            <form name="list-editor-search" method="POST" action="{{ path('prod_push_list_edit', { 'list_id' : list.getId() }) }}">
                <div class="PNB10" style="height:160px;">
                    <div class="PNB" style="height:40px;bottom:auto;">
                        <button class="Refresher btn btn-inverse" type="button">&lt;{{ 'View' | trans }}</button>
                        <select name="like_field">
                            <option value="login">
                                {{ 'Push::filter on login' | trans }}
                            </option>
                            <option value="name">
                                {{ 'Push::filter on name' | trans }}
                            </option>
                            <option value="country">
                                {{ 'Push::filter on countries' | trans }}
                            </option>
                            <option value="company">
                                {{ 'Push::filter on companies' | trans }}
                            </option>
                            <option value="email">
                                {{ 'Push::filter on emails' | trans }}
                            </option>
                            <option value="lastModel">
                                {{ 'Push::filter on templates' | trans }}
                            </option>
                        </select>
                        {{ 'Push::filter starts' | trans }}
                        <input type="text" value="" class="search" name="query">
                        <button type="submit" class="btn btn-inverse">{{ 'boutton::chercher' | trans }}</button>
                    </div>
                    <div class="PNB" style="top:40px;height:120px;bottom:auto;">
                        <table style="table-layout:fixed;width:100%;">
                            <tr>
                                <td>
                                    <label>{{ 'Activite' | trans }}</label>
                                </td>
                                <td>
                                    <label>{{ 'Template' | trans }}</label>
                                </td>
                                <td >
                                    <label>{{ 'Company' | trans }}</label>
                                </td>
                                <td >
                                    <label>{{ 'Country' | trans }}</label>
                                </td>
                                <td >
                                    <label>{{ 'Position' | trans }}</label>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <select size="5" multiple="multiple" name="Activity[]" style="width:80%;">
                                        <option value="">{{ 'All' | trans }}</option>
                                        {% for Activity in query.getRelatedActivities() %}
                                            <option value="{{ Activity }}">{{ Activity }}</option>
                                        {% endfor %}
                                    </select>
                                </td>
                                <td>
                                    <select size="5" multiple="multiple" name="Template[]" style="width:80%;">
                                        <option value="">{{ 'All' | trans }}</option>
                                        {% for id,Template in query.getRelatedTemplates() %}
                                            <option value="{{ id }}">{{ Template }}</option>
                                        {% endfor %}
                                    </select>
                                </td>
                                <td>
                                    <select size="5" multiple="multiple" name="Company[]" style="width:80%;">
                                        <option value="">{{ 'All' | trans }}</option>
                                        {% for Company in query.getRelatedCompanies() %}
                                            <option value="{{ Company }}">{{ Company }}</option>
                                        {% endfor %}
                                    </select>
                                </td>
                                <td>
                                    <select size="5" multiple="multiple" name="Country[]" style="width:80%;">
                                        <option value="">{{ 'All' | trans }}</option>
                                        {% for Code, Country in query.getRelatedCountries() %}
                                            <option value="{{ Code }}">{{ Country }}</option>
                                        {% endfor %}
                                    </select>
                                </td>
                                <td>
                                    <select size="5" multiple="multiple" name="Position[]" style="width:80%;">
                                        <option value="">{{ 'All' | trans }}</option>
                                        {% for Position in query.getRelatedPositions() %}
                                            <option value="{{ Position }}">{{ Position }}</option>
                                        {% endfor %}
                                    </select>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <input type="hidden" name="page" value="" />
                <input type="hidden" name="srt" value="{{ sort }}" />
                <input type="hidden" name="ord" value="{{ ord }}" />
                <input type="hidden" name="type" value="fragment" />
            </form>
            <div class="PNB content" style="top:180px;">
                <div class="PNB10">
                    {{ ListsMacros.ResultTable(query, results, list, sort, ord) }}
                </div>
            </div>
        </div>
    {% endif %}
</div>
<script type="text/javascript">
    $(document).ready(function(){
        p4.ListManager.workOn({{ list.getId() }});
        $("#ListManager .readonly .badge .deleter").click(function(){
            var badge = $(this).closest(".badge");
            var usr_id = badge.find('input[name="id"]').val();
            p4.ListManager.getList().removeUser(usr_id, function(list, data){
            badge.remove();
            });
        });
    });
</script>