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

{% block title %}Nos Partenaires
{% endblock %}

{% block body %}
	<div class="article-view partners-page nosidebar">
		<div class="article-hero">
			<img src="/images/placeholder/placeholder.jpg" alt="Cover of the article">
		</div>
		<div class="container grid">
			<div class="article-meta">
				<h1 itemprop="headline">Nos Partenaires</h1>
			</div>
			<div class="article-main">
				<div class="flex spaced base-content m-vertical m-centered m-v-centered">
					<p>{{ config('texts.page_nos_partenaires')|raw }}</p>
					<a href="{{ path("app_become_partner") }}" class="btn is-primary is-anim-s ml4">Devenir partenaire</a>
				</div>
                <div class="partner-cards">
				{% for partner in partners %}
					<div class="partner-card">
						<div class="picture">
							<img src="{{ asset(partner.image) }}" alt="">
						</div>
						<div class="base-content">
							<h2>{{ partner.name }}</h2>
							<p>{{ partner.description|raw }}</p>
							{% if partner.link or partner.link != "#" %}
                            <div class="action">
								<a href="{{ partner.link }}" target="_blank" class="btn is-anim-s is-secondary">En savoir plus</a>
                            </div>
							{% endif %}
						</div>
					</div>
				{% endfor %}
                </div>
				<div class="flex centered ">
					<a href="{{ path("app_become_partner") }}" class="btn is-primary is-anim-s is-xl">Devenir partenaire</a>
				</div>
			</div>
		</div>
	</div>
{% endblock %}