From a93c420630d748ea86a39073dfa1b53f237b64a5 Mon Sep 17 00:00:00 2001
From: Marie Birner <mb@studiomitte.com>
Date: Sat, 3 May 2025 16:13:57 +0200
Subject: [PATCH] [TASK] edit membership type button and dialog

---
 templates/admin/user/view.html.tera | 43 +++++++++++++++++++++++++++--
 1 file changed, 41 insertions(+), 2 deletions(-)

diff --git a/templates/admin/user/view.html.tera b/templates/admin/user/view.html.tera
index da9b22d..5c44eff 100644
--- a/templates/admin/user/view.html.tera
+++ b/templates/admin/user/view.html.tera
@@ -30,7 +30,7 @@
                         </form>
                         <span>Notizen: to be replaced with activity :-)</span>
                         {% if user.pw and allowed_to_edit %}
-                            <div class="text-right">
+                            <div>
                                 <a class="block my-1 font-normal text-[#f43f5e] dark:text-primary-200 hover:text-primary-900 dark:hover:text-primary-300 underline"
                                    href="/admin/user/{{ user.id }}/reset-pw"
                                    onclick="return confirm('Willst du wirklich das Passwort zurücksetzen?');">Passwort zurücksetzen</a>
@@ -60,7 +60,7 @@
                         {% endif %}
                     </small>
                 </h2>
-                <div class="mx-3 divide-y divide-gray-200 dark:divide-primary-600">
+                <div class="mx-3">
                     {% if is_clubmember %}
                         <div class="py-3 grid gap-3">
                             <form action="/admin/user/{{ user.id }}/change-member-since" method="post">
@@ -98,6 +98,9 @@
                         {% if allowed_to_edit %}
                             <div class="py-3">
                                 <div class="mt-3 text-right">
+                                    <button type="button"
+                                        onclick="document.getElementById('change-member-type').showModal()"
+                                        class="btn btn-dark">Mitgliedstyp ändern</button>
                                     <a href="/admin/user/{{ user.id }}/delete"
                                        class="btn btn-alert"
                                        onclick="return confirm('Ist {{ user.name }} wirklich aus dem Verein ausgetreten?');">
@@ -106,6 +109,42 @@
                                     </a>
                                 </div>
                             </div>
+                        <dialog id="change-member-type"
+                                class="max-w-screen-sm w-full dark:bg-primary-600 dark:text-white rounded-md"
+                                onclick="document.getElementById('change-member-type').close()">
+                            <div onclick="event.stopPropagation();" class="p-3">
+                                <button type="button"
+                                        onclick="document.getElementById('change-member-type').close()"
+                                        title="Schließen"
+                                        class="sidebar-close border-0 bg-primary-100 focus:bg-primary-50 text-black flex items-center justify-center transform rotate-45 absolute right-0 mr-3">
+                                    <svg class="inline h-5 w-5"
+                                         width="16"
+                                         height="16"
+                                         fill="currentColor"
+                                         viewBox="0 0 16 16">
+                                        <path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z"></path>
+                                    </svg>
+                                </button>
+                                <div class="mt-8">
+                                    <form action="/admin/user/{{ user.id }}/change-membertype"
+                                          method="post"
+                                          enctype="multipart/form-data"
+                                          class="grid gap-3">
+                                        <div>
+                                            <label for="membertype" class="text-sm text-gray-600 dark:text-gray-100">Mitgliedstyp</label>
+                                            <select name="membertype" id="membertype" class="input rounded-md ">
+                                                <option selected="" value="regular">Reguläres Vereinsmitglied</option>
+                                                <option value="unterstuetzend">Unterstützendes Vereinsmitglied</option>
+                                                <option value="foerdend">Förderndes Vereinsmitglied</option>
+                                            </select>
+                                        </div>
+                                        <input value="Ändern"
+                                               type="submit"
+                                               class="btn btn-primary" />
+                                    </form>
+                                </div>
+                            </div>
+                        </dialog>
                         {% endif %}
                     {% elif "Scheckbuch" in member %}
                         <div class="grid gap-3 pb-3">