templates/recipe/index.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  2. {% block title %}Recipes{% endblock %}
  3. {% block body %}
  4.     <div class="d-flex align-items-center justify-content-between mb-2">
  5.         <h1 class="mt-4 mb-3">Recipes</h1>
  6.         <a class="btn btn-primary mt-3" href="{{ path('app_recipe_new') }}"> Add new</a>
  7.     </div>
  8.     <div class="row row-cols-1 row-cols-md-3 row-cols-xxl-4 g-4">
  9.         {% for recipe in recipes %}
  10.             <div class="col d-flex align-items-stretch">
  11.                 <div class="card ">
  12.                     <img src="{{ asset('images/lauch-linsen-suppe.png') }}" class="card-img-top" alt="...">
  13.                     <div class="card-body d-flex flex-column">
  14.                         <h5 class="card-title">{{ recipe.name }}</h5>
  15.                         <p class="card-text">Products:
  16.                             {% for product in recipe.products%}
  17.                                 {{product.name }}
  18.                                 {%- if product == recipe.products|last -%}
  19.                                     {{ '.' }}
  20.                                 {%- else -%}
  21.                                     {{ ',' }}
  22.                                 {% endif %}
  23.                             {% endfor %}
  24.                         </p>
  25.                         {{ include('recipe/_delete_form.html.twig') }}
  26.                     </div>
  27.                 </div>
  28.             </div>
  29.         {% endfor %}
  30.     </div>
  31. {% endblock %}