<div class="imt-quick-media row align-items-start">
    <div class="col-md-6 mb-15 mb-md-0">
        <div class="imt-quick-cover rounded-lg overflow-hidden">
            <img src="{{ $product->thumbnail }}" alt="{{ clean($product->title, 'title') }}" class="img-cover w-100">
        </div>
    </div>
    <div class="col-md-6">
        <h5 class="font-weight-bold">{{ clean($product->title,'title') }}</h5>

        @if(!empty($product->category))
            <span class="d-inline-block mb-15 imt-mini-pill">{{ $product->category->title }}</span>
        @endif

        @include('web.default.includes.webinar.rate', ['rate' => $product->getRate(), 'className' => 'mt-0'])

        <div class="mt-15 font-weight-bold font-18 text-dark-blue">
            @if(!empty($product->price) && $product->price > 0)
                {{ handlePrice($product->getPriceWithActiveDiscountPrice()) }}
                @if($product->getPriceWithActiveDiscountPrice() < $product->price)
                    <span class="off font-14 text-gray ml-5" style="text-decoration: line-through">{{ handlePrice($product->price) }}</span>
                @endif
            @else
                {{ trans('public.free') }}
            @endif
        </div>

        @if(!empty($product->summary))
            <p class="font-13 text-muted mt-15 mb-15">{{ strip_tags(\Illuminate\Support\Str::limit($product->summary, 220)) }}</p>
        @endif

        <div class="d-flex flex-column flex-md-row mt-15">
            <a href="{{ $product->getUrl() }}" class="btn imt-btn-accent btn-block mb-10 mb-md-0">{{ trans('update.catalog_view_detail') }}</a>
            @if($product->getAvailability() > 0)
                <button type="button" data-id="{{ $product->id }}" class="btn btn-outline-secondary btn-block mb-10 mb-md-0 mr-md-10 btn-add-product-to-cart">{{ trans('update.add_to_cart') }}</button>
            @endif
        </div>
    </div>
</div>
