{% import "_includes/forms" as forms %}


{{ forms.textField({
    label: "Title"|t,
    instructions: "Customize the widget title. Leave blank for default."|t,
    id: 'title',
    name: 'title',
    value: settings.title,
    errors: settings.getErrors('title')
}) }}

{{ forms.selectField({
    label: "Chart Type"|t,
    id: 'chartType',
    name: 'chartType',
    options: chartTypes,
    value: settings.chartType,
    errors: settings.getErrors('chartType')
}) }}

{{ forms.selectField({
    label: "Chart Height"|t,
    id: 'chartHeight',
    name: 'chartHeight',
    options: {
        10: "10%",
        20: "20%",
        30: "30%",
        40: "40%",
        50: "50%",
        60: "60%",
        70: "70%",
        80: "80%",
        90: "90%",
        100: "100%",
    },
    value: settings.chartHeight,
    errors: settings.getErrors('chartHeight')
}) }}

{{ forms.selectField({
    label: "Select Date Range"|t,
    id: 'dateRange',
    name: 'dateRange',
    options: dateRangeOptions,
    value: settings.dateRange,
    errors: settings.getErrors('dateRange')
}) }}

{{ forms.lightswitchField({
    label: "Show all form data as a single, combined line?"|t,
    id: 'aggregate',
    name: 'aggregate',
    on: settings.aggregate,
    errors: settings.getErrors('aggregate')
}) }}

{{ forms.checkboxSelectField({
    label: "Forms"|t,
    instructions: "Which form submissions do you wish to show?"|t,
    id: 'formIds',
    name: 'formIds',
    options: formOptions,
    values: settings.formIds|length ? settings.formIds : '*',
    errors: settings.getErrors('formIds'),
    showAllOption: true,
}) }}