From 45b98c252ec3e9547e233dde09f2a557bd1cb54a Mon Sep 17 00:00:00 2001
From: Pinga <121483313+getpinga@users.noreply.github.com>
Date: Tue, 19 Mar 2024 00:51:43 +0200
Subject: [PATCH] UI improvements in profile page

---
 cp/resources/views/admin/profile/profile.twig | 36 +++++++++++--------
 1 file changed, 22 insertions(+), 14 deletions(-)

diff --git a/cp/resources/views/admin/profile/profile.twig b/cp/resources/views/admin/profile/profile.twig
index f9c0dad..70e375f 100644
--- a/cp/resources/views/admin/profile/profile.twig
+++ b/cp/resources/views/admin/profile/profile.twig
@@ -45,22 +45,30 @@
                     <h3 class="card-title">{{ __('Details') }}</h3>
                     <form action="{{route('change.password')}}" name="register" method="post">
                     {{ csrf.field | raw }}
-                    <div class="row g-3">
-                      <div class="col-md">
-                        <div class="form-label">{{ __('User Name') }}</div>
-                        <div class="form-control-plaintext">{{ username }}</div>
+                    <div class="datagrid">
+                      <div class="datagrid-item">
+                        <div class="datagrid-title">{{ __('User Name') }}</div>
+                        <div class="datagrid-content">{{ username }}</div>
                       </div>
-                      <div class="col-md">
-                        <div class="form-label">{{ __('Email') }}</div>
-                        <div class="form-control-plaintext">{{ email }}</div>
+                      <div class="datagrid-item">
+                        <div class="datagrid-title">{{ __('Email') }}</div>
+                        <div class="datagrid-content">{{ email }}</div>
                       </div>
-                      <div class="col-md">
-                        <div class="form-label">{{ __('Status') }}</div>
-                        <span class="badge bg-green-lt mt-2">{{ status }}</span>
-                      </div>
-                      <div class="col-md">
-                        <div class="form-label">{{ __('Role') }}</div>
-                        <span class="badge bg-purple-lt mt-2">{{ role }}</span>
+                      <div class="datagrid-item">
+                        <div class="datagrid-title">{{ __('Status') }}</div>
+                        <div class="datagrid-content">
+                          <span class="status status-azure">
+                            {{ status }}
+                          </span>
+                        </div>
+                      </div>                
+                      <div class="datagrid-item">
+                        <div class="datagrid-title">{{ __('Role') }}</div>
+                        <div class="datagrid-content">
+                          <span class="status status-{% if role == 'Admin' %}primary{% else %}green{% endif %}">
+                            {{ role }}
+                          </span>
+                        </div>
                       </div>
                     </div>
                     <h3 class="card-title mt-4">{{ __('Change Password') }}</h3>