{if $items|@count > 0}
    {foreach from=$items item=item}
        <div class="tour-list-area d-flex flex-column gap-5">
            <div class="tour-wrapper-list radius-10 overflow-hidden image-transform border">
                <div class="image-area radius-0 overflow-hidden">
                    <a href="{$item->url}">
                        {if empty($item->image)}
   <img class="hover-image" src="https://www.csmtravel.com/cmss/uploads/csm/assets/images/breadcrumb/01.webp" alt="Default Breadcrumb" loading="lazy">
{else}
   <img class="hover-image" src="{uploads_url}/{$item->image|replace:' ':'%20'}" alt="{$item->title|escape|default:''}" loading="lazy">
{/if}
                        <span class="tag">{$item->start}</span>
                    </a>
                </div>
                <div class="content">
                    <div class="left">
                        <ul class="meta-content">
                            <li><i class="fa-light fa-location-dot"></i> {$item->route}</li>
                        </ul>
                        <ul class="meta-content">

                            <li><i class="fa-light fa-clock"></i> {$item->duration}</li>

                        </ul>

                        <h5 class="title"><a href="{$item->url}">{$item->title}</a></h5>
                        <p class="desc">{$item->subtitle}</p>
                        
                    </div>
                    <div class="button-area">
                        <div class="price-area">
                            From: <span class="current">{$item->starting_price}</span>

                        </div>
                        <a href="{$item->url}" class="rts-btn btn-primary border">View Details</a>
                    </div>
                </div>
            </div>

        </div>

    {/foreach}
{/if}