nomilo/templates/pages/new_record/configs/web.html

<h2>{{ tr(msg="record-config-web-heading", name=new_record_name, lang=lang) }}</h2>

<form method="post" action="">
    <h3>{{ tr(msg="record-config-section-web", attr="servers", lang=lang) }}</h3>

    <div class="form-input">
        {{
            form::input(
                id="address-ttl",
                name="addresses[ttl]",
                value=input_data.addresses.ttl | default(value=""),
                type="number",
                errors=errors,
                errors_keys=[ "/addresses/ttl" ],
                error_msg_id="record-input-ttl",
                description=tr(msg="record-input-ttl", attr="help", lang=lang),
                label=tr(msg="record-input-ttl", attr="input-label", lang=lang),
                label_attributes=[],
                attributes=[],
            )
        }}
        </div>
    </div>
    {%- for address in input_data.addresses.data.addresses | default(value=[""]) -%}
        <div class="form-input" data-new-item-template="address">
            {{
                form::input(
                    id="address-" ~ loop.index0,
                    name="addresses[data][addresses][" ~loop.index0 ~ "][address]",
                    value=address.address | default(value=""),
                    type="text",
                    errors=errors,
                    errors_keys=[
                        "/addresses/data",
                        "/addresses/data/addresses/" ~ loop.index0 ~ "/address",
                    ],
                    error_msg_id="record-input-addresses",
                    label=tr(msg="record-input-addresses", attr="input-label", index=loop.index, lang=lang),
                    label_attributes=[
                        "data-new-item-template-attr", "for",
                        "data-template-for", "address-{i}",
                        "data-new-item-template-content", tr(msg="record-input-addresses", attr="input-label", index="{i}", lang=lang),
                    ],
                    delete_button_msg=tr(msg="record-input-addresses", attr="delete-button", index=loop.index, lang=lang),
                    delete_button_msg_template=tr(msg="record-input-addresses", attr="delete-button", index="{i}", lang=lang),
                    attributes=[
                        "data-new-item-template-attr", "name id",
                        "data-template-name", "addresses[data][addresses][{i}][address]",
                        "data-template-id", "address-{i}",
                    ]
                )
            }}
        </div>
    {%- endfor -%}
    <button class="form-new-item" type="button" data-new-item="address">
        {{ icons::plus_circle() }}
        {{ tr(msg="button-add-address", lang=lang) }}
    </button>

    <div class="form-action">
        <button type="submit">{{ tr(msg="button-save-configuration", lang=lang) }}</button>
    </div>
</form>