@if(isset($product_lists) && !empty(count($product_lists)))
<div class="header__right__list__dropdown__links">
    <ul>
        <li><a href="{{url('/')}}/shortlist"><img src="{{url('/')}}/assets/images/home/enquire-now-black.png" class="img-fluid" alt="Enquire Now">Enquire Now</a></li>
        <li><a href="{{url('/')}}/shortlist?form_type=email"><img src="{{url('/')}}/assets/images/home/email-black.png" class="img-fluid" alt="Catalog">Email</a></li>
        <li><a href="{{url('/')}}/shortlist?form_type=download"><img src="{{url('/')}}/assets/images/home/download-black.png" class="img-fluid" alt="Add to List">Download</a></li>
    </ul>
</div>
@endif
<div class="header__right__list__dropdown__items desktop_list_block">
    <ul>
        @if(isset($product_lists))
        @foreach($product_lists as $product_list_row)
        <li>
            <div class="list__image">
                <a href="{{url('/')}}/{{$product_list_row->product_url_slug}}">
                    <img src="{{url('/')}}/assets/images/products/{{$product_list_row->product_thumbnail}}" alt="{{$product_list_row->product_name}}" class="img-fluid">
                </a>
            </div>
            <div class="list__name">
                <p><a href="{{url('/')}}/{{$product_list_row->product_url_slug}}">{{$product_list_row->product_name}}</a></p>
                @if(!empty($product_list_row->product_variant))
                <span>{!!nl2br($product_list_row->product_variant)!!}</span>
                @endif
                <span>{{$product_list_row->product_category_name}}</span>
            </div>
            <div class="list__remove">
                <span class="remove_from_list" data-id="{{$product_list_row->product_list_id}}"><img src="{{url('/')}}/assets/images/home/close.png" alt="Remove Item" class="img-fluid"></span>
            </div>
        </li>
        @endforeach
        @endif
    </ul>
    @if(isset($product_lists) && !empty(count($product_lists)))
    <a href="{{url('/')}}/shortlist" class="link">View List</a>
    @else
        <ul class="empty-list">
            <li>
                <span><img src="{{url('/')}}/assets/images/global/list.png" alt="Empty List" class="img-fluid" width="51" height="65"></span>
            </li>
            <li>
                <h3>Your List Is Empty</h3>
            </li>
            <li>
                <a href="{{url('/')}}/products" class="link">View Products</a>
            </li>
        </ul>
    @endif
</div>