{#
 * Copyright (C) 2015-2018 Xibo Signage Ltd
 *
 * Xibo - Digital Signage - http://www.xibo.org.uk
 *
 * This file is part of Xibo.
 *
 * Xibo is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * any later version.
 *
 * Xibo is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with Xibo.  If not, see <http://www.gnu.org/licenses/>.
#}
{% extends "form-base.twig" %}
{% import "forms.twig" as forms %}

{% block formTitle %}
    {% trans "DataSet Ticker - Choose your DataSet" %}
{% endblock %}

{% block formHtml %}
    <div class="row">
        <div class="col-md-12">
            <form id="dataSetTickerForm" class="XiboForm form-horizontal" data-form-step="1" method="put" action="{{ urlFor("module.widget.edit", {id: module.widget.widgetId}) }}"
                  data-next-form-url="{{ urlFor("module.widget.edit.form", {type: module.widget.type}) }}?step=2">

                {% set title %}{% trans "DataSet" %}{% endset %}
                {% set helpText %}{% trans "Please select the DataSet to use as a source of data for this ticker." %}{% endset %}
                {% set attributes = [
                    { name: "data-width", value: "200px" },
                    { name: "data-allow-clear", value: "true" },
                    { name: "data-placeholder--id", value: null },
                    { name: "data-placeholder--value", value: "" },
                    { name: "data-search-url", value: urlFor("module.widget.dataset.search") },
                    { name: "data-search-term", value: "dataSet" },
                    { name: "data-id-property", value: "dataSetId" },
                    { name: "data-text-property", value: "dataSet" }
                ] %}
                {{ forms.dropdown("dataSetId", "single", title, "", module.getDataSet(), "dataSetId", "dataSet", helpText, "dataset-fields pagedSelect", "", "", "", attributes) }}

                <input type="hidden" name="step" value="1" />
            </form>
        </div>
    </div>
{% endblock %}