{% extends 'basetat.html.twig' %}

{% block title %}Producta index{% endblock %}

{# {% block body %} #}
{% block body %}
<div class="container">
	 <h2>
		<a href="{{ path('producta_index') }}" class="btn btn-primary">Sortie</a>
        {# <a href="{{ path('carta', { 'id' : producta.id }) }}" class="btn btn-primary">Ajouter au panier</a> #}
		 <a href="{{ path('carta') }}" class="btn btn-warning">Panier</a>
        {#  <a href="{{ path('producta_new') }}">Create new</a> #}
         </h2>
               
    </div>

    <section class="py-5">
            <div class="container">
                <div class="text-center">
                    <h2 class="section-heading text-uppercase">Sortie Pataplouf</h2>
                    
                </div>
                <div class="row">
                   {% for producta in productas %}
                    <div class="col-lg-4 col-sm-6 mb-4">
                        <!-- Portfolio item 1-->
                                           
                            <div class="card" style="width: 95%; margin: auto;">
                                <img src="{{ asset("uploads/") ~ producta.illustration  }} " alt="..." class="img-fluid" />
                                <div class="card-body">
                                    <h5 class="fw-bolder">Nom : {{ producta.name }}</h5>
                                    <h5 class="fw-bolder">Id : {{ producta.id }}</h5>
                                    <span class="text-muted text-decoration-line: none">{{ producta.price }} €</span>
                                </div>
                                <div class="card-footer p-4 pt-0 border-top-0 bg-transparent">
                                    <div class="text-center"><a class="btn btn-outline-dark mt-auto" href="{{ path('producta_show', {id: producta.id}) }}">Inscription</a></div>
                                    <div class="text-center"><a class="btn btn-outline-red mt-auto" href="{{ path('producta_show', {id: producta.id}) }}">Detail</a></div>
                                        <a href="{{ path('producta_show', {'id': producta.id}) }}">show</a>
                                        <a href="{{ path('producta_edit', {'id': producta.id}) }}">edit</a>
                                </div>

                           </div>                                                  
                            
                       </div>
                    
                      {% endfor %}
                
            </div>
            
        </section>
                         
{% endblock %}