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

{% block title %}Edit Slot{% 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:schedule-list' conference.slug %}">Schedule</a>
  <span class="breadcrumb-separator"></span>
  <span>Edit</span>
</nav>
{% endblock %}

{% block page_title %}
<h1>Edit Slot: {{ slot.display_title }}</h1>
{% endblock %}

{% block content %}
{% if is_synced %}
<div class="sync-banner">
  <span>&#128274;</span>
  This slot was synced from Pretalx on {{ slot.synced_at|date:"N j, Y, P" }}.
  Synced fields are locked and cannot be edited here. Run a new sync to update Pretalx data.
</div>
{% endif %}

{% if slot.talk %}
<div style="margin-bottom: 1.5rem;">
  <h2 class="section-heading">Linked Talk</h2>
  <div class="readonly-field">
    <a href="{% url 'manage:talk-detail' conference.slug slot.talk.pk %}">{{ slot.talk.title }}</a>
  </div>
</div>
{% endif %}

<div class="form-container">
  <form method="post">
    {% 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 Pretalx">&#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">
      {% if not is_synced %}
      <button type="submit" class="btn btn-primary">Save Changes</button>
      {% endif %}
      <a href="{% url 'manage:schedule-list' conference.slug %}" class="btn btn-secondary">{% if is_synced %}Back to Schedule{% else %}Cancel{% endif %}</a>
    </div>
  </form>
</div>
{% endblock %}