{#if parameters.empty}
    <div class="alert alert-secondary" role="alert">
        <small>Dieser Job hat keine Parameter.</small>
    </div>
{#else}
    <div class="card">
        <div class="card-header">
            <strong>Job-Parameter</strong>
        </div>
        <div class="card-body">
            {#for section in parameterSections}
                {#if section.title}<h5>{section.title}</h5>{/if}
                {#if section.layout.name() == 'TWO_VALUES_ON_LINE_LABEL_ABOVE'}
                    <div class="row">
                {/if}
                {#for param in parameters}
                    {#if param.sectionId == section.id}
                        {#if section.layout.name() == 'TWO_VALUES_ON_LINE_LABEL_ABOVE'}
                            <div class="col-md-6">
                        {/if}
                        <div class="mb-3">
                            <label for="param-{param.name()}" class="form-label">
                                {param.displayName()}
                                {#if param.required()}
                                    <span class="text-danger">*</span>
                                {/if}
                                <small class="text-muted">(Typ: {param.type()}{#if !param.required()}, optional{/if})</small>
                            </label>

                            {#if param.type().name() == 'STRING'}
                                <input type="text"
                                       name="parameters.{param.name()}"
                                       id="param-{param.name()}"
                                       class="form-control"
                                       maxlength="{param.maxlength()}"
                                       {#if param.required()}required{/if}
                                        {#if existingValues}
                                            {#if existingValues.get(param.name())}
                                                value="{existingValues.get(param.name())}"
                                            {#else}
                                                {#if param.defaultValue()}
                                                    value="{param.defaultValue()}"
                                                {/if}
                                            {/if}
                                        {#else}
                                            {#if param.defaultValue()}
                                                value="{param.defaultValue()}"
                                            {/if}
                                        {/if}
                                       {#if param.description()}title="{param.description()}" data-bs-toggle="tooltip" data-bs-placement="top"{/if}
                                       placeholder="Text eingeben (max. {param.maxlength()} Zeichen)">
                                <small class="form-text text-muted" data-counter-for="param-{param.name()}">Verbleibend: - von {param.maxlength()}</small>

                            {#else if param.type().name() == 'MULTILINE'}
                                <textarea name="parameters.{param.name()}"
                                          id="param-{param.name()}"
                                          class="form-control"
                                          rows="5"
                                          maxlength="{param.maxlength()}"
                                          {#if param.required()}required{/if}
                                          {#if param.description()}title="{param.description()}" data-bs-toggle="tooltip" data-bs-placement="top"{/if}
                                          placeholder="Mehrzeiliger Text eingeben (max. {param.maxlength()} Zeichen)">{#if existingValues}{#if existingValues.get(param.name())}{existingValues.get(param.name())}{#else}{#if param.defaultValue()}{param.defaultValue()}{/if}{/if}{#else}{#if param.defaultValue()}{param.defaultValue()}{/if}{/if}</textarea>
                                <small class="form-text text-muted" data-counter-for="param-{param.name()}">Verbleibend: - von {param.maxlength()}</small>

                            {#else if param.type().name() == 'INTEGER'}
                                <input type="number"
                                       name="parameters.{param.name()}"
                                       id="param-{param.name()}"
                                       class="form-control"
                                       {#if param.required()}required{/if}
                                        {#if existingValues}
                                            {#if existingValues.get(param.name())}
                                                value="{existingValues.get(param.name())}"
                                            {#else}
                                                {#if param.defaultValue()}
                                                    value="{param.defaultValue()}"
                                                {/if}
                                            {/if}
                                        {#else}
                                            {#if param.defaultValue()}
                                                value="{param.defaultValue()}"
                                            {/if}
                                        {/if}
                                        {#if param.description()}title="{param.description()}" data-bs-toggle="tooltip" data-bs-placement="top"{/if}
                                       placeholder="Zahl eingeben">

                            {#else if param.type().name() == 'DOUBLE'}
                                <input type="number"
                                       step="any"
                                       name="parameters.{param.name()}"
                                       id="param-{param.name()}"
                                       class="form-control"
                                       {#if param.required()}required{/if}
                                        {#if existingValues}
                                            {#if existingValues.get(param.name())}
                                                value="{existingValues.get(param.name())}"
                                            {#else}
                                                {#if param.defaultValue()}
                                                    value="{param.defaultValue()}"
                                                {/if}
                                            {/if}
                                        {#else}
                                            {#if param.defaultValue()}
                                                value="{param.defaultValue()}"
                                            {/if}
                                        {/if}
                                        {#if param.description()}title="{param.description()}" data-bs-toggle="tooltip" data-bs-placement="top"{/if}
                                       placeholder="Dezimalzahl eingeben (z.B. 3.14)">

                            {#else if param.type().name() == 'BOOLEAN'}
                                <select name="parameters.{param.name()}"
                                        id="param-{param.name()}"
                                        class="form-select"
                                        {#if param.required()}required{/if}
                                        {#if param.description()}title="{param.description()}" data-bs-toggle="tooltip" data-bs-placement="top"{/if}>
                                    {#if existingValues}
                                        {#if existingValues.get(param.name())}
                                            <option value="true"
                                                    {#if existingValues.get(param.name()) == 'true' || existingValues.get(param.name()) == true}selected{/if}>
                                                Ja
                                            </option>
                                            <option value="false"
                                                    {#if existingValues.get(param.name()) == 'false' || existingValues.get(param.name()) == false}selected{/if}>
                                                Nein
                                            </option>
                                        {#else}
                                            <option value="true" {#if param.defaultValue()}selected{/if}>Ja</option>
                                            <option value="false" {#if ! param.defaultValue()}selected{/if}>Nein
                                            </option>
                                        {/if}
                                    {#else}
                                        <option value="true" {#if param.defaultValue() == 'true'}selected{/if}>Ja
                                        </option>
                                        <option value="false" {#if param.defaultValue() == 'false'}selected{/if}>
                                            Nein
                                        </option>
                                    {/if}
                                </select>

                            {#else if param.type().name() == 'DATE'}
                                <input type="date"
                                       name="parameters.{param.name()}"
                                       id="param-{param.name()}"
                                       class="form-control"
                                       {#if param.required()}required{/if}
                                {#if existingValues}
                                    {#if existingValues.get(param.name())}
                                        value="{existingValues.get(param.name())}"
                                    {#else}
                                        {#if param.defaultValue()}
                                            value="{param.defaultValue()}"
                                        {/if}
                                    {/if}
                                {#else}
                                    {#if param.defaultValue()}
                                        value="{param.defaultValue()}"
                                    {/if}
                                        {/if}
                                {#if param.description()}title="{param.description()}" data-bs-toggle="tooltip" data-bs-placement="top"{/if}>

                            {#else if param.type().name() == 'ENUM'}
                                <select name="parameters.{param.name()}"
                                        id="param-{param.name()}"
                                        class="form-select"
                                        {#if param.required()}required{/if}
                                        {#if param.description()}title="{param.description()}" data-bs-toggle="tooltip" data-bs-placement="top"{/if}>
                                    {#if ! param.required()}
                                        <option value="">-- Bitte auswählen --</option>
                                    {/if}
                                    {#for enumValue in param.enumValues()}
                                        <option value="{enumValue.value()}"
                                        {#if existingValues}
                                            {#if existingValues.get(param.name())}
                                                    {#if existingValues.get(param.name()).toString() == enumValue.value()}selected{/if}
                                            {#else}
                                                    {#if param.defaultValue() == enumValue.value()}selected{/if}
                                            {/if}
                                        {#else}
                                                {#if param.defaultValue() == enumValue.value()}selected{/if}
                                                {/if}>
                                            {enumValue.label()}
                                        </option>
                                    {/for}
                                </select>

                            {#else if param.type().name() == 'MULTI_ENUM'}
                                <select name="parameters.{param.name()}"
                                        id="param-{param.name()}"
                                        class="form-select"
                                        multiple
                                        size="5"
                                        {#if param.required()}required{/if}
                                        {#if param.description()}title="{param.description()}" data-bs-toggle="tooltip" data-bs-placement="top"{/if}>
                                    {#for enumValue in param.enumValues()}
                                        <option value="{enumValue.value()}"
                                        {#if existingValues}
                                            {#if existingValues.get(param.name())}
                                                    {#if existingValues.get(param.name()).toString().contains(enumValue.value())}selected{/if}
                                            {#else}
                                                    {#if param.defaultValue() && param.defaultValue().contains(enumValue.value())}selected{/if}
                                            {/if}
                                        {#else}
                                                {#if param.defaultValue() && param.defaultValue().contains(enumValue.value())}selected{/if}
                                                {/if}>
                                            {enumValue.label()}
                                        </option>
                                    {/for}
                                </select>
                                <small class="form-text text-muted">Mehrfachauswahl möglich (Strg/Cmd +
                                    Klick)</small>

                            {#else if param.type().name() == 'DATETIME'}
                                <input type="datetime-local"
                                       name="parameters.{param.name()}"
                                       id="param-{param.name()}"
                                       class="form-control"
                                       {#if param.required()}required{/if}
                                {#if existingValues}
                                    {#if existingValues.get(param.name())}
                                        value="{existingValues.get(param.name())}"
                                    {#else}
                                        {#if param.defaultValue()}
                                            value="{param.defaultValue()}"
                                        {/if}
                                    {/if}
                                {#else}
                                    {#if param.defaultValue()}
                                        value="{param.defaultValue()}"
                                    {/if}
                                        {/if}
                                {#if param.description()}title="{param.description()}" data-bs-toggle="tooltip" data-bs-placement="top"{/if}>
                            {/if}
                        </div>
                        {#if section.layout.name() == 'TWO_VALUES_ON_LINE_LABEL_ABOVE'}
                            </div>
                        {/if}
                    {/if}
                {/for}
                {#if section.layout.name() == 'TWO_VALUES_ON_LINE_LABEL_ABOVE'}
                    </div>
                {/if}
            {/for}
        </div>
    </div>
{/if}