{% extends 'layouts/layout.html.twig' %}
{% block content %}
{% set queryParams = app.request.query.all %}
<main class="pullc">
<div class="container-xl directory rd">
<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">Tools
</h1>
</div>
<form class="p-3 mb-5 filters" method="get" action="/Resource-Directory">
<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="/Resource-Directory">Clear filters</a>
</div>
{% endif %}
<legend>Topics</legend>
<hr>
<input type="hidden" name="tree" value="{{ treevalues }}">
<input type="hidden" name="rtag" value="{{ rtag }}">
<ul class="list-unstyled">
{% for tag in tags %}
<li {% if tag.id in treevalues %} class="fw-bold" {% endif %}>
<a href="/Resource-Directory?tree={{ tag.id }}{{ qslink }}">{{ tag.text }}</a>
</li>
{% if tag.id in treevalues and tag.nodes %}
<li>
<ul class="list-unstyled">
{% for node in tag.nodes %}
<li class="ps-4{% if node.id in treevalues %} fw-bold{% endif %}">
<a href="/Resource-Directory?tree={{ tag.id }},{{ node.id }}{{ qslink }}">{{ node.text }}</a>
</li>
{% endfor %}
</li>
</li>
</ul>
{% endif %}
{% endfor %}
</ul>
<hr>
<fieldset>
<legend>Contributor</legend>
<select class="form-select" name="contributor" aria-label="Contributors" onchange="this.form.submit()">
<option value="">Any</option>
{% for contributor in contributors_options %}
<option {% if contributor.value in contributorsvalues %} selected {% endif %} value="{{ contributor.value }}">{{ contributor.key }}</option>
{% endfor %}
</select>
</fieldset>
</div>
<div class="col col-12 col-md-6 col-lg-12 mt-2"><hr>
<fieldset>
<legend>Project</legend>
<select class="form-select" name="project" aria-label="Project" onchange="this.form.submit()">
<option value="">Any</option>
{% for project in projects_options %}
<option {% if project.value in projectsvalues %} selected {% endif %} value="{{ project.value }}">{{ project.key }}</option>
{% endfor %}
</select>
</fieldset>
</div>
<div class="col col-12 col-md-6 col-lg-12 mt-2"><hr>
<fieldset>
<legend>Type</legend>
<select class="form-select" name="type" aria-label="Resource type" onchange="this.form.submit()">
<option value="">Any</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 terms" 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="/Tools">Tools</a>
/
CESSDA Resource Directory
</div>
{#{ dump(tags) }#}
<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">
<h2>CESSDA Resource Directory</h2>
</div>
<div class="col-12 col-lg-4 align-self-lg-end">
<form method="get" action="/Resource-Directory">
<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 added</option>
<option {% if sort == "title" %} selected {% endif %} value="title">Title</option>
</select>
</div>
<input type="hidden" name="st" value="{{st}}">
{% if treevalues %}
<input type="hidden" name="tree" value="{{ treevalues }}">
{% endif %}
{% if rtag %}
<input type="hidden" name="rtag" value="{{ rtag }}">
{% endif %}
{% if contributorsvalues %}
<input type="hidden" name="contributor" value="{{contributorsvalues}}">
{% endif %}
{% if projectsvalues %}
<input type="hidden" name="project" value="{{projectsvalues}}">
{% endif %}
<input type="hidden" name="type" value="{{typesvalues}}">
</form>
</div>
</div>
</div>
{% if not rdResourceListing.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="/Resource-Directory">
<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="/Resource-Directory">Clear filters</a>
</div>
{% endif %}
<legend>Topics</legend>
<hr>
<input type="hidden" name="tree" value="{{ treevalues }}">
<input type="hidden" name="rtag" value="{{ rtag }}">
<ul class="list-unstyled">
{% for tag in tags %}
<li {% if tag.id in treevalues %} class="fw-bold" {% endif %}>
<a href="/Resource-Directory?tree={{ tag.id }}{{ qslink }}">{{ tag.text }}</a>
</li>
{% if tag.id in treevalues and tag.nodes %}
<li>
<ul class="list-unstyled">
{% for node in tag.nodes %}
<li class="ps-4{% if node.id in treevalues %} fw-bold{% endif %}">
<a href="/Resource-Directory?tree={{ tag.id }},{{ node.id }}{{ qslink }}">{{ node.text }}</a>
</li>
{% endfor %}
</li>
</li>
</ul>
{% endif %}
{% endfor %}
</ul>
</div>
<div class="col col-12 col-md-6 col-lg-12 mt-2">
<fieldset>
<legend>Contributor</legend>
<hr>
<select class="form-select" name="contributor" aria-label="Contributors" onchange="this.form.submit()">
<option value="">Any</option>
{% for contributor in contributors_options %}
<option {% if contributor.value in contributorsvalues %} selected {% endif %} value="{{ contributor.value }}">{{ contributor.key }}</option>
{% endfor %}
</select>
</fieldset>
<hr>
<fieldset>
<legend>Project</legend>
<hr>
<select class="form-select" name="project" aria-label="Project" onchange="this.form.submit()">
<option value="">Any</option>
{% for project in projects_options %}
<option {% if project.value in projectsvalues %} selected {% endif %} value="{{ project.value }}">{{ project.key }}</option>
{% endfor %}
</select>
</fieldset>
</div>
<div class="col col-12 col-md-6 col-lg-12 mt-2"><hr>
<fieldset>
<legend>Type</legend>
<hr>
<select class="form-select" name="type" aria-label="Resource type" onchange="this.form.submit()">
<option value="">Any</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">
<legend>Search terms</legend>
<hr>
<div class="input-group mt-3">
<input type="search" class="form-control" name="st" value="{{ st }}" placeholder="Search terms" 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>
</div>
</div>
{% if rtagname is not empty %}
<div class="text-center mb-2">Tag: <span class="badge rounded-pill bg-blue-050 text-dark">{{rtagname}}</span> <a href="/Resource-Directory" class="badge rounded-pill bg-blue-600 text-white">Clear tag</a></div>
{% endif %}
{% if paginationVariables.totalCount > 0 %}
<div class="results mb-4">Showing {{ paginationVariables.firstItemNumber }} to {{ paginationVariables.lastItemNumber }} of {{ paginationVariables.totalCount }} items</div>
{% endif %}
{% for resource in rdResourceListing %}
<div class="row newslist">
{% set detailLink = app_rdresource_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">
{% if resource.publish_date %}
{{ resource.publish_date | date('Y') }}
{% endif %}
</span>
{% if resource.resource_type %}
<span class="badge rounded-pill bg-gray-200 text-dark">
{{ resource.resource_type }}</span>
{% endif %}
{% for resource_format in resource.resource_format %}
{% if resource_format != 'Webpage' %}
<span class="badge rounded-pill bg-gray-200 text-dark">
{{ resource_format }}</span>
{% endif %}
{% 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 %}
{% if paginationVariables.totalCount > 0 %}
<div class="results mt-4">Showing {{ paginationVariables.firstItemNumber }} to {{ paginationVariables.lastItemNumber }} of {{ paginationVariables.totalCount }} items</div>
{% endif %}
<div class="mt-5">
{% include 'includes/pagination.html.twig' %}</div>
</div>
{#{ dump(filterprequery) }#}
</div>
</div>
</main>{% endblock %}