{% extends 'layout.html.twig' %}
{% import "macros.html.twig" as macros %}

{% set breadcrumb = buildBreadcrumb([{'route': 'app_sign_index', 'trans': 'menu.signs'}]) %}

{% block title %}
    {{ renderTitle(breadcrumb)  }}
{% endblock %}

{% block breadcrumb %}
    {{ renderBreadcrumb(breadcrumb)  }}
{% endblock %}

{% block meta %}
    {% if context == 'user'  %}
        {{ include('App/_partials/_meta.html.twig', {
            'title': renderTitle(breadcrumb),
            'description': 'menu.collections_user'|trans({'%username%':  app.request.get('username')})
        }) }}
    {% else %}
        {{ parent() }}
    {% endif %}
{% endblock %}

{% block content %}
    <div class="title-block">
        <h1>{{ 'menu.signs'|trans() }}</h1>
        <ul class="nav nav-pills">
            <li>{{ 'counter.signs'|trans({'%count%': signs|length}) }}</li>
        </ul>
    </div>

    <div></div>

    <div class="btn-holder">
        {% if context == 'default' %}
            <i data-target="modal-share" class="button btn-share modal-trigger fa fa-share fa-fw" title="{{ 'tooltip.share'|trans }}"></i>
        {% endif %}
    </div>

    <div class="content-block">
        <div id="collection-items" class="grid-container-items">
            {% for sign in signs %}
                <div class="collection-item element valign-wrapper">
                    <a href="{{ asset(sign.image) }}" data-lightbox="image-{{ sign.id }}" data-title="{{ sign.item.name }} - {{ sign.label }}">
                        {{ macros.lazyImage(sign.imageSmallThumbnail, 'aria.datum_sign_thumbnail'|trans({'%label%': sign.label}), sign.label) }}
                    </a>
                </div>
            {% endfor %}
        </div>
    </div>
{% endblock %}

{% block modals %}
    {% if context == 'default' %}
        {{ include('App/_partials/_modal/_share.html.twig', {'route': url('app_user_sign_index', {username: app.user.username})}) }}
    {% endif %}
{% endblock %}