{% extends 'base.html' %}
{% block content %}
<div class="container mx-auto py-8">
  <h1 class="text-2xl font-bold mb-6">Edit Word of the Day</h1>
  <form method="POST" action="" class="space-y-6">
    {{ form.csrf_token }}
    <div class="form-control">
      <label class="label">Word</label>
      {{ form.word(class="input input-bordered w-full") }}
      {% for error in form.word.errors %}<p class="text-error text-sm">{{ error }}</p>{% endfor %}
    </div>
    <div class="form-control">
      <label class="label">Definition</label>
      {{ form.definition(class="input input-bordered w-full") }}
      {% for error in form.definition.errors %}<p class="text-error text-sm">{{ error }}</p>{% endfor %}
    </div>
    <div class="form-control">
      <label class="label">Synonyms</label>
      {{ form.synonyms(class="input input-bordered w-full") }}
      {% for error in form.synonyms.errors %}<p class="text-error text-sm">{{ error }}</p>{% endfor %}
    </div>
    <div class="form-control">
      <label class="label">Antonyms</label>
      {{ form.antonyms(class="input input-bordered w-full") }}
      {% for error in form.antonyms.errors %}<p class="text-error text-sm">{{ error }}</p>{% endfor %}
    </div>
    <div class="form-control">
      <label class="label">Example Sentence</label>
      {{ form.example_sentence(class="input input-bordered w-full") }}
      {% for error in form.example_sentence.errors %}<p class="text-error text-sm">{{ error }}</p>{% endfor %}
    </div>
    <div class="form-control">
      <label class="label">Suggestion to Use</label>
      {{ form.suggestion(class="input input-bordered w-full") }}
      {% for error in form.suggestion.errors %}<p class="text-error text-sm">{{ error }}</p>{% endfor %}
    </div>
    <button type="submit" class="btn btn-primary">Save Changes</button>
    <a href="{{ url_for('teacher.manage_dictionary') }}" class="btn btn-secondary ml-2">Cancel</a>
  </form>
</div>
{% endblock %}