{% extends 'base.html' %}
{% block title %}UIDAI Setup — Avighna{% endblock %}

{% block content %}

<div style="max-width:620px;margin:0 auto;">

  <div class="mb-4">
    <h4 style="font-weight:700;">🔑 UIDAI Integration</h4>
    <p style="color:#666;font-size:.92rem;">
      Your organization is connected through Avighna's own UIDAI OVSE registration — no separate
      AC/SA code or keys needed from your side.
    </p>
  </div>

  {% if messages %}
    {% for message in messages %}
      <div class="alert alert-{% if message.tags == 'error' %}danger{% else %}success{% endif %} mb-3">
        {{ message }}
      </div>
    {% endfor %}
  {% endif %}

  <div class="card" style="border-radius:16px;border:none;box-shadow:0 4px 20px rgba(0,0,0,.08);">
    <div style="padding:28px;">

      {% if org.uidai_setup_done %}
      <div style="background:#e8f5ee;border:1px solid #a5d6b7;border-radius:10px;padding:12px 16px;margin-bottom:20px;font-size:.88rem;color:#1a5c38;">
        ✅ Your organization is verified-ready. Nothing to configure — you can start scanning visitors right away.
      </div>
      {% else %}
      <div style="background:#fdecea;border:1px solid #f3b3ac;border-radius:10px;padding:12px 16px;margin-bottom:20px;font-size:.88rem;color:#8a2c22;">
        ⚠️ UIDAI setup is not marked complete for your organization. Please contact support.
      </div>
      {% endif %}

      <!-- Callback URL info -->
      <div style="background:#f0f4f8;border-radius:10px;padding:14px 16px;margin-bottom:8px;font-size:.85rem;">
        <b>📡 Your Callback URL:</b><br>
        <code style="font-size:.88rem;color:#1a3c5e;">{{ org.callback_url }}</code><br>
        <small style="color:#888;">This is unique to your organization and is managed automatically by Avighna.</small>
      </div>

      <p style="color:#888;font-size:.8rem;margin-top:18px;">
        Questions about your setup? Contact <a href="mailto:support@avighnasolution.in" style="color:#1a3c5e;">support@avighnasolution.in</a>.
      </p>

    </div>
  </div>

  <div class="text-center mt-3">
    <a href="/dashboard/" class="btn-outline">← Go to Dashboard</a>
  </div>

</div>

{% endblock %}