cahnges to the user management

Website/templates/login.html

@@ -87,82 +87,6 @@
     color: #0a5f8f;
     font-weight: 700;
   }
-
-  /* Custom Modal Overlay Styles */
-  .custom-modal-overlay {
-    display: none;
-    position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    background: rgba(14, 32, 48, 0.5);
-    backdrop-filter: blur(3px);
-    z-index: 1000;
-    justify-content: center;
-    align-items: center;
-  }
-
-  .custom-modal-overlay.active {
-    display: flex;
-  }
-
-  .custom-modal {
-    background: #ffffff;
-    padding: 2rem;
-    border-radius: 16px;
-    max-width: 440px;
-    width: 90%;
-    box-shadow: 0 20px 44px rgba(14, 32, 48, 0.15);
-    border: 1px solid #d4e0e9;
-    text-align: center;
-  }
-
-  .custom-modal h3 {
-    color: #0f344d;
-    font-size: 1.4rem;
-    margin-bottom: 0.5rem;
-  }
-
-  .custom-modal p {
-    color: #547184;
-    font-size: 0.95rem;
-    margin-bottom: 1.5rem;
-  }
-
-  .modal-actions {
-    display: flex;
-    flex-direction: column;
-    gap: 0.75rem;
-  }
-
-  .modal-btn-primary {
-    background: #0a5f8f;
-    color: #ffffff;
-    border: none;
-    border-radius: 999px;
-    padding: 0.65rem;
-    font-weight: 700;
-    cursor: pointer;
-    text-decoration: none;
-    display: block;
-  }
-
-  .modal-btn-secondary {
-    background: #f1f5f9;
-    color: #19445f;
-    border: 1px solid #c4d5e2;
-    border-radius: 999px;
-    padding: 0.65rem;
-    font-weight: 700;
-    cursor: pointer;
-    text-decoration: none;
-    display: block;
-  }
-
-  .modal-btn-secondary:hover {
-    background: #e2e8f0;
-  }
 </style>
 {% endblock %}
 
@@ -183,45 +107,4 @@
   </form>
   <p class="auth-meta">Noch kein Konto? <a href="{{ url_for('register') }}">Jetzt registrieren</a></p>
 </section>
-
-<!-- Custom Verification Warning Modal -->
-<div id="verifyModal" class="custom-modal-overlay">
-  <div class="custom-modal">
-    <h3>Konto nicht verifiziert</h3>
-    <p id="modalMessage">Ihr Konto wurde noch nicht aktiviert. Bitte geben Sie Ihren Bestätigungscode ein oder fordern Sie einen neuen an.</p>
-    <div class="modal-actions">
-      <a id="goToVerifyBtn" href="{{ url_for('verify_account') }}" class="modal-btn-primary">Code eingeben</a>
-      <a href="#" id="changeEmailLink" class="modal-btn-secondary">E-Mail-Adresse ändern / Hilfe</a>
-      <button type="button" onclick="closeModal()" class="modal-btn-secondary" style="border: none; background: transparent; color: #64748b;">Abbrechen</button>
-    </div>
-  </div>
-</div>
-
-<script>
-  function showVerificationModal(username) {
-    const modal = document.getElementById('verifyModal');
-    const verifyBtn = document.getElementById('goToVerifyBtn');
-    if (username) {
-      verifyBtn.href = "{{ url_for('verify_account') }}?username=" + encodeURIComponent(username);
-    }
-    modal.classList.add('active');
-  }
-
-  function closeModal() {
-    const modal = document.getElementById('verifyModal');
-    modal.classList.remove('active');
-  }
-
-  // Example hook: If your backend flashes or passes an unverified flag, 
-  // you can automatically trigger it, or trigger it via a failed JSON login response.
-  {% with messages = get_flashed_messages(with_categories=true) %}
-    {% for category, message in messages %}
-      {% if "verif" in message|lower %}
-        document.addEventListener("DOMContentLoaded", function() {
-          showVerificationModal("{{ request.form.get('username', '') }}");
-        });
-      {% endif %}
-    {% endfor %}
-  {% endwith %}
-</script>
 {% endblock %}