{% extends 'base.html' %}
{% block title %}Organisation Settings — Avighna{% endblock %}

{% block content %}

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

  <div class="mb-4">
    <h4 style="font-weight:700;">🏢 Organisation Settings</h4>
    <p style="color:#888;font-size:.88rem;">Update your organisation profile</p>
  </div>

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

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

      <!-- Subdomain info -->
      <div style="background:#f0f4f8;border-radius:10px;padding:14px 16px;margin-bottom:20px;">
        <div style="font-size:.78rem;color:#888;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;">Your Dashboard URL</div>
        <div style="font-size:1rem;font-weight:700;color:#1a3c5e;">{{ org.slug }}.{{ MAIN_DOMAIN }}</div>
      </div>

      <form method="POST" action="/profile/">
        {% csrf_token %}

        <div class="mb-3">
          <label class="form-label">Organisation Name</label>
          <input class="form-control" type="text" name="org_name" value="{{ org.name }}" required>
        </div>

        <div class="mb-3">
          <label class="form-label">Phone Number</label>
          <input class="form-control" type="tel" name="phone" value="{{ org.phone }}" placeholder="+91 XXXXX XXXXX">
        </div>

        <div class="mb-3">
          <label class="form-label">City</label>
          <input class="form-control" type="text" name="city" value="{{ org.city }}" placeholder="Lucknow">
        </div>

        <div class="mb-4">
          <label class="form-label">Address</label>
          <textarea class="form-control" name="address" rows="3" placeholder="Full address">{{ org.address }}</textarea>
        </div>

        <div class="mb-4">
          <label class="form-label">Default Monthly Fee (₹)</label>
          <input class="form-control" type="number" name="default_monthly_fee" value="{{ org.default_monthly_fee }}" placeholder="e.g. 1500">
          <small style="color:#888;font-size:.78rem;">Used for every student unless they have their own custom fee set.</small>
        </div>

        <button type="submit" class="btn-primary-main w-100" style="justify-content:center;border-radius:30px;padding:13px;">
          💾 Save Changes
        </button>
      </form>

    </div>
  </div>

  <!-- Account Info -->
  <div class="card mt-3" style="border-radius:16px;border:none;box-shadow:0 4px 20px rgba(0,0,0,.08);">
    <div style="padding:22px;">
      <h6 style="font-weight:700;margin-bottom:16px;">Account Info</h6>
      <div style="font-size:.88rem;color:#555;line-height:2;">
        <div><b>Email:</b> {{ request.user.email }}</div>
        <div><b>Name:</b> {{ request.user.name }}</div>
        <div><b>Role:</b> {{ request.user.get_role_display }}</div>
        <div><b>Plan:</b> {{ org.get_plan_display }}</div>
        <div><b>Sector:</b> {{ org.get_sector_display }}</div>
        <div><b>Member Since:</b> {{ org.created_at|date:"d M Y" }}</div>
      </div>
    </div>
  </div>

</div>

{% endblock %}