{% set isReserved = isReserved|default(false) %}
{% set isUnlimited = event.places > 900 %}
{% set hasSeats = isUnlimited or event.lacks > 0 %}
{% set isFree = event.price is empty or event.price|lower == 'gratuit' %}
{% set eventTimestamp = event.startDayAt ? event.startDayAt|date('U', 'Europe/Paris') : 0 %}
{% set isPast = eventTimestamp < 'now'|date('U', 'Europe/Paris') %}
{% set plainDescription = event.description|striptags|trim %}
{% set shortDescription = plainDescription|length > 180 ? plainDescription|slice(0, 180) ~ '…' : plainDescription %}

<article class="cba-event-line">
    <div class="cba-reservation-datebox">
        <div class="cba-reservation-datebox-day">
            {{ event.startDayAt ? event.startDayAt|date('d', 'Europe/Paris') : '--' }}
        </div>
        <div class="cba-reservation-datebox-month">
            {{ event.startDayAt ? event.startDayAt|date('M', 'Europe/Paris') : '-' }}
        </div>
        <div class="cba-reservation-datebox-time">
            {{ event.startDayAt ? event.startDayAt|date('H:i', 'Europe/Paris') : '-' }}
        </div>
    </div>

    <div class="cba-event-line-media">
        {% if event.image %}
            <img src="{{ event.image }}" alt="{{ event.name }}" loading="lazy">
        {% else %}
            <div class="cba-event-line-media-fallback">
                <i class="fas fa-calendar-alt"></i>
            </div>
        {% endif %}
    </div>

    <div class="cba-event-line-main">
        <div class="cba-event-top">
            <span class="cba-event-badge {{ isPast ? 'is-muted' : 'is-upcoming' }}">
                <i class="fas {{ isPast ? 'fa-clock' : 'fa-bolt' }}"></i>
                {{ isPast ? 'Passé' : 'À venir' }}
            </span>

            {% if isReserved %}
                <span class="cba-event-badge is-reserved">
                    <i class="fas fa-check-circle"></i>
                    Réservé
                </span>
            {% endif %}
        </div>

        <h3 class="cba-event-title">{{ event.name }}</h3>

        <p class="cba-event-description">
            {{ shortDescription }}
        </p>

        <div class="cba-event-inline-meta">
            <span class="cba-event-inline-pill">
                <i class="fas fa-hourglass-half"></i>
                {{ event.period ? event.period ~ ' min' : '-' }}
            </span>

            <span class="cba-event-inline-pill">
                <i class="fas fa-user"></i>
                {% if event.teacher and event.teacher.firstname %}
                    {{ event.teacher.firstname }}
                {% elseif event.speaker %}
                    {{ event.speaker }}
                {% else %}
                    -
                {% endif %}
            </span>

            <span class="cba-event-inline-pill">
                <i class="fas fa-tag"></i>
                {{ event.price ?: 'Gratuit' }}
            </span>

            <span class="cba-event-inline-pill">
                <i class="fas fa-users"></i>
                {% if isUnlimited %}
                    Illimité
                {% elseif event.lacks <= 0 %}
                    Complet
                {% else %}
                    {{ event.lacks }} / {{ event.places }}
                {% endif %}
            </span>
        </div>
    </div>

    <div class="cba-event-line-actions">
        <a href="{{ path('app_atelier_detail', {'id': event.id}) }}" class="cba-btn-ghost">
            <i class="fas fa-eye"></i>
            Détails
        </a>

        {% if isReserved %}
            <a href="{{ path('app_reservation_remove', {'usr': app.user.id, 'atelier': event.id}) }}" class="cba-btn-danger">
                <i class="fas fa-xmark"></i>
                Annuler
            </a>
        {% elseif not isPast and hasSeats %}
            {% if isFree %}
                <a href="{{ path('app_reservation_add', {'user': app.user.id, 'atelier': event.id}) }}" class="cba-btn-primary">
                    <i class="fas fa-ticket-alt"></i>
                    Réserver
                </a>
            {% elseif event.link %}
                <a href="{{ event.link }}" target="_blank" rel="noopener" class="cba-btn-primary">
                    <i class="fas fa-cart-shopping"></i>
                    Acheter
                </a>
            {% endif %}
        {% elseif not isPast and not hasSeats %}
            <span class="cba-event-full">Atelier complet</span>
        {% endif %}
    </div>
</article>