{% extends "cms/base.html" %}
{% block title %}{% if obj.pk %}Edit Listing{% else %}Add Listing{% endif %}{% endblock %}
{% block page_title %}{% if obj.pk %}Edit Listing{% else %}New Auction Listing{% endif %}{% endblock %}

{% block cms_content %}
<div class="cms-section-header">
  <h2>{% if obj.pk %}{{ obj.name }}{% else %}New Listing{% endif %}</h2>
  <a href="{% url 'cms_auction' %}" class="btn-cms-ghost"><i class="fa-solid fa-arrow-left me-1"></i>Back</a>
</div>
<div class="cms-card">
  <form method="post" class="cms-form">
    {% csrf_token %}
    <div class="row g-3">
      <div class="col-md-4">
        <div class="form-group">
          <label>Asset Type</label>
          <select name="asset_type">
            {% for val, label in type_choices %}
            <option value="{{ val }}" {% if obj.asset_type == val %}selected{% endif %}>{{ label }}</option>
            {% endfor %}
          </select>
        </div>
      </div>
      <div class="col-md-8">
        <div class="form-group"><label>Name (domain / handle)</label><input type="text" name="name" value="{{ obj.name }}" required placeholder="e.g. example.com or @brandname"></div>
      </div>
      <div class="col-12">
        <div class="form-group"><label>Tagline</label><input type="text" name="tagline" value="{{ obj.tagline }}" placeholder="One-liner shown below the name"></div>
      </div>
      <div class="col-12">
        <div class="form-group"><label>Description</label><textarea name="description" rows="5">{{ obj.description }}</textarea></div>
      </div>
      <div class="col-md-4">
        <div class="form-group"><label>Asking Price (£) <small style="font-weight:400;opacity:.6;">— setting a price disables "Price on Request"</small></label><input type="number" name="asking_price" value="{{ obj.asking_price }}" step="0.01" placeholder="Leave blank for offer-only"></div>
      </div>
      <div class="col-md-4">
        <div class="form-group">
          <label>Status</label>
          <select name="status">
            {% for val, label in status_choices %}
            <option value="{{ val }}" {% if obj.status == val %}selected{% endif %}>{{ label }}</option>
            {% endfor %}
          </select>
        </div>
      </div>
      <div class="col-md-4">
        <div class="form-group" style="padding-top:1.5rem">
          <label class="form-check" style="margin-bottom:.5rem"><input type="checkbox" name="price_on_request" {% if obj.price_on_request or not obj.pk %}checked{% endif %}> Price on Request</label>
          <label class="form-check" style="margin-bottom:.5rem"><input type="checkbox" name="is_premium" {% if obj.is_premium %}checked{% endif %}> Premium Listing</label>
          <label class="form-check"><input type="checkbox" name="generate_page" {% if obj.generate_page or not obj.pk %}checked{% endif %}> Generate HTML Page</label>
        </div>
      </div>
      <div class="col-12">
        <div class="form-group"><label>Meta Description (SEO)</label><textarea name="meta_description" rows="2">{{ obj.meta_description }}</textarea></div>
      </div>
    </div>
    <div class="mt-3 d-flex gap-2">
      <button type="submit" class="btn-cms">Save Listing</button>
      <a href="{% url 'cms_auction' %}" class="btn-cms-ghost">Cancel</a>
    </div>
  </form>
</div>
{% endblock %}