@php $liveEvent = getLiveEvent(); @endphp
@if(@$liveEvent)
<div class="nxt-event-classes-details">
    <a href="{!! route('onlinecampus') !!}" target="_blank"><h5>{!! $liveEvent->name !!}</h5></a>
    @if($liveEvent->location)
    <div class="event-info">
        <i class="bi bi-map"></i>{!! $liveEvent->location !!}
    </div>
    @endif
    <a href="{!! route('onlinecampus') !!}" class="event-img" target="_blank">
        <img src="{!! $liveEvent->image_url !!}" alt="{!! $liveEvent->name !!}">
    </a>
    <div class="live-event-btn-row mt-3">
        <a href="{!! route('onlinecampus') !!}" class="btn live-event-btn">
            <span>Click Here To Join</span>
            <span><i class="bi bi-broadcast"></i> Live Now</span>
        </a>
    </div>
    <div class="description mt-3">
        {!! $liveEvent->description !!}
    </div>
</div>
@elseif($nextEvent)
<div class="timer-container">
    <div class="title-col">
        <h5>Next Event In</h5>
    </div>
    <div class="countdown countdown-row" id="timer" data-start_date_time="{!! $nextEvent->start_date_time !!}">
        <div class="countdown-col" id="days"></div>
        <div class="countdown-col" id="hours"></div>
        <div class="countdown-col" id="minutes"></div>
        <div class="countdown-col" id="seconds"></div>
    </div>
</div>
<div class="nxt-event-classes-details">
    <div class="event-info">
        <i class="bi bi-calendar4-week"></i>
        {!! convertUtcToLocal($nextEvent->start_date_time, config('constants.DISPLAY_DATE_FORMAT')) !!}
    </div>
    <div class="event-info">
        <i class="bi bi-clock"></i>
        {!! displayStartEndTime($nextEvent) !!}
    </div>
    <a href="{!! $nextEvent->page_url !!}" target="_blank"><h5>{!! $nextEvent->name !!}</h5></a>
    @if($nextEvent->location)
    <div class="event-info">
        <i class="bi bi-map"></i>{!! $nextEvent->location !!}
    </div>
    @endif
    <div>
        <a href="{!! $nextEvent->page_url !!}" class="event-img" target="_blank">
            <img src="{!! $nextEvent->image_url !!}" class="" alt="{!! $nextEvent->name !!}">
        </a>
    </div>
    <div class="description mt-3">
        {!! $nextEvent->description !!}
    </div>
</div>
@endif