From 8e6e26ccbadf8047440e6fea93cbc8e1b316b4a7 Mon Sep 17 00:00:00 2001
From: Andrey Smakotin <slamfromm@gmail.com>
Date: Tue, 2 Dec 2025 00:08:33 +0300
Subject: [PATCH] =?UTF-8?q?=D0=A0=D0=B5=D0=B4=D0=B8=D0=B7=D0=B0=D0=B9?=
 =?UTF-8?q?=D0=BD=20=D1=81=D1=82=D1=80=D0=B0=D0=BD=D0=B8=D1=86=D1=8B=20?=
 =?UTF-8?q?=D0=BF=D1=80=D0=BE=D1=84=D0=B8=D0=BB=D1=8F:=20=D1=81=D0=BE?=
 =?UTF-8?q?=D0=B2=D1=80=D0=B5=D0=BC=D0=B5=D0=BD=D0=BD=D1=8B=D0=B9=20=D0=B4?=
 =?UTF-8?q?=D0=B8=D0=B7=D0=B0=D0=B9=D0=BD=20=D1=81=20=D0=B2=D1=8B=D0=B2?=
 =?UTF-8?q?=D0=BE=D0=B4=D0=BE=D0=BC=20=D1=80=D0=BE=D0=BB=D0=B8=20=D0=BF?=
 =?UTF-8?q?=D0=BE=D0=BB=D1=8C=D0=B7=D0=BE=D0=B2=D0=B0=D1=82=D0=B5=D0=BB?=
 =?UTF-8?q?=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 myproject/templates/profile.html | 131 ++++++++++++++-----------------
 1 file changed, 59 insertions(+), 72 deletions(-)

diff --git a/myproject/templates/profile.html b/myproject/templates/profile.html
index e1e2d17..8406fe7 100644
--- a/myproject/templates/profile.html
+++ b/myproject/templates/profile.html
@@ -3,85 +3,78 @@
 {% block title %}Профиль{% endblock %}
 
 {% block content %}
-<div class="container-fluid px-4">
+<div class="container py-4">
     <div class="row justify-content-center">
-        <div class="col-12 col-lg-10 col-xl-8">
-            <div class="card shadow">
-                <div class="card-header bg-primary text-white text-center py-3 py-md-4">
-                    <h3 class="mb-0">
-                        <i class="bi bi-person-circle me-2 d-block d-md-inline"></i>
-                        Ваш профиль
-                    </h3>
-                </div>
-                <div class="card-body p-3 p-md-4">
-                    <div class="row g-4">
-                        <div class="col-12 col-md-4 text-center">
-                            <div class="profile-icon bg-light rounded-circle d-flex align-items-center justify-content-center mx-auto mb-3" 
-                                 style="width: 100px; height: 100px;">
-                                <i class="bi bi-person-fill" style="font-size: 3rem; color: #0d6efd;"></i>
+        <div class="col-12 col-lg-8">
+            <!-- Карточка профиля -->
+            <div class="card shadow-sm">
+                <div class="card-body p-4">
+                    <!-- Заголовок -->
+                    <div class="d-flex align-items-center mb-4">
+                        <div class="bg-primary bg-opacity-10 rounded-circle d-flex align-items-center justify-content-center me-3" 
+                             style="width: 64px; height: 64px;">
+                            <i class="bi bi-person-fill text-primary" style="font-size: 2rem;"></i>
+                        </div>
+                        <div>
+                            <h4 class="mb-0 fw-bold">{{ user.name }}</h4>
+                            <p class="text-muted mb-0">{{ user.email }}</p>
+                        </div>
+                    </div>
+
+                    <hr class="my-4">
+
+                    <!-- Информация -->
+                    <div class="row g-3">
+                        <!-- Роль -->
+                        <div class="col-md-6">
+                            <div class="d-flex align-items-start">
+                                <i class="bi bi-person-badge text-primary me-3 mt-1"></i>
+                                <div class="flex-grow-1">
+                                    <small class="text-muted d-block">Роль</small>
+                                    {% if user.get_tenant_role %}
+                                        <span class="badge bg-primary">{{ user.get_tenant_role.name }}</span>
+                                    {% else %}
+                                        <span class="text-muted">Не назначена</span>
+                                    {% endif %}
+                                </div>
                             </div>
                         </div>
