{% extends 'base.html' %}
{% block title %}Написать рецензию — Электронная библиотека{% endblock %}

{% block content %}
<h2 class="mb-4">Рецензия на книгу «{{ book.title }}»</h2>

<form method="post">
    <div class="mb-3">
        <label class="form-label">Оценка <span class="text-danger">*</span></label>
        <select class="form-select" name="rating" style="max-width:260px;" required>
            {% set options = [(5,'отлично'),(4,'хорошо'),(3,'удовлетворительно'),(2,'неудовлетворительно'),(1,'плохо'),(0,'ужасно')] %}
            {% for val, label in options %}
                <option value="{{ val }}"
                    {% if (form.get('rating', 5) | int) == val %}selected{% endif %}>
                    {{ label }}
                </option>
            {% endfor %}
        </select>
    </div>
    <div class="mb-3">
        <label class="form-label">Текст рецензии <span class="text-danger">*</span></label>
        <textarea class="form-control" name="text" id="review-text" rows="8">{{ form.get('text','') }}</textarea>
    </div>
    <div class="d-flex gap-2">
        <button type="submit" class="btn btn-primary">
            <i class="bi bi-save"></i> Сохранить
        </button>
        <a href="{{ url_for('book_view', book_id=book.id) }}" class="btn btn-outline-secondary">Отмена</a>
    </div>
</form>
{% endblock %}

{% block scripts %}
<script>
const easyMDE = new EasyMDE({
    element: document.getElementById('review-text'),
    spellChecker: false,
    autosave: { enabled: false }
});

document.querySelector('form').addEventListener('submit', function() {
    easyMDE.codemirror.save();
});
</script>
{% endblock %}