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

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

{% block body %}

    <main class="main affiliate-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/receipt.svg') }}" alt="">
                                    <a href="{{ path('profile_invoices') }}">Faktury</a>
                                </div>
                                <div class="user__sidebar--item">
                                    <img src="{{ asset('build/images/shopping-cart.svg') }}" alt="">
                                    <a href="{{ path('profile_eshops') }}">Procházení eshopů</a>
                                </div>
                                <div class="user__sidebar--item">
                                    <img src="{{ asset('build/images/add.svg') }}" alt="">
                                    <a href="{{ path('new_eshop') }}">Přidat nový eshop</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>
                    </div>
                    <div class="col-xl-9">
                        {% block content %}{% endblock %}
                    </div>
                </div>
            </div>
        </section>
    </main>

{% endblock %}