{% extends "base.html" %}

{% block title %}توسعه‌دهندگان — Hamsoo Identity{% endblock %}

{% block content %}
{% if created_secret %}
  <div class="card" style="margin-bottom:20px; border-color:#067647;">
    <h2>کلید ساخته شد</h2>
    <p class="sub">
      این <span style="font-family:monospace;">client_secret</span> فقط یک‌بار نمایش داده می‌شود.
      آن را در جای امن ذخیره کنید.
    </p>
    <div class="fact">
      <span class="k">client_id</span>
      <span class="v" style="font-family:monospace;">{{ created_application.client_id }}</span>
    </div>
    <div class="fact" style="margin-top:10px;">
      <span class="k">client_secret</span>
      <span class="v" style="font-family:monospace; word-break:break-all;">{{ created_secret }}</span>
    </div>
  </div>
{% endif %}

{% if rotated_secret %}
  <div class="card" style="margin-bottom:20px; border-color:#b54708;">
    <h2>کلید تازهٔ {{ rotated_application.name }}</h2>
    <p class="sub">
      کلید قبلی فوراً باطل شد. این مقدار فقط یک‌بار نمایش داده می‌شود.
    </p>
    <div class="fact">
      <span class="k">client_secret</span>
      <span class="v" style="font-family:monospace; word-break:break-all;">{{ rotated_secret }}</span>
    </div>
  </div>
{% endif %}

<div class="card">
  <h1>پورتال توسعه‌دهندگان</h1>
  <p class="sub">اپلیکیشن‌های OAuth ثبت‌شده روی این IdP.</p>

  {% for error in errors %}<div class="error">{{ error }}</div>{% endfor %}

  {% if applications is not None %}
    {% if applications %}
      <table>
        <thead>
          <tr><th>نام</th><th>product_key</th><th>client_id</th><th>وضعیت</th><th></th></tr>
        </thead>
        <tbody>
          {% for application in applications %}
            <tr>
              <td>{{ application.name }}</td>
              <td style="font-family:monospace; font-size:12px;">{{ application.product_key }}</td>
              <td style="font-family:monospace; font-size:12px;">{{ application.client_id }}</td>
              <td>
                {% if application.status == "active" %}<span class="badge ok">فعال</span>
                {% else %}<span class="badge warn">{{ application.status }}</span>{% endif %}
              </td>
              <td>
                <form method="post" style="margin:0;"
                      action="{% url 'account-developer-rotate' application.id %}"
                      onsubmit="return confirm('کلید فعلی باطل می‌شود. مطمئن هستید؟');">
                  {% csrf_token %}
                  <button type="submit" class="btn ghost"
                          style="margin:0; padding:6px 10px; font-size:12px;">
                    گردش کلید
                  </button>
                </form>
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    {% else %}
      <p class="sub">هنوز اپلیکیشنی ثبت نشده است.</p>
    {% endif %}

    <h2 style="margin-top:26px;">ثبت اپلیکیشن جدید</h2>
    <form method="post">
      {% csrf_token %}
      <label for="app-name">نام</label>
      <input id="app-name" name="name" required />
      <label for="app-key">product_key</label>
      <input id="app-key" name="product_key" placeholder="مثلاً hamsoo" required />
      <label for="app-site">وب‌سایت (اختیاری)</label>
      <input id="app-site" name="website_url" type="url" />
      <label for="app-uris">redirect_uri ها (هر خط یکی)</label>
      <textarea id="app-uris" name="redirect_uris" rows="3"
                style="width:100%; padding:11px 12px; border:1px solid var(--border); border-radius:10px; font-family:inherit; font-size:14px;"
                placeholder="https://hamsoo.example/callback"></textarea>
      <button type="submit">ثبت اپلیکیشن</button>
    </form>
  {% else %}
    <div class="success">
      ثبت اپلیکیشن OAuth فقط توسط تیم مدیریت انجام می‌شود.
    </div>
    <p class="sub" style="margin-top:14px;">
      برای دریافت <span style="font-family:monospace;">client_id</span> و تنظیم
      <span style="font-family:monospace;">redirect_uri</span> با مدیر سامانه تماس بگیرید.
      مستندات نقاط پایانی در <a href="/api/docs/">/api/docs/</a> در دسترس است.
    </p>
  {% endif %}
</div>

<p class="sub" style="margin-top:16px;">
  <a href="{% url 'account-home' %}">بازگشت به حساب</a>
</p>
{% endblock %}