{% extends "sprout-base-reports/_layouts/base" %}
{% import "_includes/forms" as forms %}

{% set title = report['id'] is defined and report['id'] is not empty ? "Edit Report" : "New Report" %}

{% set crumbs = [
    { label: "Reports"|t('sprout-base'), url: reportIndexUrl }
] %}

{% set fullPageForm = true %}

{% if groups | length %}
    {% set groupId = report is defined ? report.groupId : null %}

    {% if not groupId %}
        {% set groupId = groups|keys[0] %}
    {% endif %}

    {% if groups[groupId] is not defined %}
        {% exit 404 %}
    {% endif %}
{% endif %}


{% block actionButton %}

    <input type="hidden" name="action" value="sprout-base/reports/save-report">

    {{ redirectInput(reportIndexUrl) }}

    <div class="button">
        <div class="btngroup">
            <input type="submit" class="btn submit"
                   value="{{ 'Save Report'|t('sprout-base') }}">

            <div class="btn submit menubtn"></div>
            <div class="menu">
                <ul>
                    <li><a class="formsubmit"
                           data-redirect="{{ continueEditingUrl|hash }}">{{ "Save and continue editing"|t('sprout-base') }}</a>
                    </li>
                    <li><a class="formsubmit"
                           data-redirect="{{ dataSource.getUrl('/new')|hash }}">
                            {{ "Save and add another report"|t('sprout-base') }}</a>
                    </li>
                </ul>

                {% if report.id is not null %}
                <hr>
                <ul>
                    <li><a class="formsubmit error" data-action="sprout-base/reports/delete-report" data-confirm="{{ 'Are you sure you want to delete this report?'|t('sprout-base') }}" data-redirect="{{ reportIndexUrl|hash }}">{{ "Delete"|t('sprout-base') }}</a></li>
                </ul>
                {% endif %}
            </div>
        </div>
    </div>
{% endblock %}

{% block content %}

    <input type="hidden" name="dataSourceId" value="{{ dataSource.dataSourceId }}">

    {% if report is defined %}
        <input type="hidden" name="id" value="{{ report.id }}">
    {% endif %}

    {{ forms.textField({
        label: "Name"|t('sprout-base'),
        instructions: "What this report will be called in the CP."|t('sprout-base'),
        id: "name",
        name: 'name',
        value: report is defined ? report.name : "",
        errors: report is defined ? report.getErrors('name') : "",
        required: true,
        first: true,
        autofocus: true
    }) }}

    {{ forms.textField({
        label: "Description"|t('sprout-base'),
        instructions: "A description of your report that will appear in the info bubble next to your Report Name on the Reports Index page."|t('sprout-base'),
        name: 'description',
        rows: 3,
        value: report is defined ? report.description : "",
        errors: report is defined ? report.getErrors('description') : ""
    }) }}

    {{ forms.lightswitchField({
        label: "Use a dynamic report name"|t('sprout-base'),
        name: 'hasNameFormat',
        on: report.hasNameFormat,
        toggle: "name-format-field"
    }) }}

    <div id="name-format-field" class="{% if not report.hasNameFormat %}hidden{% endif %}">
        {{ forms.textField({
            label: "Name Format"|t('sprout-base'),
            instructions: "Auto-generate your report name using settings values, such as {startDate|date('F d, Y')}"|t('sprout-base'),
            name: 'nameFormat',
            value: report is defined ? report.nameFormat : "",
            errors: report is defined ? report.getErrors('nameFormat') : ""
        }) }}
    </div>

    {% if dataSource is defined %}

        {% set settingsHtml = dataSource.getSettingsHtml() %}

        {% if settingsHtml %}
            <hr>
            {{ settingsHtml | raw }}
        {% endif %}

    {% endif %}

{% endblock %}

{% block details %}
    <div id="settings" class="meta">

        {% if groups | length %}

            {% set groupOptions = [] %}
            {% for group in groups %}
                {% set groupOptions = groupOptions|merge([{ label: group.name, value: group.id }]) %}
            {% endfor %}

            {{ forms.selectField({
                first: true,
                label: "Group <span class='info'>The group where this report should be displayed</span>"|t('sprout-base'),
                id: 'groupId',
                name: 'groupId',
                options: groupOptions,
                value: groupId
            }) }}

        {% endif %}

        {{ forms.textField({
            label: "Handle"|t('sprout-base'),
            id: 'handle',
            name: 'handle',
            required: true,
            value: report is defined ? report.handle : "",
            errors: report is defined ? report.getErrors('handle') : ""
        }) }}

        {% if dataSource.isAllowHtmlEditable() %}
            {{ forms.lightSwitchField({
                label: "Allow HTML <span class='info'>Render HTML in your report results. Don't enable this setting if you allow user submitted content.</span>"|t('sprout-base'),
                name: 'allowHtml',
                on: report.allowHtml is defined ? report.allowHtml : dataSource.getDefaultAllowHtml()
            }) }}
        {% endif %}

        {{ forms.lightSwitchField({
            label: "Enabled"|t('sprout-base'),
            name: 'enabled',
            on: report.enabled
        }) }}

    </div>

    <hr>

    <div class="meta read-only">
        <div class="data">
            <h5 class="heading">{{ "Data Source"|t('sprout-base') }}</h5>
            <div class="value">{{ dataSource.name }}</div>
        </div>
    </div>

    <hr>


{% endblock %}

{% if report is not defined or not report.handle %}
    {% js "new Craft.HandleGenerator('#name', '#handle');" %}
{% endif %}