{% extends "layouts/master.html.twig" %}
{% block bodyClass %}tpl-repository{% endblock %}
{% block siteHeader %}
{% include 'organisms/site-header.html.twig' %}
{% endblock %}
{% block pageHeader %}
{% include 'molecules/page-header.html.twig' with {
title: 'Directorio'
} %}
{% endblock %}
{% block pageContent %}
<form id="directorio-form" method="GET" action="" class="ml-form">
<header class="form-header">
<p>Inserir o nome, apelidos ou correo electrónico da persoa que estás a buscar.</p>
</header>
<div class="form-content">
<input type="text" id="q" name="q" value="" autofocus="autofocus" autocomplete="off" size="45" placeholder="Inserir texto a procurar" class="form-control">
<div class="form-actions">
<button type="submit" class="at-button is-primary">Buscar</button>
</div>
</div>
</form>
<div class="repository-filters">
<div class="ml-content-filter-options">
<ul class="content-filter-options-list">
<li>
<a href="" class="at-content-filter-option is-selected">Ver todo</a>
</li>
<li>
<a href="" class="at-content-filter-option">Opción 1</a>
</li>
<li>
<a href="" class="at-content-filter-option">Opción 2</a>
</li>
</ul>
</div>
<div class="ml-alphabetic-filter">
<ul class="alphabetic-filter-letters-list">
{% for letter in 'a'|upper..'z'|upper %}
<li>
<a href="" class="at-alphabetic-filter-letter{{ loop.first ? ' is-selected' : null }}">{{ letter }}</a>
</li>
{% endfor %}
</ul>
</div>
</div>
<usc-infinite-scroll
endpoint="{{ absolute_url(path('repository_ajax')) }}"
container-selector=".repository-content"
>
<div class="row repository-content">
{% for i in 0..15 %}
<div class="col-md-6 col-lg-3">
{% include 'molecules/specs/contact-hidden.html.twig' %}
</div>
{% endfor %}
</div>
</usc-infinite-scroll>
{% endblock %}
{% block siteFooter %}
{% include 'organisms/site-footer.html.twig' %}
{% endblock %}