content/pages/member.html

@@ -13,28 +13,33 @@ build:
 <script src="/static/js/ext/json-enc.js"></script>
 <script src="/static/js/ext/response-targets.js"></script>
 
-<div hx-get="/api/auth/status?display=inline" hx-trigger="load" hx-ext="response-targets" hx-target="this" hx-target-401="this" hx-swap="outerHTML"></div>
-
-<div hx-get="/api/member/status" hx-trigger="load" hx-swap="outerHTML"></div>
-
-<form class="row g-2" id="subscriptionform" hx-post="/api/sendSubscriptionEmail" hx-ext='json-enc'>
-    <p> Παρακαλούμε συμπληρώστε την παρακάτω φόρμα, για να λάβετε περισσότερες πληροφορίες σχετικά με τις ταμειακές εκκρεμότητες σας, μέσω e-mail. Αν έχετε αλλάξει διεύθυνση e-mail, παρακαλούμε επικοινωνήστε με το <a href="mailto:finance@hellug.gr">finance@hellug.gr</a>.</p>
-    <div class="col-9">
-        <label for="inputEmail" class="form-label">Πληκτρολογήστε το email σας (όπως το είχατε δώσει κατά την εγγραφή σας)</label>
-        <input id="inputEmail" type="email" name="email" class="form-control" placeholder="username@hellug.gr">
+<div id="subscriptionAlert"></div>
+<div role="alert" hx-get="/api/auth/status?display=inline" hx-trigger="load" hx-ext="response-targets" hx-target="#subscriptionAlert" hx-target-401="this" hx-swap="outerHTML">
 </div>
 
-        <div hx-get="/api/captcha/?htmx=1" hx-trigger="load" hx-swap="innerHTML" hx-target="#captcha"></div>
-        <label for="captcha">Εισάγετε τα ψηφία της επόμενης «Εικόνας Ελέγχου»</label>
-        <div class="col-sm-3" id="captcha">
+<div hx-get="/api/member/status" hx-trigger="load" hx-swap="outerHTML">
+</div>
+
+<form id="subscriptionform" hx-post="/api/sendSubscriptionEmail" hx-ext='json-enc'>
+  <p> Παρακαλούμε συμπληρώστε την παρακάτω φόρμα, για να λάβετε περισσότερες πληροφορίες σχετικά με τις Ταμειακές Εκκρεμότητες σας, μέσω e-mail</p>
+  <div class="col-sm-10">
+    <label class="form-label">Πληκτρολογήστε το email σας (όπως το είχατε δώσει κατά την εγγραφή σας)</label>
+    <input type="email" name="email" class="form-control" placeholder="username@hellug.gr">
+  </div>
+
+  <div class="mb-3">
+    <label class="form-label">Εισάγετε τα ψηφία της επόμενης Εικόνας Ελέγχου :
+      <div hx-get="/api/captcha/?htmx=1" hx-trigger="load" hx-swap="innerhtml" hx-target="#captcha">
+        <div id="captcha">
           <img class="htmx-indicator" src="" alt="Φορτώνει..">
           <input type="hidden" name=Id value="">
         </div>
+      </div>
+    </label>
     <div class="col-sm-3">
-            <input name=Solution id=solution class="form-control" id="inputSolution">
+      <input name=Solution id=solution class="form-control" id="exampleFormControlInput1">
+    </div>
   </div>
-    <div class="col-12">
   <button class="btn btn-primary">Υποβολή</button>
-    </div>
   <div hx-target="#subscriptionform" hx-swap="innerHTML"></div>
 </form>