{% extends 'SharixAdmin/index.html' %}
{% load i18n %}
{% load static %}

{% block contenthome %}
<div class="container">
    <h1 class="mainHeader">{{ title }}</h1>
    <p class="description_service">Управление данными пользователей и изменение личных настроек. 
      Личный кабинет обеспечивает удобный доступ к информации о состоянии аккаунта.</p>

<div class="row justify-content-start">
    <div class="maintable" id="maintable">
        <table class="table table-sm m-2">
            <tbody>
                <tr>
                  <td scope="col" class="p-3"><b>ID</b></td>
                  <td scope="col" class="p-3"><b>Фото</b></td>
                  <td scope="col" class="p-3"><b>Имя пользователя</b></td>
                  <td scope="col" class="p-3"><b>Почта</b></td>
                  <td scope="col" class="p-3"><b></b></td>
                  <td scope="col" class="p-3"><b></b></td>
                </tr>
                <tr>
                  {% blocktrans trimmed with request.user.id as id %}
                  <td class="p-3">{{ id }}</td>                  
                  {% endblocktrans %}
                  <td class="p-3"><img class="mb-4" style="height: 45px; border-radius: 50%;" src="{{ user.avatar.url }}" alt="Аватар" ></td>                 
                  {% blocktrans trimmed with request.user.username as user %}
                  <td class="p-3">{{ user }}</td>                  
                  {% endblocktrans %}
                  {% blocktrans trimmed with request.user.email as email %}
                  <td class="p-3">{{ email }}</td>                  
                  {% endblocktrans %}
                  <td class="p-3"><a href="/account/edit/{{ user.pk }}"><img class="nav-img" src="{% static 'SharixAdmin/img/pencil.svg' %}"></a></td>
                  <td class="p-3"><a href="/account/delete/{{ user.pk }}"><img class="nav-img" src="{% static 'SharixAdmin/img/trash.svg' %}"></a></td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
    
<div class="text-end mt-3">
    <a class="btn btn-primary ps-3 pe-3" id="bord" href="/accounts/login/">Выйти из аккаунта</a>
</div>
</div>    
{% endblock contenthome %}