{% extends "freeform/_layouts/main" %}
{% import "_includes/forms" as forms %}
{% import "freeform/submissions/macros/row" as rowMacro %}

{% set title = title|default("{title}"|t('freeform', {title: title})) %}
{% set selectedSubnavItem = selectedSubnavItem|default("submissions") %}
{% set saveShortcutRedirect = saveShortcutRedirect|default('freeform/submissions/{id}') %}
{% set fullPageForm = fullPageForm|default(true) %}
{% set actionUrl = actionUrl|default('freeform/submissions/save') %}

{% set crumbs = crumbs|default([
    { label: craft.freeform.name, url: url('freeform') },
    { label: "Forms"|t("freeform"), url: url('freeform/forms') },
    { label: submission.form.name, url: url('freeform/forms/' ~ submission.getForm().id) },
    { label: "Submissions"|t('freeform'), url: url('freeform/submissions') },
]) %}

{% block actionButton %}
    <div class="buttons">
        <div class="btngroup submit">
            <input type="submit" class="btn submit" value="{{ 'Save'|t('app') }}">

            <div class="btn submit menubtn"></div>
            <div class="menu">
                <ul>
                    <li>
                        <a class="formsubmit" data-redirect="{{ continueEditingUrl|hash }}">
                            {{ "Save and continue editing"|t('app') }}
                            <span class="shortcut">⌘S</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
{% endblock %}

{% block mainFormAttributes %}
    {{ parent() }}

    enctype="multipart/form-data"
    data-id="{{ form.anchor }}"
    data-freeform
    data-has-rules
{% endblock %}

{% block body %}
    {{ parent() }}

    <form method="post"
          id="asset_download"
          style="height: 0; width: 0; position: absolute; left: -99999px;">
        <input type="hidden" name="action" value="assets/download-asset" />
        <input type="hidden" name="assetId" value="" />
        {{ csrfInput() }}
    </form>
{% endblock %}

{% block content %}

    <input type="hidden" name="action" value="{{ actionUrl }}">
    <input type="hidden" name="submissionId" value="{{ submission.id }}">
    {{ redirectInput(redirectUrl is defined ? redirectUrl : 'freeform/submissions') }}
    {{ csrfInput() }}

    <div id="fields">
        {% for page in layout.pages %}
            <div class="field tab-content{% if not loop.first %} hidden{% endif %}" id="tab-{{ page.index }}">
                {% for field in page.getFields(["hidden", "invisible"]) %}
                    {% set fieldHandle = field.handle %}

                    <div class="fields-row">
                        <div class="fields-column">
                            {% set options = {
                                label: field.label,
                                name: fieldHandle,
                                id: fieldHandle,
                                value: submission[fieldHandle],
                                required: field.required,
                                errors: submission.errors(fieldHandle),
                                first: loop.index0 == 0,
                            } %}

                            {{ forms.textField(options) }}
                        </div>
                    </div>
                {% endfor %}

                {% for row in page %}
                    {{ rowMacro.render(row, submission, fieldRenderer) }}
                {% endfor %}
            </div>
        {% endfor %}
    </div>

    {{ freeform.loadFreeformPlugin }}

    <script>
      function removeAsset(element) {
        if (confirm('Are you sure?')) {
          $(element).parents(".element:first").remove();
        }
      }
    </script>

    {{ form.renderClosingTag(false) }}

{% endblock %}

{% block details %}

    <div id="settings" class="meta">

        {{ forms.textField({
            label: "Title"|t('app'),
            id: 'title',
            name: 'title',
            value: submission.title,
            placeholder: "Enter title"|t('freeform'),
            errors: submission.getErrors('title')|merge(submission.getErrors('uri')),
        }) }}

        {{ forms.elementSelectField({
            status: submission.getAttributeStatus('userId'),
            label: "Author"|t('app'),
            id: 'author',
            name: 'author',
            elementType: 'craft\\elements\\User',
            selectionLabel: "Choose"|t('app'),
            limit: 1,
            elements: (submission.author ? [submission.author])
        }) }}

        {% set statusField %}
            <div>
                {% set selectedStatus = statuses[submission.statusId] ? statuses[submission.statusId] : statuses|first %}

                <a id="status-menu-btn" class="btn menubtn" href="#">
                    <span class="status {{ selectedStatus.color }}"></span>
                    {{ selectedStatus.name|t('freeform')|title }}
                </a>
                <div class="menu" id="status-menu-select">
                    <ul class="padded">
                        {% for status in statuses %}
                            <li>
                                <a {% if selectedStatus.color == status.color %}class="sel"{% endif %}
                                   data-id="{{ status.id }}"
                                   data-name="{{ status.name }}"
                                   data-color="{{ status.color }}"
                                   href="#">
                                    <span class="status {{ status.color }}"></span>
                                    {{ status.name|t('freeform')|title }}
                                </a>
                            </li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
        {% endset %}

        {{ forms.field({
            label: 'Status'|t('app'),
        }, statusField) }}

        {{ forms.hidden({
            id: "statusId",
            name: "statusId",
            value: submission.statusId,
            errors: [],
            required: true
        }) }}

        <div class="field">
            <div class="heading">
                <label>Form</label>
            </div>
            <div class="input ltr">
                <span class="status green" style="background: {{ form.color }};"></span><a href="{{ url('freeform/submissions/&source=form%3A' ~ form.id) }}">{{ form.name }}</a>
            </div>
        </div>

    </div>

    <div class="field">
        <div class="heading">
            <label for="freeform-submission-note" class="h6">{{ 'Notes about your changes'|t('app') }}</label>
        </div>
        <div class="input">
            <textarea
                    class="text nicetext notes fullwidth freeform-submission-note"
                    id="freeform-submission-note"
                    name="freeform-submission-note"
                    spellcheck="false"
                    style="min-height: 100px;"
            >{% if note %}{{ note }}{% endif %}</textarea>
        </div>
    </div>

    {% if submission.isSpam and submission.spamReasons %}

        <fieldset>
            <legend class="h6">
                {{ 'Spam Reasons'|t('freeform') }} ({{ submission.spamReasons|length }})
            </legend>
            <ul class="spam-reasons">
                {% for reason in submission.spamReasons %}
                    <li>{{ reason.message|t('freeform') }}</li>
                {% endfor %}
            </ul>
        </fieldset>
        <hr>

    {% endif %}

    {% hook 'freeform.submissions.edit.sidepanel' %}

    {% if submission.id %}

        <div class="meta read-only">
            <div class="data">
                <h5 class="heading">{{ "ID"|t('app') }}</h5>
                <div class="value">{{ submission.id }}</div>
            </div>
            <div class="data">
                <h5 class="heading">{{ "Freeform ID"|t('app') }}</h5>
                <div class="value">{{ submission.incrementalId }}</div>
            </div>
            <div class="data">
                <h5 class="heading">{{ "Created at"|t('app') }}</h5>
                <div class="value">{{ submission.dateCreated|date('short') }} {{ submission.dateCreated|time('short') }}</div>
            </div>
            <div class="data">
                <h5 class="heading">{{ "Updated at"|t('app') }}</h5>
                <div class="value">{{ submission.dateUpdated|date('short') }} {{ submission.dateUpdated|time('short') }}</div>
            </div>
        </div>

        {% hook 'freeform.submissions.edit.meta' %}

    {% endif %}

{% endblock %}