{% extends "base.html" %}

{% block title %}HoopScout | Edit Saved Search{% endblock %}

{% block content %}
<section class="panel mx-auto max-w-lg">
  <h1>Edit Saved Search</h1>
  <form method="post" class="mt-4 space-y-4">
    {% csrf_token %}
    <div>
      <label for="{{ form.name.id_for_label }}">{{ form.name.label }}</label>
      {{ form.name }}
      {% for error in form.name.errors %}<p class="text-sm text-rose-700">{{ error }}</p>{% endfor %}
    </div>
    <div class="flex items-center gap-2">
      {{ form.is_public }}
      <label for="{{ form.is_public.id_for_label }}">{{ form.is_public.label }}</label>
      {% for error in form.is_public.errors %}<p class="text-sm text-rose-700">{{ error }}</p>{% endfor %}
    </div>
    <div>
      <label for="{{ form.filters_json.id_for_label }}">{{ form.filters_json.label }}</label>
      {{ form.filters_json }}
      <p class="mt-1 text-xs text-slate-500">{{ form.filters_json.help_text }}</p>
      {% for error in form.filters_json.errors %}<p class="text-sm text-rose-700">{{ error }}</p>{% endfor %}
    </div>
    {% for error in form.non_field_errors %}<p class="text-sm text-rose-700">{{ error }}</p>{% endfor %}
    <div class="flex flex-wrap gap-2">
      <button type="submit" class="btn">Update</button>
      <a class="btn-secondary" href="{% url 'scouting:index' %}">Cancel</a>
    </div>
  </form>
</section>
{% endblock %}