{% extends 'base_admin.html.twig' %}
{% block title %}Confidential SAG forum{% endblock %}
{% block body %}
    <h1 style="color: red">SAG forum</h1>
    {% include 'dashboard/advocacydebate/template_parts/advocacyNotice.html.twig' %}
    <a class="btn btn-outline-primary" href="{{ path('dashboard_advocacy_debate_subject_new') }}">Add new topic</a>
    <table class="table">
        <thead>
            <tr>
                <th>Headline</th>
                <th>Subject</th>
                <th>!</th>
                <th>Author</th>
                <th>Date</th>
                <th>Attachment</th>
                <th>Feedback</th>
                <th>Actions</th>
            </tr>
        </thead>
        <tbody>
            {% for subject in subjects %}
                {% if  is_granted('ROLE_SUPER_INVESTOR') %}
                <tr>
                    <td>{{ subject.headline }}</td>
                    <td><a href="{{ path('dashboard_advocacy_debate_subject_show', {'slug': subject.slug  }) }}"> {{ subject.subject }} </a></td>
                    <td>{{ (subject.isViewableForAlternativeManager) ? '!': '' }}</td>
                    <td>{{ subject.author.initials }}</td>
                    {% if subject.subjectDate is null %}
                    <td data-sort = "{{ subject.createdAt.format('Y-m-d') }}">{{ subject.createdAt.format('d-M-Y') }} *</td>
                    {%  else  %}
                    <td data-sort = "{{ subject.subjectDate.format('Y-m-d') }}">{{ subject.subjectDate.format('d-M-Y') }}</td>
                    {% endif %}
                    <td>
                        <ul>
                            {% for attachment  in subject.attachments %}
                                <li><a href="/admin/attachments/forum/{{ attachment.attachmentName }}">{{ attachment.attachmentName }}</a></li>
                            {% endfor %}
                        </ul>
                    </td>
                    <td>{{ subject.debateFeedback | length }}</td>
                    <td>
                        <a class="btn btn-primary bt-sm" href="{{ path('dashboard_advocacy_debate_subject_show', {'slug': subject.slug  }) }}">Show</a>
                        {% if is_granted('ROLE_SUPER_INVESTOR') %}
                        <a class="btn btn-outline-primary bt-sm" href="{{ path('dashboard_advocacy_debate_subject_feedback_new', {'slug': subject.slug}) }}">Respond</a>
                        {% endif %}

                        {% if is_granted('USER_CAN_EDIT_SUBJECT', subject) %}
                        <a class="btn btn-outline-primary bt-sm" href="{{ path('dashboard_advocacy_debate_subject_edit', {'slug': subject.slug}) }}">Edit</a>
                        {% endif %}

                        {% if is_granted('ROLE_SUPER_ADMIN') %}
                        <a class="btn btn-danger bt-sm" onclick="return confirm('Are you sure you want to delete this item?');" href="{{ path('dashboard_advocacy_debate_subject_delete', {'slug': subject.slug}) }}">Delete</a>
                        {%  endif %}
                    </td>
                </tr>
                {% endif %}
            {% endfor %}
        </tbody>
    </table>
{% endblock %}

{% block datatable %}
    <script>
        $(document).ready( function () {
            $('.table').DataTable({
                'pageLength': 100,
                "paging":   false,
                "order": [ 4, 'desc' ]
            });

            function detectMob() {
                return ( ( window.innerWidth <= 800 ) && ( window.innerHeight <= 600 ) );
            }
            var isMobile = detectMob();
            if(isMobile) {
                $('body').addClass('mobile');
            }
        });

    </script>
{% endblock datatable %}