{% extends 'base.html' %}
{% load static %}

{% block title %}Запись на услугу — Lavender Beauty{% endblock %}

{% block content %}
<div class="container py-5">
    <div class="row justify-content-center">
        <div class="col-md-8 col-lg-6">
            <div class="card border-0 shadow-lg">
                <div class="card-header bg-peach text-dark text-center py-4">
                    <h3 class="mb-0 fw-bold">Новая запись</h3>
                </div>
                <div class="card-body p-5 bg-white">
                    <form method="post">
                        {% csrf_token %}

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

                        <button type="submit" class="btn btn-peach btn-lg w-100 mt-3 fw-bold">Подтвердить запись</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<style>
    .bg-peach {
        background: #ffab91 !important;
    }
    .btn-peach {
        background: #ffab91;
        border-color: #ffab91;
        color: #2d1b24;
    }
    .btn-peach:hover {
        background: #e67e73;
        border-color: #e67e73;
    }
</style>
{% endblock %}