{% extends "layout.html.twig" %}

{% block title %}Episodes{% endblock %}

{% block content %}

<div class="jumbotron">
        <h1 class="indexTitle">Billet simple pour l'Alaska</h1>
        <h2 class="indexTitle">de Jean FORTEROCHE</h2>
</div>

<div class="row">
	<section class="col-sm-10 col-sm-offset-1 table-responsive">
		<table class="table table-striped table-condensed">
			<caption>
                <h2 class="indexTitle">Liste des épisodes</h2>
			</caption>
            <tbody class="tepisode">
                {% for episode in episodes %}
                    <tr>
                        <td class="colTitre"><a class="episodeTitle" href="{{ path('episode', { 'id': episode.id }) }}">{{ episode.title }}</a></td>
                        <td>{{ episode.content | truncate(160) | raw  }}
                            <p><a href="{{ path('episode', { 'id': episode.id }) }}" class="btn btn-info btn-sm pull-right" role="button">Lire plus  <span class="glyphicon glyphicon glyphicon-hand-right"></span></a></p>  
                        </td>
                    </tr>
                 {% endfor %}
            </tbody>
        </table>
	</section>
</div>

{% endblock %}