{% extends "template.html.twig" %}
{% set title = "Espace recrutement" %}
{% set desc = "" %}
{% set menu = 'accounts' %}
{% block banner %}
<div class='relative bg-warning w100 htop-in {{desktop("flex row")}} {{mobile("")}}'>
<div class="gpadding {{ desktop("top-60 bottom-40") }}{{ mobile("padding-20")}} flex col fill relative">
<h1 class="{{ desktop("h4") }}{{ mobile("h3 text-center")}} white top-10">{{ static.BannerTitle|raw }}</h1>
<div class="{{ desktop("top-30") }}">
{{ form_start(form) }}
<div class="flex row space search bottom mblock">
<div class="w100 right-10">
<label for="synonym-search" class="{{ desktop("bottom-10 medium block") }}{{ mobile("bottom-5 mblock top-20")}} white">{{ "Mot clé"|trans }}</label>
{{ form_widget(form.query) }}
</div>
<div class="w100 right-10">
<label for="synonym-sector" class="{{ desktop("bottom-10 medium block") }}{{ mobile("bottom-5 mblock top-20")}} white">{{ "Secteur d'activités"|trans }}</label>
{{ form_widget(form.sectors) }}
</div>
<div class="flex row bottom {{ mobile("top-15-in space") }}">
<button type="submit" class="pointer flex row middle {{desktop('btn shadow success radius-5 vt-15-in hz-40-in bg-success')}}{{mobile('bg-gray semibold border border-1x border-success success half-5 flex col middle white noborder vt-8-in hz-25-in radius-4 nowrap p-alt')}}">
<span class="nowrap p-alt">{{ "search"|trans }}</span>
</button>
{% if isDesktop() %}
<div class="left-20"></div>
{% endif %}
<a href="{{ path('job-search') }}" class="flex row middle center success {{desktop('semibold bottom radius-5 vt-15-in')}}{{mobile('medium vt-10-in hz-10-in top-8')}}">
<svg style="height: 30px" aria-hidden="true" fill="currentColor" focusable="false" viewBox="0 0 24 24" class="mhide Svg-sc-t66izd-0 Icon__Svg-sc-1yrtjf1-0 bUGIUj">
<path d="M10.5 24h-.2c-.2-.1-.3-.3-.3-.5V12.8L.1.8C0 .7 0 .5 0 .3.1.1.3 0 .5 0h23c.2 0 .4.1.5.3 0 .2 0 .4-.1.5l-9.9 12v7.7c0 .1-.1.3-.1.4l-3 3c-.1 0-.3.1-.4.1zM1.6 1l9.3 11.3c.1.1.1.2.1.3v9.7l2-2v-7.7c0-.1 0-.2.1-.3L22.4 1H1.6z"></path>
</svg>
<span class="nowrap">{{ "more filter"|trans }}</span>
</a>
</div>
</div>
{{ form_end(form) }}
</div>
</div>
</div>
{% endblock %}
{% block content %}
<div class='{{desktop("gpadding vt-80-in")}} {{mobile("hz-20-in")}}'>
<div class='{{desktop("flex row space top")}} {{mobile("")}}'>
<div id='article' class='w100 {{mobile("vt-20-in")}}'>
<div class="{{desktop("h2 bottom-20")}}{{mobile("bottom-20 h3 success top-5")}}">
{{ static.OffertBlockTitle|raw }}
</div>
<div class="{{ desktop("flex wrap space top-20") }}{{ mobile("flex col") }}">
{% for o in paginator.results %}
<div class="half-20 mw100">
{{ include('Jobs/_jobs_card.html.twig', {job: o}) }}
</div>
{% endfor %}
</div>
{% if isMobile() %}
<div class="top-30 bottom-20 flex col middle center">
{{ include('_paginator_.html.twig', {expanded: true}) }}
</div>
{% else %}
<div class="top-80-in bottom-60 flex row space w100">
<div></div>
<div>
{{ include('_paginator_.html.twig', {expanded: true}) }}
</div>
</div>
{% endif %}
</div>
</div>
{% endblock %}