{% extends "base.html" %}

{% block title %}کسب‌وکارها — Hamsoo Identity{% endblock %}

{% block content %}
<div class="card">
  <h1>کسب‌وکارها</h1>
  <p class="sub">کسب‌وکارهایی که در آن‌ها عضو هستید.</p>

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

  {% if memberships %}
    <table>
      <thead>
        <tr><th>نام</th><th>نقش</th><th>شناسه</th><th></th></tr>
      </thead>
      <tbody>
        {% for membership in memberships %}
          <tr>
            <td>{{ membership.organization.name }}</td>
            <td>
              {% if membership.role == "owner" %}<span class="badge ok">مالک</span>
              {% elif membership.role == "admin" %}<span class="badge">مدیر</span>
              {% else %}<span class="badge">عضو</span>{% endif %}
            </td>
            <td style="font-family:monospace; font-size:12px;">{{ membership.organization.slug }}</td>
            <td>
              <a class="btn ghost" style="margin:0; padding:6px 10px; font-size:12px;"
                 href="{% url 'account-organization-detail' membership.organization.slug %}">مدیریت</a>
            </td>
          </tr>
        {% endfor %}
      </tbody>
    </table>
  {% else %}
    <p class="sub">هنوز عضو هیچ کسب‌وکاری نیستید.</p>
  {% endif %}
</div>

<div class="card" style="margin-top:20px;">
  <h2>ساخت کسب‌وکار</h2>
  <p class="sub">شما به‌عنوان مالک این کسب‌وکار ثبت می‌شوید.</p>
  <form method="post">
    {% csrf_token %}
    <input type="hidden" name="action" value="create" />
    <label for="org-name">نام کسب‌وکار</label>
    <input id="org-name" name="name" required />
    <label for="org-slug">شناسه (اختیاری)</label>
    <input id="org-slug" name="slug" placeholder="در صورت خالی‌بودن از نام ساخته می‌شود" />
    <button type="submit">ساخت</button>
  </form>
</div>

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