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

{% block body %}

    <!-- BEGIN PAGE BAR -->
    <div class="page-bar">
        
        <!-- BEGIN BREADCRUMB -->
        <ul class="page-breadcrumb">
            <li>
                <a href="{{ path('homepage') }}">Accueil</a>
                <i class="fa fa-circle"></i>
            </li>
            <li>
                <span>Modèles</span>
            </li>
        </ul>
        <!-- END BREADCRUMB -->
    </div>

    <br/>

    <div class="portlet light bordered">
        <div class="portlet-title">
            <div class="caption">
                <i class="fa fa-users"></i>Liste des modèles</div>

                <div class="actions">
                    <a href="{{ path('modele_new') }}" class="btn white"><i class="fa fa-plus"></i> Ajouter </a>                </div>
        </div>
        <div class="portlet-body">
            <div class="table-responsive">

                <table class="table table-striped table-hover">
                    <thead>
                        <tr>
                            <th>Id</th>
                            <th>Modèle</th>
                            <th>Marque</th>
                            <th>Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                    {% for modele in modeles %}
                        <tr>
                            <td><a href="{{ path('modele_show', { 'id': modele.id }) }}">{{ modele.id }}</a></td>
                            <td>{{ modele.name }}</td>
                            <td>{{ modele.marque.name }}</td>
                            <td>
                                <div class="btn-group">
                                    <a href="{{ path('modele_show', { 'id': modele.id }) }}" class="btn btn-xs green" title="Afficher"><i class="fa fa-mail-forward"></i></a>
                                    <a href="{{ path('modele_edit', { 'id': modele.id }) }}" class="btn btn-xs blue" title="Modifier"><i class="fa fa-edit"></i></a>
                                    <a href="{{ path('modele_delete', { 'id': modele.id }) }}" class="btn btn-xs red" title="Supprimer"><i class="fa fa-close"></i></a>
                                </div>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
			</table>
		</div>
        <div class="text-center">{{ knp_pagination_render(modeles) }}</div>
	</div>
</div>

{% endblock %}