{% extends 'base/one.column.html.twig' %}

{% set title = 'My Snips' %}

{% block body %}
    <a class="btn btn-success" href="{{ path('snip_new') }}">
        <i class="fa fa-plus"></i> Add
    </a>
    {% if request.onlyVisible %}
        <a class="btn btn-secondary" href="{{ path('snip_index', {onlyVisible: false}) }}">Show hidden</a>
    {% else %}
        <a class="btn btn-secondary" href="{{ path('snip_index', {onlyVisible: true}) }}">Hide hidden</a>
    {% endif %}

    {% if request.sort != 'name' %}
        <a class="btn btn-secondary" href="{{ path('snip_index', {sort: 'name'}) }}">Sort by name</a>
    {% endif %}
    {% if request.sort != 'date' %}
        <a class="btn btn-secondary" href="{{ path('snip_index', {sort: 'date'}) }}">Sort by date</a>
    {% endif %}

    <br><br>
    <div class="list-group">
        {% for snip in snips %}
            <a class="list-group-item d-flex justify-content-between" href="{{ path('snip_single', {snip: snip.id}) }}">
                <span>
                    {{ include('snip/badge.html.twig', {snip: snip}) }}
                    {{ snip }}
                </span>
            </a>
        {% endfor %}
    </div>
{% endblock %}