{% extends 'base.html' %}

{% block title %}Отзыв — Beauty Salon{% endblock %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-md-8 col-lg-6">
        <div class="card shadow-lg border-0 mt-5">
            <div class="card-header bg-pink text-white text-center py-4">
                <h4 class="mb-0">Оставить отзыв</h4>
            </div>
            <div class="card-body p-5">
                <div class="mb-4">
                    <strong>Услуга:</strong> {{ appointment.service }}<br>
                    <strong>Мастер:</strong> {{ appointment.master|default:"—" }}<br>
                    <strong>Дата:</strong> {{ appointment.date|date:"d.m.Y" }}
                    {% if appointment.time %} в {{ appointment.time|time:"H:i" }}{% endif %}
                </div>

                <form method="post">
                    {% csrf_token %}

                    {% for field in form %}
                    <div class="mb-4">
                        <label class="form-label fw-bold">{{ field.label }}</label>
                        {{ field }}
                        {% if field.errors %}
                            <div class="text-danger small mt-1">{{ field.errors }}</div>
                        {% endif %}
                    </div>
                    {% endfor %}

                    <button type="submit" class="btn btn-pink btn-lg w-100">Отправить отзыв</button>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}