{% extends '@TigrisBase/layout.html.twig' %}

{% block title %}{{ 'user.dashboard'|trans|parse_icons }}{% endblock %}
{% block main %}
    <div class="row">
        <h1>{{ wording('user_dashboard', 'main title') }}</h1>
        {% if is_granted('ROLE_FAMILY_ADMIN') %}
        <div class="col-md-4">
            <button-action route="app_album_add" class="btn btn-icon btn-secondary d-block mb-2" :modal="true">
            {{ wording('user_dashboard', 'create album button')|parse_icons }}
            </button-action>
        </div>
        
        <div class="col-md-4">
            <button-action route="app_media_choosealbum" class="btn btn-icon btn-secondary d-block mb-2" :modal="true">
            {{ wording('user_dashboard', 'upload media button')|parse_icons }}
            </button-action>
        </div>
        {% endif %}
        <div class="col-md-4">
            <a href="{{ path('app_album_list') }}" class="btn btn-icon btn-secondary d-block mb-2">
                {{ wording('user_dashboard', 'view media button')|parse_icons }}
            </a>
        </div>
    </div>
    

    <div class="row">
        {% if is_granted('ROLE_FAMILY_ADMIN') %}
        <div class="col-xl-4">
            <div class="mt-5">
                <h2>{{  wording('user_dashboard', 'last album') }}</h2>
                {% for album in lastAlbums %}
                <a href="{{ path('app_album_show', {'id': album.id}) }}" class="btn btn-light mb-2 me-2">{{ album.name }}</a>
                {% endfor %}
            </div>
            
        </div>
        {% endif %}

        <div class="col-xl-4">
            <div class="mt-5">
                <h2>{{ wording('user_dashboard', 'last identifications') }}</h2>
                {% for identification in lastIdentifications %}
                <img src="{{ identification.media.thumbnailWebPath }}" class="img-thumbnail mb-2 me-2 thumbnail-xs">
                {% endfor %}
            </div>
        </div>
        <div class="col-lg-8">
            <div class="mt-5">
            
                {#<tigris-chart route="app_user_albumstats" :load-at-start="false" :init-filters="" type="bar" name="" class="chart" v-slot="{filters}" init-theme="{{ app.request.cookies.get('theme', 'light') }}">
                    {% embed '@TigrisBase/decorators/_card.html.twig' %}

                        {% block body %}
                            <canvas ref="canvas" height="340px"></canvas>
                        {% endblock %}

                    {% endembed %}
                </tigris-chart>#}
            </div>
        </div>
    </div>
    
{% endblock %}