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

{% block title %}{% trans %}Promotip: Dashboard{% endtrans %}{% endblock %}

{% block body %}
    {% set unreadMessagesCount = helper.getUnreadMessages %}
    {% if action is defined and action == 'register' %}
        <div class="container p-0 ">
            <div class="alert alert-success">
                Hallo {{ helper.getFirstname }}, welkom op Promotip!
                <br>Vul eerst het bedrijfsprofiel in voor uw onderneming hierna kan u meteen uw gratis advertentie
                plaatsen!
            </div>
        </div>
    {% endif %}

    <div class="container dashboard">
        <div class="row">
            <div class="col-12">
                {% if is_granted('IS_IMPERSONATOR') %}
                    <div class="alert alert-warning d-flex align-items-center justify-content-between mt-3">
                        <div>
                            You are currently logged into <strong>{{ app.user.email }}</strong> account from super user
                        </div>
                        <a href="{{ impersonation_exit_path(path('app_admin_company_index')) }}" class="btn btn-danger">Exit
                            impersonation</a>
                    </div>
                {% endif %}
            </div>
            <div class="col-3 d-none d-lg-block">
                <div class="row dashboard-profile">
                    <div class="profile-picture">
                        {% if(helper.getCompanyImage) %}
                            <img class="image"
                                 src="{{ asset('/media/companies/' ~ helper.getCompanyImage) | imagine_filter('company_thumb') }}">
                        {% else %}
                            <img class="image" src="{{ asset('/assets/images/user_icon.jpg') }}">
                        {% endif %}
                    </div>
                    <div class="profile-information">
                        <div class="profile-name">
                            {{ helper.getCurrentActiveAccount }}
                        </div>
                        <div class="profile-role">
                            {% if is_granted('ROLE_AFFILIATE') %}
                                AFFILIATE
                            {% endif %}
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-12 col-lg-9 dashboard-navigation">
                <div class="row">
                    <div class="col-12">
                        <div class="row">
                            <div class="col col-2 text-center">
                                <a class="purple" href="{{ url('affiliate_referral_tracking') }}"><i
                                            class="fas fa-bullhorn"></i></a>
                            </div>
                            <div class="col col-2 text-center">
                                <a class="purple" href="{{ url('affiliate_performance') }}"><i
                                            class="fas fa-pencil-ruler"></i></a>
                            </div>
                            <div class="col col-2 text-center">
                                <a class="purple" href="{{ url('affiliate_promotion_material') }}"><i
                                            class="fas fa-link"></i></a>
                            </div>
                            <div class="col col-2 text-center">
                                <a class="purple" href="{{ url('affiliate_notification') }}"><i
                                            class="fas fa-bell"></i></a></div>

                                <div class="col col-2 text-center">
                                    <a class="purple" href="{{ url('affiliate_facturen') }}"><i
                                                class="fas fa-money-bill"></i></a>
                            </div>
                            <div class="col col-2 text-center">
                                <a class="purple" href="{{ url('affiliate_profile') }}"><i
                                            class="fas fa-user"></i></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-3 dashboard-menu-col nopadding d-none d-lg-block">
                {% include 'affiliate_menu.html.twig' %}
            </div>
            <div class="col-12 col-md-9 dashboard-content">
                {% block dashboard %}{% endblock %}
                {% if showFooter is defined and showFooter == -1 %}
                {% else %}
                <div class="row activities" style="margin-bottom: 50px;">
                </div>
                {% endif %}
            </div>
        </div>
    </div>

{% endblock %}