@php
    // var_dump($webinar->home_page);
    $name = $webinar->creator->full_name;
    if (!empty($upcomingCourse)) {
        $name = $upcomingCourse->creator->full_name;
    }
    $randomString = Str::random(5);
    $courseUID = $webinar->id . '-' . $randomString;

@endphp

<div id="{{ $courseUID }}" data-popup-id="{{ 'popup-' . $courseUID }}"
    class="course-card p-1  d-flex flex-column flex-row-auto mt-6 animate__animated animate__fadeIn">
    <div class="d-flex flex-row h-350px shadow-sm rounded">
        <div class="d-flex flex-column flex-row-auto w-300px">
            <div class="d-flex flex-column-auto h-180px rounded"
                style="background-size: 100% 100%;background-size:cover;background-image:url('{{ $webinar->getImage() }}');">
            </div>
            <div class="d-flex flex-column-auto p-1 h-65px fs-2 fw-bold">
                {{ $webinar->title }}
            </div>
            <div class="d-flex flex-column-auto p-1 align-items-start">
                {{ $webinar->teacher->full_name }}
            </div>
            <div class="d-flex flex-column-auto p-1 align-items-center">
                @include(getTemplate() . '.includes.webinar.rate', ['rate' => $webinar->getRate()])
            </div>
            <div class="d-flex flex-column-auto p-1 align-items-start">
                @if (!empty($webinar->price) and $webinar->price > 0)
                    @if ($webinar->bestTicket() < $webinar->price)
                        <span
                            class="off  text-decoration-line-through fs-1 me-1">{{ handlePrice($webinar->price, true, true, false, null, true) }}</span>
                        <span
                            class="real fw-bold fs-2">{{ handlePrice($webinar->bestTicket(), true, true, false, null, true) }}</span>
                    @else
                        <span
                            class="real fw-bold fs-2">{{ handlePrice($webinar->price, true, true, false, null, true) }}</span>
                    @endif
                @else
                    <span class="real fw-bold fs-2">{{ trans('public.free') }}</span>
                @endif
            </div>

        </div>
        
    </div>
    @include(getTemplate() . '.includes.webinar.info-popup', [
        'webinar' => $webinar,
        'name' => $name,
        'uid' => $courseUID,
    ])
</div>