{% extends 'base.html' %}
{% block title %}Создание заявки — Sharp Cut{% endblock %}
{% block content %}
<section class="container py-5">
    <div class="row justify-content-center">
        <div class="col-12 col-lg-7">
            <div class="card border-0 shadow-sm rounded-3 fade-up">
                <div class="card-body p-4 p-md-5">
                    <h1 class="h2 fw-bold mt-2 mb-3">Оформление записи</h1>
                    <form method="post" class="vstack gap-3" novalidate>
                        {% csrf_token %}
                        {% for field in form %}
                            <div>
                                <label class="form-label fw-semibold" for="{{ field.id_for_label }}">{{ field.label }}</label>
                                {{ field }}
                                {% if field.help_text %}<div class="form-text">{{ field.help_text }}</div>{% endif %}
                                {% for error in field.errors %}
                                    <div class="invalid-feedback d-block error-pop">{{ error }}</div>
                                {% endfor %}
                            </div>
                        {% endfor %}
                        {% for error in form.non_field_errors %}
                            <div class="alert alert-danger error-pop">{{ error }}</div>
                        {% endfor %}
                        <div class="d-grid d-sm-flex gap-2">
                            <button class="btn btn-dark rounded-pill px-4" type="submit">Записаться</button>
                            <a class="btn btn-outline-dark rounded-pill px-4" href="{% url 'catalog' %}">Назад к услугам</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}