{% extends 'base.html.twig' %}
{% block title %}{{ setting.siteName }} : newsletter{% endblock %}
{% block body %}
<div class="container py-4">
<div class="row pt-3">
<div class="col">
{# Breadcrumbs #}
<div class="row">
<div class="col small">
<nav style="--bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Cpath d='M2.5 0L1 1.5 3.5 4 1 6.5 2.5 8l4-4-4-4z' fill='%236c757d'/%3E%3C/svg%3E");"
aria-label="breadcrumb">
<ol class="breadcrumb small">
<li class="breadcrumb-item"><a href="{{ path('app_home') }}" class="text-decoration-none text-dark">Accueil</a></li>
<li class="breadcrumb-item active" aria-current="page">Newsletter</li>
</ol>
</nav>
</div>
</div>
</div>
</div>
<div class="row my-5">
<div class="col text-center">
<h1 class="color1 fw-700 text-uppercase" data-aos="fade-down" data-aos-duration="2000">Liste des newsletters</h1>
</div>
</div>
</div>
<div class="container pt-1 pb-5 mb-5">
<div class="row">
<div class="col text-center">
{% for newsletter in newsletters %}
<a href="{{ asset('assets/files/newsletters/' ~ newsletter.file ) }}" class="btn btn-outline-primary" data-aos="fade-up" data-aos-duration="2000">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M7 17h10v-2H7v2Zm5-3l4-4l-1.4-1.4l-1.6 1.55V6h-2v4.15L9.4 8.6L8 10l4 4Zm0 8q-2.075 0-3.9-.788t-3.175-2.137q-1.35-1.35-2.137-3.175T2 12q0-2.075.788-3.9t2.137-3.175q1.35-1.35 3.175-2.137T12 2q2.075 0 3.9.788t3.175 2.137q1.35 1.35 2.138 3.175T22 12q0 2.075-.788 3.9t-2.137 3.175q-1.35 1.35-3.175 2.138T12 22Z"/></svg>
{{ newsletter.title }}
</a>
{% endfor %}
</div>
</div>
</div>
{% endblock %}