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

{% block title %}Accueil{% endblock %}

{% block content %}
<div class="row">
    <article class="col-sm-8">
        <div class="jumbotron">
                <h1 class="indexTitle">Billet simple pour l'Alaska</h1>
                <h2 class="indexTitle">de Jean FORTEROCHE</h2>
        </div>
        <p>Bienvenue sur le blog de <strong>Jean Forteroche</strong>.<br><strong>"Billet simple pour l'Alaska"</strong> est le titre de mon nouveau livre. <br>
        Je vais écrire et mettre en ligne quotidiennement des épisodes de ce livre et vos retours me permettront de vous proposer une suite à laquelle je n'avais peut-être même pas pensé.<br>Il s'agit d'une nouvelle façon originale de d'écrire et de lire un livre...</p>
        <p><strong>Vivez une expérience nouvelle.</strong></p>
    </article>
    <div class="col-sm-4"> 
        <aside><img class="img-responsive" src = "{{ asset('/images/alaska_ours.jpg') }}" alt="Jean Forteroche, auteur"> 
        </aside>
        <aside>A propos de <strong>Jean Forteroche</strong> :<br> Acteur et ecrivain futuriste<br>En 1700, un français nommé Forteroche voulut construire à Paris un " Cirque Royal " coûtant quatre cent mille livres, à quoi d'Argenson s'opposa ; ce Forteroche passa en Angleterre, et proposa à la reine Anne, qui en fut un moment séduite, l'idée de bâtir à Londres un théâtre à machines, plus beau que celui du roi de France, et ayant un quatrième debous.</aside>
    </div>
</div>
<div class="well row">
	<section class="col-sm-10 col-sm-offset-1 table-responsive">
		<table class="table table-striped table-condensed">
			<caption>
                <h2 class="indexTitle">Derniers épisodes publiés</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>
        <p><a href="{{ path('episodes') }}" class="btn btn-info btn-lg " role="button">Tous les épisodes  <span class="glyphicon glyphicon glyphicon-hand-right"></span></a></p></td>
	</section>
</div>

{% endblock %}