{% extends template ~ '.html.twig' %}

{% block title %}
    
    {% if app.request.get('tab') == 'allTest' %}
         Результаты анализов
    {% else %}
        {{ title }}
    {% endif %}

{% endblock %}

{% block body %}

    <div class="row">
        <div class="col-12">
            <div id="security-card" data-controller="securityCard">
                {% if(isMobile()) %}
                    <div class="form-group">
                        <select class="form-control" id="security-tabs">
                            <option value="all">Всё документы</option>
                            <option value="allTest">Результаты анализов</option>
                            <option value="referrals">Направления</option>
                        </select>
                    </div>

                {% else %}

                    <div id="security-tabs" class="tabs">
                        <a data-allow-target="all" class="tab-item tab-item--active">Все документы</a>
                        <a data-allow-target="allTest" class="tab-item">Результаты анализов</a>
                        <a data-allow-target="referrals" class="tab-item">Направления</a>
                    </div>

                {% endif %}      
                
                <div class="load mt-3">Загрузка данных</div>
                <div class="section-wrap d-none"></div>
            </div>
        </div>
    </div>
    <br>
    
{% endblock %}