{% block stylesheets %}
    <link rel='stylesheet' type='text/css' href="{{ asset('assets/css/left/view.css') }}">
{% endblock stylesheets %}

{% block leftpanel %}
<div class="panel panel-left">
    <input type="checkbox" id="panel-left-toggle" aria-hidden="true" tabindex="-1">
    <label id="panel-left-icon" for="panel-left-toggle" aria-hidden="true" tabindex="-1">{{ icon('menu', 'icon icon-left') | raw }}</label>

    <a id="anchor-left-panel" class="anchor-hidden" title="{{ 'Press tab to access selected region!' | trans }}"></a>
    <aside class="panel-content accessibility-target">
        {% if app.user %}
            <section class='section-widget section-widget-padded' title="{{ 'Your profile information.' | trans }}">
                {% block profile_view %}{% include 'cards/profile/view.html.twig' with { actor: current_actor } %}{% endblock profile_view %}
                {{ block("profile_current_actor", "cards/navigation/view.html.twig") }}
            {% else %}
                {{ block("profile_security", "cards/navigation/view.html.twig") }}
            {% endif %}
        </section>

        {{ block("timeline", "cards/navigation/view.html.twig") }}

        {{ block("footer", "cards/navigation/view.html.twig") }}
    </aside>
</div>
{% endblock leftpanel %}