{% extends "layouts/master.html.twig" %}
{% block bodyClass %}tpl-board{% endblock %}
{% block siteHeader %}
{% include 'organisms/site-header.html.twig' %}
{% endblock %}
{% block pageHeader %}
{% include 'molecules/page-header.html.twig' with {
title: 'Taboleiro'
} %}
{% endblock %}
{% block pageContent %}
<div class="board-description">
<div class="at-lead-text">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec viverra eros quis ex malesuada pellentesque. Suspendisse mauris mauris, ultricies id egestas ac.</p>
</div>
<a href="{{ path('board_create') }}" class="at-button is-primary">Publicar un anuncio</a>
</div>
<div class="board-filters">
<div class="content-filter-options-wrapper">
<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>
<form class="ml-form">
<div class="form-content">
<div class="form-group">
<label for="form1-example-input" class="is-sr-only">Filtrar</label>
<input type="text" class="form-control" id="form1-example-input" placeholder="Filtrar">
</div>
</div>
</form>
<ul class="ml-tags-list">
<li>
<span class="at-tag is-secondary is-dismissable">
Etiqueta
<a href="" class="tag-dismiss">
<span class="is-sr-only">Eliminar</span>
</a>
</span>
</li>
<li>
<span class="at-tag is-secondary is-dismissable">
Etiqueta
<a href="" class="tag-dismiss">
<span class="is-sr-only">Eliminar</span>
</a>
</span>
</li>
</ul>
</div>
<usc-infinite-scroll
endpoint="{{ absolute_url(path('board_ajax')) }}"
container-selector=".board-content"
>
<div class="row board-content">
{% for i in 0..11 %}
<div class="col-md-6 col-lg-3">
{% include 'molecules/notices/summary.html.twig' with { modifiers: '', hasDetail: true, hasTags: true } %}
</div>
{% endfor %}
</div>
</usc-infinite-scroll>
{% endblock %}
{% block siteFooter %}
{% include 'organisms/site-footer.html.twig' %}
{% endblock %}