{% extends 'admin_panel/base.html' %}
{% block page_title %}{% if video %}Edit Video{% else %}New Video{% endif %}{% endblock %}
{% block content %}
<form method="post" enctype="multipart/form-data" class="card-panel">
  {% csrf_token %}
  <div class="row g-3 mb-3">
    <div class="col-md-8"><label class="form-label">Title *</label><input type="text" name="title" class="form-control" value="{{ video.title|default:'' }}" required></div>
    <div class="col-md-4"><label class="form-label">Category</label><select name="category" class="form-select">{% for v,l in categories %}<option value="{{ v }}" {% if video.category == v %}selected{% endif %}>{{ l }}</option>{% endfor %}</select></div>
  </div>
  <div class="mb-3"><label class="form-label">Description</label><textarea name="description" rows="3" class="form-control">{{ video.description|default:'' }}</textarea></div>
  <div class="mb-3">
    <label class="form-label">Highlight Strip <small class="text-muted">(one per line: icon|label|value)</small></label>
    <textarea name="highlights" rows="4" class="form-control" placeholder="bi-tag|Starting Price|₦4.5M&#10;bi-percent|Down Payment|20%&#10;bi-shield-check|Title|FCDA C of O&#10;bi-geo-alt|Location|Kabusa, FCT">{{ video.highlights|default:'' }}</textarea>
  </div>
  <div class="mb-3">
    <label class="form-label">Featured Properties</label>
    <select name="related_properties" multiple class="form-select" size="8">
      {% for p in all_properties %}
      <option value="{{ p.pk }}" {% if video and p in video.related_properties.all %}selected{% endif %}>
        {{ p.title }} — {{ p.location.name }} — {{ p.price_display }}
      </option>
      {% endfor %}
    </select>
    <small class="text-muted">Hold Ctrl / Cmd to select multiple. These properties appear below the video for visitors to inquire about.</small>
  </div>
  <div class="row g-3">
    <div class="col-md-4"><label class="form-label">Source</label><select name="source" class="form-select">{% for v,l in sources %}<option value="{{ v }}" {% if video.source == v %}selected{% endif %}>{{ l }}</option>{% endfor %}</select></div>
    <div class="col-md-4"><label class="form-label">Orientation</label><select name="orientation" class="form-select">{% for v,l in orientations %}<option value="{{ v }}" {% if video.orientation == v %}selected{% endif %}>{{ l }}</option>{% endfor %}</select></div>
    <div class="col-md-8"><label class="form-label">Video URL (YouTube/Vimeo)</label><input type="url" name="video_url" class="form-control" value="{{ video.video_url|default:'' }}"></div>
    <div class="col-md-6"><label class="form-label">Or upload video file</label><input type="file" name="video_file" class="form-control"></div>
    <div class="col-md-6"><label class="form-label">Thumbnail</label><input type="file" name="thumbnail" class="form-control">{% if video.thumbnail %}<img src="{{ video.thumbnail.url }}" class="mt-2 rounded" style="height:50px;">{% endif %}</div>
    <div class="col-md-6"><label class="form-label">Duration (e.g. 5:32)</label><input type="text" name="duration" class="form-control" value="{{ video.duration|default:'' }}"></div>
  </div>
  <div class="form-check form-switch mt-3"><input type="checkbox" name="is_featured" id="vf" class="form-check-input" {% if video.is_featured %}checked{% endif %}><label for="vf">Featured</label></div>
  <div class="form-check form-switch"><input type="checkbox" name="is_published" id="vp" class="form-check-input" {% if video.is_published or not video %}checked{% endif %}><label for="vp">Published</label></div>
  <div class="mt-4"><button class="btn btn-primary btn-lg">Save Video</button> <a href="{% url 'analytics:videos_list' %}" class="btn btn-link">Cancel</a></div>
</form>
{% endblock %}