{#
    Partial: pojedynczy element listy spotkania
    Zmienne: meeting (MeetingModel), isPast (bool, opcjonalnie)
#}
{% set isPast    = isPast is defined and isPast %}
{% set cancelled = meeting.isCancelled() %}
{% set isGroup   = meeting.isGroup() %}
{% set daysUntil = meeting.getDaysUntil() %}
{% if cancelled %}
    {% set accentColor = '#adb5bd' %}
    {% set accentClass = 'bg-secondary' %}
    {% set dateTextClass = 'text-white' %}
{% elseif isPast %}
    {% set accentColor = '#dee2e6' %}
    {% set accentClass = 'bg-secondary bg-opacity-25' %}
    {% set dateTextClass = 'text-secondary' %}
{% elseif daysUntil is not null and daysUntil <= 3 %}
    {% set accentColor = '#ffc107' %}
    {% set accentClass = 'bg-warning' %}
    {% set dateTextClass = 'text-dark' %}
{% else %}
    {% set accentColor = '#0d6efd' %}
    {% set accentClass = 'bg-primary' %}
    {% set dateTextClass = 'text-white' %}
{% endif %}
{% set consultants = meeting.getConsultants() %}
{% set owners      = meeting.getOwners() %}
<div class="meeting-item list-group-item p-0 border-0 mb-3"
     data-type="{{ isGroup ? 'group' : 'individual' }}"
     data-cancelled="{{ cancelled ? '1' : '0' }}">
<div class="card border-0 shadow-sm overflow-hidden {{ cancelled ? 'opacity-75' : '' }}"
     style="border-left: 4px solid {{ accentColor }} !important;">
    <div class="card-body px-4 py-3">
        {# ==== WIERSZ 1 - naglowek ==== #}
        <div class="d-flex align-items-start justify-content-between gap-3 mb-2">
            <div class="d-flex align-items-center flex-wrap gap-2">
                <span class="fw-semibold {{ cancelled ? 'text-decoration-line-through text-muted' : 'text-body' }}"
                      style="font-size:1rem; line-height:1.3">
                    {{ meeting.getTitle() }}
                </span>
                {% if isGroup %}
                    <span class="badge rounded-pill border px-2 py-1"
                          style="background:#dbeafe; color:#1d4ed8; border-color:#bfdbfe !important; font-weight:500">
                        <i class="bi bi-people-fill me-1"></i>{{ translations.type_group }}
                    </span>
                {% else %}
                    <span class="badge rounded-pill border px-2 py-1"
                          style="background:#e0f2fe; color:#0369a1; border-color:#bae6fd !important; font-weight:500">
                        <i class="bi bi-person-fill me-1"></i>{{ translations.type_individual }}
                    </span>
                {% endif %}
                {% if cancelled %}
                    <span class="badge rounded-pill border px-2 py-1"
                          style="background:#fee2e2; color:#b91c1c; border-color:#fecaca !important; font-weight:500">
                        <i class="bi bi-x-circle me-1"></i>{{ translations.status_cancelled }}
                    </span>
                {% endif %}
            </div>
            <div class="flex-shrink-0 text-center rounded-2 overflow-hidden {{ accentClass }} {{ dateTextClass }}"
                 style="min-width:52px; width:52px; line-height:1">
                <div class="fw-bold py-1" style="font-size:1.3rem">
                    {{ meeting.getMeetingDate()|date('d') }}
                </div>
                <div class="small text-uppercase fw-semibold bg-black bg-opacity-10 py-1"
                     style="font-size:0.6rem; letter-spacing:.06em">
                    {{ meeting.getPolishMonth() }}
                </div>
            </div>
        </div>
        {# ==== WIERSZ 2 - meta ==== #}
        <div class="d-flex flex-wrap align-items-center gap-3 text-muted mb-2" style="font-size:0.83rem">
            <span>
                <i class="bi bi-calendar3 me-1 text-primary opacity-75"></i>
                <span class="text-capitalize">{{ meeting.getDayOfWeek() }}</span>,
                {{ meeting.getMeetingDate()|date('d') }} {{ meeting.getPolishMonthFull() }} {{ meeting.getMeetingDate()|date('Y') }}
            </span>
            <span>
                <i class="bi bi-clock me-1 text-primary opacity-75"></i>
                {{ meeting.getMeetingTime()|slice(0, 5) }}
                {% if meeting.getDurationMinutes() %}
                    &middot; {{ meeting.getDurationMinutes() }} {{ translations.minutes }}
                {% endif %}
            </span>
            {% if isGroup %}
                <span class="text-primary">
                    <i class="bi bi-building me-1"></i>{{ translations.all_locations }}
                </span>
            {% elseif meeting.getShopName() %}
                <span>
                    <i class="bi bi-shop me-1 text-primary opacity-75"></i>{{ meeting.getShopName() }}
                </span>
            {% endif %}
        </div>
        {# ==== Miejsce spotkania ==== #}
        {% if meeting.getFormattedLocation() %}
            <div class="d-flex align-items-start gap-1 text-secondary mb-2" style="font-size:0.83rem; max-width:600px">
                <i class="bi bi-geo-alt-fill text-muted flex-shrink-0 mt-1"></i>
                <div>
                    {{ meeting.getFormattedLocation() }}
                    {% if meeting.getLocationComment() %}
                        <span class="fst-italic text-muted d-block">{{ meeting.getLocationComment() }}</span>
                    {% endif %}
                </div>
            </div>
        {% endif %}
        {# ==== Agenda ==== #}
        {% if meeting.getAgenda() %}
            <p class="mb-2 text-secondary"
               style="font-size:0.83rem; max-width:600px; border-left:3px solid #e9ecef; padding-left:.65rem">
                {{ meeting.getAgenda() }}
            </p>
        {% endif %}
        {# ==== Uczestnicy ==== #}
        {% if owners is not empty or consultants is not empty %}
            <div class="d-flex flex-wrap gap-1 mb-2">
                {% for p in owners %}
                    <span class="badge border px-2 py-1"
                          style="background:#fef9c3; color:#854d0e; border-color:#fde68a !important; font-weight:500">
                        <i class="bi bi-star-fill me-1"></i>{{ p.display_name }}
                    </span>
                {% endfor %}
                {% for p in consultants %}
                    <span class="badge border px-2 py-1"
                          style="background:#f1f5f9; color:#475569; border-color:#cbd5e1 !important; font-weight:500">
                        <i class="bi bi-person-badge me-1"></i>{{ p.display_name }}
                    </span>
                {% endfor %}
            </div>
        {% endif %}
        {# ==== WIERSZ DOLNY - odliczanie + akcje ==== #}
        {% set showCountdown = not cancelled and not isPast and daysUntil is not null %}
        {% if showCountdown or meeting.getExternalLink() or (meeting.getGoogleCalendarLink() and not cancelled) %}
            <div class="d-flex align-items-center justify-content-between flex-wrap gap-2 mt-2 pt-2"
                 style="border-top:1px solid #f1f3f5">
                <div>
                    {% if showCountdown %}
                        {% if daysUntil == 0 %}
                            <span class="badge px-2 py-1 fw-semibold"
                                  style="background:#fbbf24; color:#1c1917">
                                <i class="bi bi-alarm-fill me-1"></i>{{ translations.day_today }}
                            </span>
                        {% elseif daysUntil == 1 %}
                            <span class="badge px-2 py-1 fw-semibold"
                                  style="background:#fbbf24; color:#1c1917">
                                <i class="bi bi-alarm me-1"></i>{{ translations.day_tomorrow }}
                            </span>
                        {% elseif daysUntil <= 7 %}
                            <span class="badge border px-2 py-1"
                                  style="background:#fef3c7; color:#92400e; border-color:#fde68a !important">
                                <i class="bi bi-alarm me-1"></i>{{ translations.in_days_prefix }} {{ daysUntil }} {{ translations.in_days_suffix }}
                            </span>
                        {% else %}
                            <span class="badge border px-2 py-1"
                                  style="background:#f8fafc; color:#64748b; border-color:#e2e8f0 !important">
                                <i class="bi bi-calendar-event me-1"></i>{{ translations.in_days_prefix }} {{ daysUntil }} {{ translations.in_days_suffix }}
                            </span>
                        {% endif %}
                    {% endif %}
                </div>
                <div class="d-flex gap-2">
                    {% if meeting.getExternalLink() %}
                        <a href="{{ meeting.getExternalLink() }}" target="_blank" rel="noopener"
                           class="btn btn-sm btn-outline-secondary px-3">
                            <i class="bi bi-link-45deg me-1"></i>{{ translations.open_link }}
                        </a>
                    {% endif %}
                    {% if meeting.getGoogleCalendarLink() and not cancelled %}
                        <a href="{{ meeting.getGoogleCalendarLink() }}" target="_blank" rel="noopener"
                           class="btn btn-sm btn-outline-danger px-3">
                            <i class="bi bi-google me-1"></i>{{ translations.add_to_google_calendar }}
                        </a>
                    {% endif %}
                </div>
            </div>
        {% endif %}
    </div>
</div>
</div>