From 892a19bbcc2a2d4f228a812f4850d6aa1447a5e8 Mon Sep 17 00:00:00 2001
From: Tobias Kunze <r@rixx.de>
Date: Tue, 21 Oct 2025 14:54:12 +0200
Subject: [PATCH] Explain user roles

ref #19
---
 .../frontend/organizations/update.html        | 26 +++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/servala/frontend/templates/frontend/organizations/update.html b/src/servala/frontend/templates/frontend/organizations/update.html
index d55dc56..2785e9a 100644
--- a/src/servala/frontend/templates/frontend/organizations/update.html
+++ b/src/servala/frontend/templates/frontend/organizations/update.html
@@ -222,12 +222,34 @@
                 </div>
                 <div class="card-content">
                     <div class="card-body">
-                        <form method="post" class="form">
+                        <div class="alert alert-light mb-3">
+                            <h6>
+                                <i class="bi bi-info-circle"></i> {% translate "Role Permissions" %}
+                            </h6>
+                            <ul class="mb-0">
+                                <li>
+                                    <strong>{% translate "Owner" %}:</strong> {% translate "Can manage all organization settings, members, services, and can appoint administrators." %}
+                                </li>
+                                <li>
+                                    <strong>{% translate "Administrator" %}:</strong> {% translate "Can manage members, invite users, and manage all services and instances." %}
+                                </li>
+                                <li>
+                                    <strong>{% translate "Member" %}:</strong> {% translate "Can view organization details, create and manage their own service instances." %}
+                                </li>
+                            </ul>
+                        </div>
+                        <form class="form"
+                              hx-post="{{ request.path }}"
+                              hx-target="#pending-invitations-card"
+                              hx-swap="outerHTML"
+                              hx-on::after-request="if(event.detail.successful) this.reset()">
                             {% csrf_token %}
+                            <input type="hidden" name="fragment" value="pending-invitations-card">
+                            <input type="hidden" name="invite_email" value="1">
                             <div class="row">{{ invitation_form }}</div>
                             <div class="row mt-3">
                                 <div class="col-12">
-                                    <button type="submit" class="btn btn-primary" name="invite_email" value="1">
+                                    <button type="submit" class="btn btn-primary">
                                         <i class="bi bi-send"></i> {% translate "Send Invitation" %}
                                     </button>
                                 </div>