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

{% block actionButton %}

    {% if currentUser.can("freeform-formsCreate") %}
        <a class="btn submit add icon" href="javascript:;" data-create-form-wizard>
            {{ "New Form"|t('freeform') }}
        </a>
    {% endif %}

{% endblock %}

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

{% set content %}
    <div id="noforms" class="zilch {% if forms %}hidden{% endif %}">
        {{ "No forms found"|t('freeform') }}
    </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") %}

                {% set canManageSubmissions =
                    currentUser.can('freeform-submissionsAccess')
                    and (
                        currentUser.can('freeform-submissionsManage')
                        or currentUser.can('freeform-submissionsManage:'~form.id)
                        or currentUser.can('freeform-submissionsRead')
                        or currentUser.can('freeform-submissionsRead:'~form.id)
                    )
                %}

                {% if canManage or canManageSubmissions %}


                    <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>

                {% endif %}

            {% 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 %}