{% extends '@AcmeOffres/layout.html.twig' %}
{% block title %}
'Liste des offres ' - {{ parent() }}
{% endblock %}
{% block content %}
<div class="opp-search">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h1 class="opp-title">Opportunités</h1>
<p>Emplois, stages, ...</p>
<form action="{{path('job_index')}}" method="GET">
<div class="opp-search-bar">
<label for="opp-search" class="sr-only">Recherche</label>
<input type="search" id="opp-search" class="form-control" name="qsearch" value="{{app.request.query.get("qsearch")}}" placeholder="Chercher une offre" />
<button class="btn btn-orange">Rechercher</button>
</div>
</form>
<p class="text-center"><a href="{{path('job_new')}}">Poster une offre</a></p>
</div>
</div>
</div>
</div>
<section class="opportinites">
<div class="container">
<div class="row">
<div class="col-12">
<div class="opp-group">
{% if app.request.query.get("qsearch") %}
<div class="opp-item"><h2>{{ offresEmplois|length }} resultat(s) trouvé(s)</h2>
</div>
{% endif %}
{% for offresEmploi in offresEmplois %}
<div class="opp-item">
<h3 class="opp-item-title"><a href="{{ path('job_show', { 'id': offresEmploi.id }) }}">{{ offresEmploi.titreoffre }}</a></h3>
<h5 class="opp-item-point"> {{ offresEmploi.categoriesoffres }} - {{ offresEmploi.annonceurs.organisme }} - <i class="icon-location-pin"></i> {{ offresEmploi.annonceurs.adresse }}</h5>
<p>{{ offresEmploi.texte[:225]|raw }}</p>
</div>
{% endfor %}
</div>
</div>
<div class="col-12">
<div class="pagination">
<!--
<ul>
<li class="prev disabled"><span><span class="icon--arrow-left pagination__direction-icon"></span></span></li>
<li class="active"><span>1</span></li>
<li><a href="/news?page=2">2</a></li>
<li class="next"><a href="/news?page=2" rel="next"><span class="icon--arrow-right pagination__direction-icon"></span></a></li>
</ul>
-->
</div>
</div>
</div>
</div>
</section>
{% endblock content %}