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

{% block title %} {{ parent() }} Suivez toutes l'actualité,calendrier,résultats,classement,équipes,joueurs,statistiques,palmarès,transferts des plus grand championnats européen {% endblock %}

{% block body %}
	<h1 class="text-center" style="text-decoration:underline;font-family:Comic Sans MS, Comic Sans, cursive, Arial Black;">Actualité</h1>
    </br>
    <div class="flex">
    	{% for actu in Listactu %}
			<div class="actu mb-4">
				{% if actu.urlToImage is not null %}
					<a href="{{ actu.url }}"><img class="mb-2" src="{{ actu.urlToImage }}" width="450" height="250">
					<h5>{{ actu.title }}</h5></a>
				{% else %}
					<a href="{{ actu.url }}"><div class="actu-card"><img src="/public/images/spotifoot.png"></div><h5>{{ actu.title }}</h5></a>
	            {% endif %}
	            <p class="mb-1">{{ actu.source.name }} - {{ actu.publishedAt|date("d/m/Y H:i", "Europe/Paris") }}</p>
	            {{ actu.description }}
			</div>
    	{% endfor %}	
    </div>
{% endblock %}