{% extends "freeform/_layouts/main" %}
{% hook "freeform.prepareCpTemplate" %}

{% set selectedSubnavItem = "notifications" %}

{% block actionButton %}

    {% if currentUser.can("freeform-notificationsManage") %}
        <div class="buttons">

            <div class="btngroup submit">
                {% if filesByDefault %}
                    <a class="btn submit add icon" href="{{ url('freeform/notifications/new-file') }}">
                        {{ "New File Template"|t('freeform') }}
                    </a>
                {% else %}
                    <a class="btn submit add icon" href="{{ url('freeform/notifications/new') }}">
                        {{ "New Email Template"|t('freeform') }}
                    </a>
                {% endif %}

                {% if filesEnabled and useDbNotifications %}
                    <div class="btn submit menubtn"></div>
                    <div class="menu">
                        <ul>
                            <li>
                                {% if not filesByDefault %}
                                    <a href="{{ url('freeform/notifications/new-file') }}">
                                        {{ "New File Template"|t('freeform') }}
                                    </a>
                                {% else %}
                                    <a href="{{ url('freeform/notifications/new') }}">
                                        {{ "New Email Template"|t('freeform') }}
                                    </a>
                                {% endif %}
                            </li>
                        </ul>
                    </div>
                {% endif %}
            </div>


        </div>
    {% endif %}

{% endblock %}

{% set title = "Email Notifications"|t('freeform') %}

{% set content %}

    {% if useDbNotifications %}
        <div style="margin-bottom: 60px;">
            <h2>{{ "Database Entry Templates"|t('freeform') }}</h2>

            <div id="nonotifications" class="{{ dbNotificationCount > 0 ? 'hidden' }}">
                <p>{{ "No notifications found"|t('freeform') }}</p>
            </div>

            {% if dbNotificationCount > 0 %}
                <table id="emailnotifications" class="data fullwidth collapsible">
                    <thead>
                    <th scope="col">{{ "Name"|t('freeform') }}</th>
                    <th scope="col">{{ "Handle"|t('freeform') }}</th>
                    <th scope="col">{{ "Description"|t('freeform') }}</th>
                    <td class="thin"></td>
                    </thead>
                    <tbody>
                    {# Database based templates #}
                    {% for notification in notifications if not notification.fileBasedTemplate %}
                        <tr data-id="{{ notification.id }}" data-name="{{ notification.name|t('freeform') }}">
                            <th scope="row" data-title="{{ 'Name'|t('freeform') }}">
                                {% if currentUser.can("freeform-notificationsManage") %}
                                    <a href="{{ url('freeform/notifications/' ~ notification.id) }}">
                                        {{ notification.name }}
                                    </a>
                                {% else %}
                                    {{ notification.name }}
                                {% endif %}
                            </th>
                            <td data-title="{{ 'Handle'|t('freeform') }}">
                                <code>
                                    {{ notification.handle|truncater(40) }}
                                </code>
                            </td>
                            <td style="width: 50%;">
                                {{ notification.description|truncater(80) }}
                            </td>
                            <td class="thin">
                                <div class='action-buttons'>
                                    {% if currentUser.can("freeform-notificationsManage") %}
                                        <a class="clone icon" data-id="{{ notification.id }}"
                                           title="{{ 'Duplicate'|t('freeform') }}" role="button"></a>
                                        <a class="delete icon" title="{{ 'Delete'|t('freeform') }}" role="button"></a>
                                    {% endif %}
                                </div>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            {% endif %}
        </div>
    {% endif %}

    {% if fileNotificationCount > 0 %}
        <h2>
            {{ "Template Files"|t('freeform') }}
            <span class="code disabled">({{ settings.emailTemplateDirectory }})</span>
        </h2>

        <table data-file-templates class="data fullwidth collapsible">
            <thead>
            <th scope="col">{{ "Name"|t('freeform') }}</th>
            <th scope="col">{{ "Description"|t('freeform') }}</th>
            <td class="col">{{ "File Name"|t('freeform') }}</td>
            <td class="thin"></td>
            </thead>
            <tbody>
            {# File based templates #}
            {% for filename, notification in notifications if notification.fileBasedTemplate %}
                <tr data-id="{{ notification.filepath }}" data-name="{{ notification.name|t('freeform') }}">
                    <th scope="row" data-title="{{ 'Name'|t('freeform') }}">
                        {% if currentUser.can("freeform-notificationsManage") %}
                            <a href="{{ url('freeform/notifications/' ~ notification.filepath) }}">
                                {{ notification.name }}
                            </a>
                        {% else %}
                            {{ notification.name }}
                        {% endif %}
                    </th>
                    <td style="width: 50%;">
                        {{ notification.description|truncater(80) }}
                    </td>
                    <td data-title="{{ "File Name"|t('freeform') }}">
                        <code>{{ filename }}</code>
                    </td>
                    <td class="thin">
                        <div class='action-buttons'>
                            {% if currentUser.can("freeform-notificationsManage") %}
                                <a class="clone icon" data-id="{{ notification.filepath }}"
                                   title="{{ 'Duplicate'|t('freeform') }}" role="button"></a>
                                <a class="delete icon" data-id="{{ notification.filepath }}" title="{{ 'Delete'|t('freeform') }}" role="button"></a>
                            {% endif %}
                        </div>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    {% endif %}
{% endset %}


{% js %}
    var confirmDeleteMessage = '{{ "Are you sure you want to delete this notification?"|t('freeform') }}';

    var adminTable = new Craft.AdminTable({
    tableSelector: '#emailnotifications',
    noObjectsSelector: '#nonotifications',
    newObjectBtnSelector: '#newnotificationcontainer',
    deleteAction: 'freeform/notifications/delete',
    confirmDeleteMessage: confirmDeleteMessage,
    });

{% endjs %}