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

{% block title %}Акции — Lavender Beauty{% endblock %}

{% block content %}
<div class="container py-5">
    <h1 class="text-center mb-5 fw-bold">Акции и специальные предложения</h1>

    <!-- Текущие акции -->
    <h3 class="text-success mb-4">Идут сейчас</h3>
    {% if current %}
        <ul class="list-group mb-5">
            {% for promo in current %}
            <li class="list-group-item">
                <strong>{{ promo.title }}</strong> — {{ promo.description|truncatewords:20 }}
                <span class="badge bg-success ms-2">до {{ promo.end_date|date:"d.m.Y" }}</span>
            </li>
            {% empty %}
            <li class="list-group-item text-muted">Пока нет активных акций</li>
            {% endfor %}
        </ul>
    {% else %}
        <p class="text-muted mb-5">Нет текущих акций</p>
    {% endif %}

    <!-- Будущие акции -->
    <h3 class="text-primary mb-4">Скоро начнутся</h3>
    {% if upcoming %}
        <ul class="list-group mb-5">
            {% for promo in upcoming %}
            <li class="list-group-item">
                <strong>{{ promo.title }}</strong> — {{ promo.description|truncatewords:20 }}
                <span class="badge bg-primary ms-2">с {{ promo.start_date|date:"d.m.Y" }}</span>
            </li>
            {% empty %}
            <li class="list-group-item text-muted">Нет запланированных акций</li>
            {% endfor %}
        </ul>
    {% else %}
        <p class="text-muted mb-5">Нет будущих акций</p>
    {% endif %}

    <!-- Прошедшие акции -->
    <h3 class="text-secondary mb-4">Прошедшие акции</h3>
    {% if past %}
        <ul class="list-group">
            {% for promo in past %}
            <li class="list-group-item text-muted">
                <strong>{{ promo.title }}</strong> — {{ promo.description|truncatewords:20 }}
                <span class="badge bg-secondary ms-2">{{ promo.start_date|date:"d.m.Y" }} — {{ promo.end_date|date:"d.m.Y" }}</span>
            </li>
            {% empty %}
            <li class="list-group-item text-muted">Нет прошедших акций</li>
            {% endfor %}
        </ul>
    {% else %}
        <p class="text-muted">Нет прошедших акций</p>
        <p style="color: red; font-size: 10px;">
        Создано: {% now "H:i:s" %}
        </p>
    {% endif %}
</div>
{% endblock %}