{% extends "Jobs/job.html.twig" %}
{% import "Admin/macros.html.twig" as celler %}
{% if job.banner %}
{% set banner= asset(job.banner.file) %}
{% endif %}
{% block titlebox %}
<div class="fill relative flex col middle">
<h1 class="h2 white">{{title}}</h1>
</div>
{% endblock %}
{% block job_content %}
<div class='{{desktop("flex row space top bottom-80 top-60")}} {{mobile("")}}'>
<div class='w100 {{ desktop("right-60") }}'>
{{ include('Jobs/_job_info_.html.twig', {job:job, withButton: true}) }}
</div>
<aside class="{{desktop('third left-80 vt-20-in')}} {{mobile('vt-20-in')}}">
{% if sectorsJobs %}
{% if isMobile() %}
<div class="border border-gray border-1x bottom-40"></div>
{% endif %}
<p class="semibold {{ desktop("h4 warning") }}{{ mobile("top-20 h2 text-center black-alt") }}">{{ static.JobDetailPageConnexeOfferTitle }}</p>
<div class="{{ desktop("top-30") }}{{ mobile("top-40")}} flex col">
{% for o in sectorsJobs.results %}
{% if o != job %}
<div class="radius-5 {{ desktop("padding-20 bottom-30 shadow-alt")}}{{ mobile("padding-15 bottom-20 shadow-alt-2")}} bg-white black-alt">
<label class="{{ isDesktop() ? 'black-alt'}} semibold {{ desktop("h6") }}{{ mobile("h3") }}">{{o.title}}</label>
<p class="vt-10-in black-alt {{ isDesktop() ? "p-alt" : "h4" }}">{{ o.description|ellipse }}</p>
<div class="border {{ isDesktop() ? "border-gray" : "border-success" }} border {{ mobile("bottom-25 top-10") }}"></div>
<div class="top-20 bottom-10 flex row space">
<span></span>
<a class='p-alt radius-5 {{desktop('bg-gray border border-black border-1x black vt-7-in hz-10-in')}} {{mobile('bg-gray success medium vt-5-in hz-10-in')}} nowrap'
href='{{ path('job-detail', {uuid: o.uuid }) }}'>
{{ "see more"|trans }}
</a>
</div>
</div>
{% endif %}
{% endfor %}
</div>
{% endif %}
</aside>
</div>
{% endblock %}