{% extends "framework_modern.html" %}
{% load static %}
{% block content %}
  <div class="flex min-h-[60vh] flex-col items-center justify-center p-8">
    <div class="w-full max-w-2xl">
      <div class="alert alert-warning mb-6 shadow-lg">
        <svg
          xmlns="http://www.w3.org/2000/svg"
          class="h-8 w-8 shrink-0 stroke-current"
          fill="none"
          viewBox="0 0 24 24"
        >
          <path
            stroke-linecap="round"
            stroke-linejoin="round"
            stroke-width="2"
            d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"
          />
        </svg>
        <div class="flex flex-col">
          <h3 class="text-lg font-bold">Account Not Activated</h3>
          <p class="text-sm">Your account is pending activation.</p>
        </div>
      </div>

      <div class="card bg-base-100 shadow-xl">
        <div class="card-body">
          <h2 class="card-title mb-4 text-2xl">Account Activation Required</h2>
          <p class="text-base-content/70 mb-4">
            Your account has not been activated yet. An administrator needs to
            approve your account before you can access all features. This
            process typically takes 24-48 hours.
          </p>
          <div class="divider"></div>
          <p class="text-base-content/70 mb-4">
            If you have questions or believe this is an error, please
            <a href="mailto:admin@envipath.org" class="link link-primary"
              >contact us</a
            >.
          </p>
          <div class="card-actions mt-6 justify-end">
            <a href="/" class="btn btn-primary">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                class="mr-2 h-5 w-5"
                fill="none"
                viewBox="0 0 24 24"
                stroke="currentColor"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                  d="M3 12l2-2m0 0l7-7 7 7M5 10v10a1 1 0 001 1h3m10-11l2 2m-2-2v10a1 1 0 01-1 1h-3m-6 0a1 1 0 001-1v-4a1 1 0 011-1h2a1 1 0 011 1v4a1 1 0 001 1m-6 0h6"
                />
              </svg>
              Go Home
            </a>
            <a href="mailto:admin@envipath.org" class="btn btn-outline">
              <svg
                xmlns="http://www.w3.org/2000/svg"
                class="mr-2 h-5 w-5"
                fill="none"
                viewBox="0 0 24 24"
                stroke="currentColor"
              >
                <path
                  stroke-linecap="round"
                  stroke-linejoin="round"
                  stroke-width="2"
                  d="M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
                />
              </svg>
              Contact Admin
            </a>
          </div>
        </div>
      </div>
    </div>
  </div>
{% endblock content %}