{% extends 'base.html.twig' %}
{% block title %}CRM | {% trans %}User profile{% endtrans %}{% endblock %}
{% block body %}
    <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"><a
                        href="{{ path('app_settings') }}">{% trans %}Settings{% endtrans %}</a></li>
            <li class="breadcrumb-item active" aria-current="page">{% trans %}User profile{% endtrans %}</li>
        </ol>
    </nav>
    <div class="row">
        <div class="col-md-8">
            <h1 class="h1">{% trans %}Your profile{% endtrans %}</h1>
            <h3 class="h3">{% trans %}Email{% endtrans %}: <span class="text-danger">{{ user.email }}</span></h3>
            <h3 class="h3">{% trans %}User name{% endtrans %}: <span class="text-danger">{{ user.nickName }}</span></h3>

            <div class="row" style="margin-top: 1.5em;">
                <div class="col-auto">
                    <a href="{{path('app_reset_password')}}" class="btn btn-warning">{% trans %}Reset password{% endtrans %}</a>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <h3 class="h3">{% trans %}All users{% endtrans %}</h3>
            {% for userDetail in userList %}
                <div class="userLabel" style="border-bottom: 1px solid green">
                    <span><strong>{{ userDetail.name }}:</strong></span>
                    <span class="text-primary">{{ userDetail.email }}</span>
                    {% if userDetail.id == user.id %}<i class="fas fa-dot-circle text-success"></i> {% endif %}
                    {% if userDetail.role[0] == 'ROLE_ADMIN' %}
                        <span style="float: right" class="userRole">{% trans %}admin{% endtrans %}</span>
                    {% elseif userDetail.role[0] == 'ROLE_USER' %}
                        <span style="float: right" class="userRole">{% trans %}user{% endtrans %}</span>

                    {% endif %}
                </div>
            {% endfor %}
        </div>
    </div>

{% endblock %}