{{ form_start(form) }} <div class="mt-4 d-flex justify-content-between"> <div class="mt-4 d-flex"> <div class="me-3 fs-4">Shopping date:</div> {{ form_widget(form.date) }} </div> <button class="btn btn-primary mt-4 px-4" type="submit">Save</button> </div> <div class="row row-cols-1 row-cols-md-3 row-cols-xxl-4 g-4 mt-4"> {% for recipe in form.recipes %} <div class="col d-flex align-items-stretch"> <div class="card "> {% set fileName = form_label(recipe,null)|html_to_markdown|split(' ')|join('-')|lower %}{# <img src="{{ asset('images/'~fileName~'.png') }}" class="card-img-top" alt="...">#} <img src="{{ asset('images/lauch-linsen-suppe.png') }}" class="card-img-top" alt="..."> <div class="card-body d-flex flex-column"> <h5 class="card-title">{{ form_widget(recipe) }} - {{ form_label(recipe, null, {label_attr: {class: 'test' }}) }}</h5> </div> </div> </div> {% endfor %} </div>{{ form_end(form) }}