{% extends 'layouts/layout.html.twig' %}
{% block content %}
{% set queryParams = app.request.query.all %}
<main class="pullc">
<div class="container-xl directory">
<div class="row">
<div class="col-lg-3 leftpull section-pillar d-none d-lg-block">
<div class="section-title px-3 px-lg-3 ps-lg-0 d-flex flex-column">
<h1 class="mb-lg-5 pt-1 pe-lg-4 mt-5 text-lg-end">{{ section_title }}
</h1>
</div>
<form class="p-3 mb-5 filters" method="get" action="/Training-Resources">
<div class="row">
<div class="col col-12 col-md-6 col-lg-12">
{% if queryParams %}
<div class="text-center mb-1">
<a class="btn btn-outline-light" href="/Training-Resources">Clear filters</a>
</div>
{% endif %}
<fieldset>
<legend>Topic</legend>
{% for topic in topics_options %}
<div class="form-check">
<input class="form-check-input" onchange="this.form.submit()" id="topic{{ loop.index }}" name="topics[]" type="checkbox" {% if topic.value in topicsvalues %} checked {% endif %} value="{{ topic.value }}">
<label class="form-check-label" for="topic{{ loop.index }}">
{{ topic.key }}
</label>
</div>
{% endfor %}
</fieldset>
<hr>
</div>
<div class="col col-12 col-md-6 col-lg-12">
<fieldset>
<legend>Audience</legend>
{% for audience in audiences_options %}
<div class="form-check">
<input class="form-check-input" onchange="this.form.submit()" id="audiences{{ loop.index }}" name="audiences[]" type="checkbox" {% if audience.value in audiencesvalues %} checked {% endif %} value="{{ audience.value }}">
<label class="form-check-label" for="audiences{{ loop.index }}">
{{ audience.key }}
</label>
</div>
{% endfor %}
</fieldset>
<hr>
</div>
<div class="col col-12 col-md-6 col-lg-12">
<fieldset>
<legend>Type</legend>
<select class="form-select" name="type" aria-label="Resource type" onchange="this.form.submit()">
<option value="">All types</option>
{% for type in types_options %}
<option {% if type.value in typesvalues %} selected {% endif %} value="{{ type.value }}">{{ type.key }}</option>
{% endfor %}
</select>
</fieldset>
</div>
<div class="col col-12 col-md-6 col-lg-12 mt-2">
<hr>
<div class="input-group mt-3">
<input type="search" class="form-control" name="st" value="{{ st }}" placeholder="Search resources" aria-label="Search training resources">
<div class="input-group-append">
<button class="btn btn-outline-light" type="submit">Go</button>
</div>
</div>
</div>
</div>
<input type="hidden" name="sort" value="{{ sort }}">
</form>
{% if document.getProperty('pillar_background') %}
{% if document.getProperty('pillar_background').getMetadata('Credit') %}
<div class="pillar-credit">
Image:
{{ document.getProperty('pillar_background').getMetadata('Credit') }}
</div>
{% endif %}
{% endif %}
</div>
<div class="col-lg-9 ps-lg-5 pe-lg-5 pb-4">
<div class="breadcrumbs mt-3">
<a href="/">Home</a>
/
<a href="/Training">CESSDA Training</a>
/
<a href="/Training-Resources">Training Resources</a>
/
List
</div>
<div class="row mb-4">
<div class="col-12 my-3">
<div class="row justift-content-lg-end align-items-center">
<div class="col-12 col-lg-8">
<h1>Training Resources</h1>
</div>
<div class="col-12 col-lg-4 align-self-lg-end">
<form method="get" action="/Training-Resources">
<div class="input-group mb-3">
<button class="btn btn-primary" type="submit">Sort</button>
<select class="form-select" name="sort" aria-label="Sorting" onchange="this.form.submit()">
<option {% if sort == "date DESC" or not sort %} selected {% endif %} value="date DESC">Latest published</option>
<option {% if sort == "date ASC" %} selected {% endif %} value="date ASC">Earliest published</option>
<option {% if sort == "title" %} selected {% endif %} value="title">Title</option>
</select>
</div>
<input type="hidden" name="st" value="{{st}}">
{% if topicsvalues %}
{% for topicsvalue in topicsvalues %}
<input type="hidden" name="topics[]" value="{{topicsvalue}}">
{% endfor %}
{% endif %}
{% if audiencesvalues %}
{% for audiencesvalue in audiencesvalues %}
<input type="hidden" name="audiences[]" value="{{audiencesvalue}}">
{% endfor %}
{% endif %}
<input type="hidden" name="type" value="{{typesvalues}}">
</form>
</div>
</div>
</div>
{% if not resourceListing.items %}
<p class="text-center mt-2">No results. Please try different filters or search terms.</p>
{% endif %}
<div class="d-lg-none">
<a class="btn btn-primary mb-2" data-bs-toggle="collapse" href="#mobilefilters" role="button" aria-expanded="false" aria-controls="mobilefilters">
Show/hide filters
</a>
<form class="my-2 mobile-filters collapse" id="mobilefilters" method="get" action="/Training-Resources">
<div class="row p-3">
<div class="col col-12 col-md-6 col-lg-12">
{% if queryParams %}
<div class="text-center mb-1">
<a class="btn btn-outline-light" href="/Training-Resources">Clear filters</a>
</div>
{% endif %}
<fieldset>
<legend>Topic</legend>
{% for topic in topics_options %}
<div class="form-check">
<input class="form-check-input" id="mtopic{{ loop.index }}" name="topics[]" type="checkbox" {% if topic.value in topicsvalues %} checked {% endif %} value="{{ topic.value }}">
<label class="form-check-label" for="mtopic{{ loop.index }}">
{{ topic.key }}
</label>
</div>
{% endfor %}
</fieldset>
</div>
<div class="col col-12 col-md-6 col-lg-12 pt-2 pt-md-0">
<fieldset>
<legend>Audience</legend>
{% for audience in audiences_options %}
<div class="form-check">
<input class="form-check-input" id="maudiences{{ loop.index }}" name="audiences[]" type="checkbox" {% if audience.value in audiencesvalues %} checked {% endif %} value="{{ audience.value }}">
<label class="form-check-label" for="maudiences{{ loop.index }}">
{{ audience.key }}
</label>
</div>
{% endfor %}
</fieldset>
</div>
</div>
<div class="row pb-3 pt-0 px-3">
<div class="col col-12 col-md-6 col-lg-12">
<fieldset>
<select class="form-select" name="type" aria-label="Resource type">
<option value="">All types</option>
{% for type in types_options %}
<option {% if type.value in typesvalues %} selected {% endif %} value="{{ type.value }}">{{ type.key }}</option>
{% endfor %}
</select>
</fieldset>
</div>
<div class="col col-12 col-md-6 col-lg-12 pt-2 pt-md-0">
<div class="form-floating">
<input type="search" class="form-control" name="st" value="{{ st }}" id="msearchterms" placeholder="Search terms" aria-label="Search training resources">
<label for="msearchterms">Additional search terms</label>
</div>
</div>
<input type="hidden" name="sort" value="{{ sort }}">
<div class="col-12 mt-3">
<button class="btn btn-primary" type="submit">Apply</button>
</div>
</div>
</form>
</div>
</div>
{% for resource in resourceListing %}
<div class="row newslist mb-2">
{% set detailLink = app_resource_detaillink(resource) %}
<div class="col-12 p-2">
<h2>
<a href="{{ detailLink }}{% if qs is defined and qs != "" %}?{{ qs }}{% endif %}" class="listlink bluelink stretched-link">{{ resource.title }}</a>
</h2>
<span class="eventdate">{{ resource.date | date('Y-m-d') }}</span>
{% for topic in resource.topics %}
<span class="badge rounded-pill bg-green-050 text-dark">
{{ topic }}</span>
{% endfor %}
{% for resource_type in resource.resource_type %}
<span class="badge rounded-pill bg-green-050 text-dark">
{{ resource_type }}</span>
{% endfor %}
{% for resource_format in resource.resource_format %}
<span class="badge rounded-pill bg-green-050 text-dark">
{{ resource_format }}</span>
{% endfor %}
<div class="w-100">
<div class="mb-1">
{% if resource.description|length > 300 %}
{{ resource.description|slice(0, 297)|trim ~ '...' }}
{% else %}
{{ resource.description }}
{% endif %}
</div>
</div>
</div>
</div>
{% endfor %}
<div class="mt-5">
{% include 'includes/pagination.html.twig' %}</div>
</div>
{#{ dump(filterprequery) }#}
</div>
</div>
</main>{% endblock %}