{% extends "modal_base.html" %}

{% block form_attributes %}
hx-patch="/content/{{text_content.id}}"
hx-target="#main_section"
hx-swap="outerHTML"
{% endblock %}

{% block modal_content %}
<h3 class="text-lg font-bold ">Edit Content</h3>
<div class="form-control">
  <label class="floating-label">
    <span class="label-text">Instructions</span>
    <input type="text" name="instructions" value="{{ text_content.instructions}}" class="w-full input input-bordered">
  </label>
</div>

<div class="form-control ">
  <label class="floating-label">
    <span class="label-text">Category</span>
    <input type="text" name="category" value="{{ text_content.category}}" class="w-full input input-bordered">
  </label>
</div>

<div class="form-control">
  <label class="floating-label">
    <span class="label-text">Text</span>
    <textarea name="text" class="textarea textarea-bordered h-32 w-full">{{ text_content.text}}</textarea>
  </label>
</div>
{% endblock %}

{% block primary_actions %}
<button type="submit" class="btn btn-primary">
  Save Changes
</button>
{% endblock %}