{% block cogi_component_job_overview %}
{% set categoryId = app.request.get('id') %}
{% set thisCategory = null %}
{% for item in categories.elements %}
{% if item.id == categoryId %}
{% set thisCategory = item %}
{% endif %}
{% endfor %}
{% if (categoryId) %}
{# Category #}
<h1 class="h2">{{ title }}: {{ thisCategory.translated.name }}</h1>
<p>
{{ thisCategory.translated.description }}
</p>
{% else %}
{# No category #}
<h1 class="h2">{{ title }}</h1>
{% endif %}
<div class="row mt-4">
<div class="col-lg-2 col-md-3">
<div class="mt-4">
<label>
<b>
{{ 'cogi-recruiting.categories' | trans }}
</b>
</label>
{% for item in categories.elements %}
<a href="{{ seoUrl('frontend.cogirecruiting.overview', {id:item.id}) }}" class="list-group-item list-group-item-action {{ ((item.id == categoryId)) ? 'active' : '' }}" title="{{ item.name }}">
{{ item.translated.name }}
</a>
{% endfor %}
</div>
{% if (categoryId) %}
<a href="{{ seoUrl('frontend.cogirecruiting.overview') }}" class="btn btn-primary btn-sm mt-2" style="width: 100%" title="{{ 'cogi-recruiting.clearfilter' | trans }}">
{{ 'cogi-recruiting.clearfilter' | trans }}
</a>
{% endif %}
</div>
<div class="col-lg-10 col-md-9">
<div class="table-responsive">
<table class="table table-striped product-detail-properties-table">
<thead>
<tr>
<th>
{{ 'cogi-recruiting.table.title' | trans }}
</th>
<th>
{{ 'cogi-recruiting.table.location' | trans }}
</th>
<th>
{{ 'cogi-recruiting.table.createdAt' | trans }}
</th>
<th>
</th>
</tr>
</thead>
<tbody>
{% if jobs.elements %}
{% for job in jobs.elements %}
<tr>
<td>
<a href="{{ seoUrl('frontend.cogirecruiting.job', {id:job.id}) }}">
{{ job.translated.title }}
</a>
</td>
<td>
{{ job.get('zip') }} {{ job.get('place') }}
</td>
<td>
{{ job.get('createdAt')|format_date('long', locale=app.request.locale) }}
</td>
<td>
<a class="btn btn-primary btn-sm" href="{{ seoUrl('frontend.cogirecruiting.job', {id:job.id}) }}" title="{{ 'cogi-recruiting.view'|trans }}" aria-label="{{ 'cogi-recruiting.view'|trans }}">
{{ 'cogi-recruiting.view'|trans }}
</a>
</td>
</tr>
{% endfor %}
{% else %}
<tr>
<td colspan="4" class="text-center">
<b>{{ 'cogi-recruiting.noJobs'|trans }}</b>
</td>
</tr>
{% endif %}
</tbody>
</table>
</div>
</div>
</div>
{% endblock %}