{% extends 'base.html' %}
{% block content %}
<div class="container mx-auto py-8">
  <h1 class="text-2xl font-bold mb-6">Manage Dictionary</h1>
  <a href="{{ url_for('teacher.add_dictionary_word') }}" class="btn btn-primary mb-4">Add Word of the Day</a>
  <table class="table w-full">
    <thead>
      <tr>
        <th>Word</th>
        <th>Definition</th>
        <th>Synonyms</th>
        <th>Antonyms</th>
        <th>Example</th>
        <th>Suggestion</th>
        <th>Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for entry in dictionary_entries %}
      <tr>
        <td>{{ entry.word }}</td>
        <td>{{ entry.definition }}</td>
        <td>{{ entry.synonyms }}</td>
        <td>{{ entry.antonyms }}</td>
        <td>{{ entry.example_sentence }}</td>
        <td>{{ entry.suggestion }}</td>
        <td>
          <a href="{{ url_for('teacher.edit_dictionary_word', word_id=entry.id) }}" class="btn btn-sm btn-secondary">Edit</a>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}