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

{% set title = 'My Snips' %}

{% block column1 %}
    <h3>Snips</h3>
    <a class="btn btn-success" href="{{ path('snip_new') }}">
        <i class="fa fa-plus"></i> Add
    </a>

    <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 %}

{% block column2 %}
    <h3>Filters</h3>

    <h5>Ordering</h5>
    <div class="list-group">
        {% for sortOption in ['name', 'date'] %}
            <a href="{{ path('snip_index', {sort: sortOption}) }}"
               class="list-group-item list-group-item-action {% if sortOption is same as(request.sort) %}list-group-item-primary{% endif %}">
                Sort by {{ sortOption|capitalize }}
            </a>
        {% endfor %}
    </div>

    <br>
    <h5>Visibility</h5>
    <div class="list-group">
        {% for visibilityOption in ['all', 'visible', 'hidden', 'archived'] %}
            <a href="{{ path('snip_index', {visibility: visibilityOption}) }}"
               class="list-group-item list-group-item-action {% if request.visibility is same as(visibilityOption) %}list-group-item-primary{% endif %}">
                Show {{ visibilityOption|capitalize }}
            </a>
        {% endfor %}
    </div>
{% endblock %}