{% extends 'base.html.twig' %}

{% block title %}Profil{% endblock %}

{% block body %}

    <main class="main user-page">
        <section class="user">
            <div class="container">
                <div class="row">
                    <div class="col-lg-12"><h1>Přihlášen jako
                            <span>{{ app.user.firstName }} {{ app.user.lastName }}</span></h1>
                    </div>
                    <div class="col-xl-3">
                        <div class="user__sidebar">
                            <div class="user__sidebar--main">
                                <div class="user__sidebar--item">
                                    <img src="{{ asset('build/images/profile.svg') }}" alt="">
                                    <a href="{{ path('user_profile') }}">Domů</a>
                                </div>
                                <div class="user__sidebar--item">
                                    <img src="{{ asset('build/images/like.svg') }}" alt="">
                                    <a href="{{ path('recommend') }}">Doporučit dále</a>
                                </div>
                                <div class="user__sidebar--item hidden">
                                    <img src="{{ asset('build/images/gear.svg') }}" alt="">
                                    <a href="{{ path('edit_profile') }}">Nastavení profilu</a>
                                </div>
                            </div>
                            <div class="user__sidebar--pointbox"><img src="{{ asset('build/images/coin.png') }}" alt="">
                                <div class="user__sidebar--text"><p><strong>{{ app.user.buyfreePoints }}</strong></p>
                                    <p> Buyfree bodů</p></div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-9">
                        {% block content %}{% endblock %}
                    </div>
                </div>
            </div>
        </section>
    </main>

{% endblock %}