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

{% block actionButton %}

    {% if currentUser.can("freeform-formsCreate") %}
        <a class="btn submit add icon" href="{{ url('freeform/forms/new/') }}">
            {{ "New Form"|t('freeform') }}
        </a>
    {% endif %}

{% endblock %}

{% set title = "Forms"|t('freeform') %}
{% set selectedSubnavItem = "forms" %}

{% set content %}
    <div id="noforms"{% if forms %} class="hidden"{% endif %}>
        <p>{{ "No forms found"|t('freeform') }}</p>
    </div>

    {% if forms|length %}
        <table id="forms" 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>
            <th scope="col">{{ "Submissions"|t('freeform') }}</th>
            <th scope="col">{{ "Blocked Spam"|t('freeform') }}</th>
            <td class="thin"></td>
            </thead>
            <tbody>
            {% for form in forms %}
                {% set canManage = currentUser.can("freeform-formsManage") or currentUser.can("freeform-formsManage:"~form.id) %}
                {% set canDelete = currentUser.can("freeform-formsDelete") %}
                <tr data-id="{{ form.id }}" data-name="{{ form.name|t('freeform') }}">
                    <th scope="row" data-title="{{ 'Name'|t('freeform') }}">
                        {% if canManage %}
                            <a href="{{ url('freeform/forms/' ~ form.id) }}">
                                {{ form.name }}
                            </a>
                        {% else %}
                            {{ form.name }}
                        {% endif %}
                    </th>
                    <td data-title="{{ 'Handle'|t('freeform') }}">
                        <code title="{{ form.handle }}">
                            {{ form.handle|truncater(50) }}
                        </code>
                    </td>
                    <td>
                        <div style="overflow: hidden; height: 18px;" title="{{ form.description }}">
                            {{ form.description|truncater(80) }}
                        </div>
                    </td>
                    <td>
                        {% set submissionCount = totalSubmissionsByForm[form.id] is defined ? totalSubmissionsByForm[form.id] : 0 %}
                        {% if currentUser.can("freeform-submissionsAccess") %}
                            <a href="{{ url('freeform/submissions/' ~ form.handle) }}">
                                {{ submissionCount }}
                            </a>
                        {% else %}
                            {{ submissionCount }}
                        {% endif %}
                    </td>
                    <td class="spam-count" data-form-id="{{ form.id }}">
                        <span>
                            {% if isSpamFolderEnabled %}
                                <a href="{{ url('freeform/spam/' ~ form.handle) }}">
                                    {{ form.getBlockedSpamCount() }}
                                </a>
                            {% else %}
                                {{ form.getBlockedSpamCount() }}
                            {% endif %}
                        </span>

                        {% if not isSpamFolderEnabled and canManage %}
                            <a class="reset-spam-count btn small icon-refresh"
                               data-confirm-message="{{ "Are you sure you want to reset the spam count for '{formName}'"|t('freeform', {formName: form.name}) }}"
                               data-form-id="{{ form.id }}"
                            >{{ "Reset"|t('freeform') }}</a>
                        {% endif %}
                    </td>
                    <td class="thin">
                        <div class="action-buttons">
                            {% if canManage %}
                                <a class="clone icon" title="{{ 'Clone'|t('freeform') }}" role="button" data-id="{{ form.id }}"></a>
                                {% if canDelete %}
                                    <a class="delete icon" title="{{ 'Delete'|t('freeform') }}" role="button"></a>
                                {% endif %}
                            {% endif %}
                        </div>
                    </td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
    {% endif %}
{% endset %}


{% js %}
    var adminTable = new Craft.AdminTable({
    tableSelector: '#forms',
    noObjectsSelector: '#noforms',
    newObjectBtnSelector: '#newformcontainer',
    deleteAction: 'freeform/forms/delete',
    confirmDeleteMessage: '{{ "Are you sure you want to delete this form?"|t('freeform') }}'
    });

    $("a.clone.icon").click(function() {
    $(this).parents("form:first").submit();

    return false;
    });
{% endjs %}