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

{% block title %}
		{% if type == "jobs" %}
			Offres d'emploi
		{% elseif type == "stages"%}
			Stages
		{% else %}
			Missions de bénévolat
		{% endif %}
{% endblock %}

{% block body %}
	<div class="hero-title">
		<div class="container">
			<h1 class="underlined">Nous rejoindre</h1>
		</div>
	</div>
	<div class="container container-breadcrumb">
		{% if type == "jobs" %}
			{% include 'base/_partials/_breadcrumb.html.twig' with { entityUrl: "offres-d-emploi", entityLabel: "Offres d'emploi" } %}
		{% elseif type == "stages"%}
			{% include 'base/_partials/_breadcrumb.html.twig' with { entityUrl: "offres-de-mecenat", entityLabel: "Offres de mécénat" } %}
		{% else %}
			{% include 'base/_partials/_breadcrumb.html.twig' with { entityUrl: "benevolat", entityLabel: "Missions de bénévolat" } %}
		{% endif %}
	</div>
	<div class="container flex blog-list base-content" style="gap:0px">
		{% if type == "jobs" %}
			{{ config('texts.page_offres_emploi')|raw }}
		{% elseif type == "stages"%}
			{{ config('texts.page_stages')|raw }}
		{% else %}
			{{ config('texts.page_benevolat')|raw }}
		{% endif %}
	</div>
	{% if jobs %}
	<div class="container flex centerred">
		<h2 class="underlined centered" style="z-index: 5;">
			{% if type == "jobs" %}Les postes actuellement proposés
			{% elseif type == "stages"%}Les stages actuellement proposés
			{% else %}Les missions de bénévolat actuellement proposées{% endif %}</h2>
	</div>
	<div class="container flex job-list">
		{% for job in jobs %}
		    {% include "job/components/_job.html.twig" with { job: job } %}
		{% endfor %}
	</div>
	{% else %}
	<div class="container flex centerred placeholder">
		<h2 class="underlined centered" style="z-index: 5;">Aucun poste n'est disponible pour le moment</h2>
	</div>
	{% endif %}
{% endblock %}