{% extends "django_program/manage/base.html" %}

{% block title %}{% if is_create %}Add Sponsor{% else %}Edit Sponsor{% endif %}{% endblock %}

{% block breadcrumb %}
<nav class="breadcrumb" aria-label="Breadcrumb">
  <a href="{% url 'manage:dashboard' conference.slug %}">Dashboard</a>
  <span class="breadcrumb-separator"></span>
  <a href="{% url 'manage:sponsor-manage-list' conference.slug %}">Sponsors</a>
  <span class="breadcrumb-separator"></span>
  <span>{% if is_create %}Add{% else %}Edit{% endif %}</span>
</nav>
{% endblock %}

{% block page_title %}
<h1>{% if is_create %}Add Sponsor{% else %}Edit Sponsor: {{ sponsor.name }}{% endif %}</h1>
{% endblock %}

{% block content %}
{% if is_synced %}
<div class="sync-banner">
  <span>&#128274;</span>
  This sponsor was synced from the PSF API (ID: {{ sponsor.external_id }}).
  Synced fields are locked. Run a new sync to update PSF data.
</div>
{% endif %}

<div class="form-container">
  <form method="post" enctype="multipart/form-data">
    {% csrf_token %}
    {% for field in form %}
    <div class="form-group {% if is_synced and field.name in synced_fields %}form-group--locked{% endif %}">
      <label for="{{ field.id_for_label }}">
        {{ field.label }}
        {% if is_synced and field.name in synced_fields %}<span class="lock-icon" title="Synced from PSF">&#128274;</span>{% endif %}
      </label>
      {{ field }}
      {% if field.help_text %}
      <span class="helptext">{{ field.help_text }}</span>
      {% endif %}
      {% if field.errors %}
      <ul class="errorlist">
        {% for error in field.errors %}
        <li>{{ error }}</li>
        {% endfor %}
      </ul>
      {% endif %}
    </div>
    {% endfor %}
    <div class="form-actions">
      <button type="submit" class="btn btn-primary">{% if is_create %}Create Sponsor{% else %}Save Changes{% endif %}</button>
      <a href="{% url 'manage:sponsor-manage-list' conference.slug %}" class="btn btn-secondary">Cancel</a>
    </div>
  </form>
</div>

{% if not is_create and benefits %}
<h2 class="section-heading" style="margin-top: 2rem;">Benefits</h2>
<table class="data-table">
  <thead>
    <tr>
      <th>Benefit</th>
      <th>Status</th>
      <th>Notes</th>
    </tr>
  </thead>
  <tbody>
    {% for benefit in benefits %}
    <tr>
      <td>{{ benefit.name }}</td>
      <td>
        {% if benefit.is_complete %}
        <span class="badge badge--active">Complete</span>
        {% else %}
        <span class="badge badge--warning">Pending</span>
        {% endif %}
      </td>
      <td>{{ benefit.notes|default:"--" }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{% endif %}
{% endblock %}