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

{% block title %}Caro index{% endblock %}

{% block body %}
<div class="container">
   
	<h1>Liste des Hangars</h1>

 <!-- vrai code pour le site Pataplouf -->

    <table class="table">
        <thead>
            <tr>
                <th>Id</th>
                <th>Modele</th>
            
                <th>Adresse</th>
				<th>Departement</th>
                <th>Price</th>
                
                <th>Disponible</th>
			 	<th>Name</th> 
				<th>image</th>
                
                <th>actions</th>
            </tr>
        </thead>
        <tbody>
		{% set count = 0 %}
        {% for caro in caros %}
			{% set count = count + 1 %}
            <tr>
                <td>{{ caro.id }}</td>
				<td>{{ caro.carType.name }}</td>
            
                <td>{{ caro.adresse }}</td>  
			   {# 	<td>{{ caro.image }}</td> #}
				<td>{{ caro.departement }}</td>
                <td>{{ caro.price }}</td>
                <td>{{ caro.available ? 'Yes' : 'No' }}</td>
			 	<td>{{ caro.renter.name }}</td> 
				
				<td><img height="100px" src="{{ asset("uploads/images/Cars/") ~ caro.image  }}" ></td>
            {#     <td><img height="100px" src="{{ asset("media/img/Cars/") ~ caro.image  }}" ></a></td> #}
                <td>
                    <a href="{{ path('caro_show', {'id': caro.id}) }}">show</a>
                    <a href="{{ path('caro_edit', {'id': caro.id}) }}">edit</a>
                </td>
            </tr>
        {% else %}
            <tr>
                <td colspan="7">no records found</td>
            </tr>
        {% endfor %}
		<h2>Nombre de Hangar : {{ count }}</h2>
        </tbody>
    </table>
    <a href="{{ path('caro_new') }}">Create new</a>
  </div>
{% endblock %}