{% extends 'base.html.twig' %}
{% block title %}CRM | {% trans %}Settings{% endtrans %}{% endblock %}
{% block body %}

    <h1>{% trans %}Settings{% endtrans %}</h1>

    <nav aria-label="breadcrumb" style="margin-bottom: 1.5em;">
        <ol class="breadcrumb">
            <li class="breadcrumb-item"><a href="{{ path('app_viewhome') }}">Home</a></li>
            <li class="breadcrumb-item active" aria-current="page">{% trans %}Settings{% endtrans %}</li>
        </ol>
    </nav>

    <div class="row">
        <div class="col-sm-12 col-md-4 home-section">
            <div class="card h-100">
                <div class="card-header text-center text-primary">
                    <i class="fas fa-user-cog fa-3x"></i>
                </div>
                <div class="card-body">
                    <h5 class="card-title text-center">{% trans %}Your profile{% endtrans %}</h5>
                    <p class="card-text">{% trans %}UserProfileCardText{% endtrans %}</p>
                    <div class="text-center">
                        <a class="btn btn-primary" href="{{path('app_user_profile')}}">{% trans %}Profile{% endtrans %}</a>
                    </div>
                </div>
            </div>
        </div>
        {% if is_granted('ROLE_ADMIN') %}
            <div class="col-sm-12 col-md-4 home-section">
                <div class="card h-100">
                    <div class="card-header text-center text-primary">
                        <i class="fas fa-user-plus fa-3x"></i>
                    </div>
                    <div class="card-body">
                        <h5 class="card-title text-center">{% trans %}Add user{% endtrans %}</h5>
                        <p class="card-text">{% trans %}AddUserCardText{% endtrans %}</p>
                        <div class="text-center">
                            <a class="btn btn-primary"
                               href="{{ path('app_add_user') }}">{% trans %}Add user{% endtrans %}</a>
                        </div>
                    </div>
                </div>
            </div>
        {% endif %}
        <div class="col-sm-12 col-md-4 home-section">
            <div class="card h-100">
                <div class="card-header text-center text-primary">
                    <i class="fas fa-atom fa-3x"></i>
                </div>
                <div class="card-body">
                    <h5 class="card-title text-center">{% trans %}Add new skills{% endtrans %}</h5>
                    <p class="card-text">{% trans %}AddSkillsCardText{% endtrans %}</p>
                    <div class="text-center">
                        <a class="btn btn-primary" href="{{path('app_add_skills')}}">{% trans %}Add skills{% endtrans %}</a>
                    </div>
                </div>
            </div>
        </div>

    </div>

{% endblock %}