-                        <div class="col-12 col-md-8">
-                            <div class="profile-info">
-                                <div class="d-flex flex-column flex-md-row mb-3">
-                                    <div class="me-md-4 mb-2 mb-md-0">
-                                        <i class="bi bi-person-fill text-primary me-2"></i>
-                                        <span class="fw-bold">Имя:</span>
-                                    </div>
-                                    <div>
-                                        <span class="text-muted">{{ user.name }}</span>
-                                    </div>
-                                </div>
-                                
-                                <div class="d-flex flex-column flex-md-row mb-3">
-                                    <div class="me-md-4 mb-2 mb-md-0">
-                                        <i class="bi bi-envelope-fill text-primary me-2"></i>
-                                        <span class="fw-bold">Email:</span>
-                                    </div>
-                                    <div>
-                                        <span class="text-muted">{{ user.email }}</span>
-                                    </div>
-                                </div>
-                                
-                                <div class="d-flex flex-column flex-md-row mb-3">
-                                    <div class="me-md-4 mb-2 mb-md-0">
-                                        <i class="bi bi-shield-check text-primary me-2"></i>
-                                        <span class="fw-bold">Статус email:</span>
-                                    </div>
-                                    <div>
-                                        {% if user.is_email_confirmed %}
-                                            <span class="badge bg-success d-inline-flex align-items-center w-auto">
-                                                <i class="bi bi-check-circle me-1"></i> Подтвержден
-                                            </span>
-                                        {% else %}
-                                            <span class="badge bg-warning text-dark d-inline-flex align-items-center w-auto">
-                                                <i class="bi bi-exclamation-circle me-1"></i> Не подтвержден
-                                            </span>
-                                        {% endif %}
-                                    </div>
+
+                        <!-- Статус email -->
+                        <div class="col-md-6">
+                            <div class="d-flex align-items-start">
+                                <i class="bi bi-shield-check text-primary me-3 mt-1"></i>
+                                <div class="flex-grow-1">
+                                    <small class="text-muted d-block">Статус email</small>
+                                    {% if user.is_email_confirmed %}
+                                        <span class="badge bg-success">
+                                            <i class="bi bi-check-circle me-1"></i>Подтвержден
+                                        </span>
+                                    {% else %}
+                                        <span class="badge bg-warning text-dark">
+                                            <i class="bi bi-exclamation-circle me-1"></i>Не подтвержден
+                                        </span>
+                                    {% endif %}
                                 </div>
                             </div>
                         </div>
                     </div>
-                    
-                    <div class="d-flex flex-column flex-md-row justify-content-end gap-2 mt-4 pt-3 border-top">
-                        <a href="{% url 'index' %}" class="btn btn-outline-secondary">
-                            <i class="bi bi-arrow-left me-1"></i> Назад
+
+                    <hr class="my-4">
+
+                    <!-- Действия -->
+                    <div class="d-flex flex-wrap gap-2">
+                        <a href="{% url 'accounts:change_password' %}" class="btn btn-primary">
+                            <i class="bi bi-key me-1"></i>Сменить пароль
                         </a>
-                        
                         {% if not user.is_email_confirmed %}
                             <button class="btn btn-outline-warning" type="button" onclick="resendConfirmation()">
-                                <i class="bi bi-envelope me-1"></i> Повторить письмо
+                                <i class="bi bi-envelope me-1"></i>Повторить письмо
                             </button>
                         {% endif %}
-                        
-                        <a href="{% url 'accounts:change_password' %}" class="btn btn-outline-primary">
-                            <i class="bi bi-key me-1"></i> Сменить пароль
+                        <a href="{% url 'index' %}" class="btn btn-outline-secondary ms-auto">
+                            <i class="bi bi-arrow-left me-1"></i>Назад
                         </a>
-                        
-                        <button class="btn btn-outline-secondary" type="button" onclick="editProfile()">
-                            <i class="bi bi-pencil me-1"></i> Редактировать
-                        </button>
                     </div>
                 </div>
             </div>
@@ -91,13 +84,7 @@
 
 <script>
 function resendConfirmation() {
-    // In a real application, this would make an AJAX request to resend the confirmation email
     alert('Письмо для подтверждения отправлено на ваш email!');
 }
-
-function editProfile() {
-    // For now, we'll just show an alert; in a real app this would open an edit form
-    alert('Функция редактирования профиля будет реализована позже.');
-}
 </script>
 {% endblock %}
\ No newline at end of file