{% extends 'layout.html.twig' %}
{% block content %}
<main id="main" role="main">
<section id="pro-jobs" class="apk-jobs">
<div class="uk-container">
<div class="main-content">
<h1 class="uk-h2 apk-underlined">{{ 'Les offres d\'emplois'|trans }}</h1>
<div class="uk-margin-medium-top">
<ul class="uk-list uk-padding-remove uk-margin-remove ">
{% set j = 0 %}
{% for job in jobs %}
<li class="uk-margin-top">
<div class="apk-rounded-box">
<div class="uk-grid-small uk-margin-bottom uk-grid" uk-grid>
<div class="uk-width-expand@s">
<span class="uk-text-bold big">{{job.getTitle()}}</span> {{'chez' |trans}} <span>{{businesses[j].getName()}}</span>
<p class="uk-margin-remove-top"><i>{{job.getContract()}}</i></p>
</div>
<div class="uk-width-auto@s uk-grid-small uk-text-center uk-grid" uk-grid>
<div>
<a class="uk-flex uk-flex-middle uk-button uk-button-collapsed uk-text-uppercase uk-button-primary"
href="{{path('jobDetail', {'id' : job.id})}}">
<img class="uk-margin-small-right" uk-svg width="20" height="20" src="/static/img/icons/editer.svg" alt="{{ "Postuler"|trans }}">
{{'Postuler'|trans}}
</a>
</div>
</div>
</div>
</div>
</li>
{% set j = j + 1 %}
{% endfor %}
</ul>
{% if not jobs %}
<div class="uk-alert-danger" uk-alert>
<p>{{ "Il n'y a pas d'offre d'emploi disponible."|trans }}</p>
</div>
</div>
{% endif %}
</div>
</div>
</section>
</main>
{% endblock %}