<f:spaceless>
    <v:variable.set name="models" value="{v:iterator.filter(subject: {})}"></v:variable.set>
    <f:for each="{teasers}" as="teaser">
        <flux:form.data table="tt_content" field="pi_flexform" record="{teaser}" as="flexformData">
            
            <v:variable.set name="uid" value="{teaser.uid}" />

            <f:if condition="{flexformData.image}">
                {v:content.resources.fal(table: 'tt_content', field: 'image', uid: uid) -> v:iterator.first() -> v:variable.set(name: 'image')}
                <v:variable.set name="imageUrl" value="{f:uri.image(src: image.uid, treatIdAsReference: 1, crop: image.crop)}" />
            </f:if>
            <v:variable.set name="name" value="{flexformData.headline}" />
            <v:variable.set name="text" value="{flexformData.text -> f:format.raw()}" />
            <v:variable.set name="buttonText" value="{flexformData.buttonText}" />
            <v:variable.set name="detailUrl" value="{f:uri.typolink(parameter: flexformData.buttonLink)}" />
            <v:variable.set name="model" value="{
                uid: uid,
                name: name,
                imageUrl: imageUrl,
                text: text,
                buttonText: buttonText,
                detailUrl: detailUrl
            }"></v:variable.set>
            <v:variable.set name="models">{models -> v:iterator.push(add: model, key: i.index)}</v:variable.set>
        </flux:form.data>
    </f:for>

    {models -> v:format.json.encode()}
</f:spaceless>