{% extends 'base.html.twig' %}{% block pageTitle %}{% include 'frontend/elements/_page_title.html.twig' with {pageTitle: 'Offres d\'emploi colonie de vacances'} %}{% endblock %}{% block body %}<div class="container-type croq_job_offers" id="infos_utiles"><div class="container"><div class="row justify-content-center">{% if app.user is not null and app.user.contact is not null and (app.user.contact.candidatures | length >0) %}<div class="col-md-3 align-self-center"><p class="center"><a class="button bounce" href="{{ path('espace_candidature')}}">Espace Candidat</a></p></div>{% endif %}</div><h2> Nos postes à pourvoir </h2><ul class="jobs-titles">{% for job in jobs %}<li> <a data-target="job{{job.id}}" href="javascript:void(0);">{{job.title}}</a> </li>{% endfor %}</ul>{{ seoText.text | raw}}<div class="jobs">{% for job in jobs %}<div class="col-md-4 offre_recrutement" id="job{{job.id}}" data-id="{{job.id}}"><p class="date">Annonce du {{job.createdDate | date('d/m/Y') }}</p><h2 class="job-title"> {{job.title}} </h2><div class="job-description">{{ job.description | raw}}</div><button class="bounce button"data-action="click->hello#openJobModal">En savoir +</button></div>{% endfor %}</div><div class="row justify-content-center postuler-btn"><div class="col-md-3 "><a class="button bounce" href="{{ path('frontend_candidature')}}">Postuler en ligne</a></div></div><div class="modal fade" id="jobModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"><div class="modal-dialog"><div class="modal-content"><div class="modal-header"><h5 class="modal-title" id="modal-job-title">title</h5><button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button></div><div class="modal-body" id="modal-job-description"></div><div class="modal-footer"><a href="{{ path('frontend_candidature')}}?id=" id="job-url" class="bounce button">Postuler en ligne</a></div></div></div></div>{% endblock %}