{% set event = reservation.event %}
{% 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-reservation-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-reservation-main">
        <div class="cba-reservation-top">
            <span class="cba-reservation-badge {{ isPast ? 'is-muted' : 'is-active' }}">
                <i class="fas {{ isPast ? 'fa-check-circle' : 'fa-calendar-check' }}"></i>
                {{ isPast ? 'Passé' : 'Réservation active' }}
            </span>
        </div>

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

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

        <div class="cba-reservation-inline-meta">
            <span class="cba-reservation-inline-pill">
                <i class="fas fa-user"></i>
                {{ event.teacher and event.teacher.firstname ? event.teacher.firstname : (event.speaker ?: '-') }}
            </span>

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

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

            {% if event.linkZoom %}
                <span class="cba-reservation-inline-pill">
                    <i class="fas fa-video"></i>
                    Lien Zoom disponible
                </span>
            {% endif %}
        </div>
    </div>

    <div class="cba-reservation-actions">
        <a href="{{ path('app_atelier_detail', {'id': event.id}) }}" class="cba-btn-ghost">
            <i class="fas fa-eye"></i>
            Voir l’atelier
        </a>

        {% if not isPast %}
            <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>
        {% endif %}

        {% if event.linkZoom %}
            <a href="{{ event.linkZoom }}" target="_blank" rel="noopener" class="cba-btn-primary">
                <i class="fas fa-video"></i>
                Rejoindre
            </a>
        {% endif %}
    </div>
</article>