{if $items|@count > 0}
    {foreach from=$items item=item}

        {assign var='tt' value=$smarty.get.tt}
        {if $tt == '' || $item->trip_types|stristr:$tt}

        <div class="col-xl-3 col-lg-4 col-md-6 col-sm-6 col-12">
            <div class="tour-wrapper radius-10 image-transform border">
                <div class="image-area radius-6">
                    <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}
                        <!-- Grid View keeps Price on the Image Badge -->
                        <span class="tag">$ {$item->starting_price} /pp</span>
                    </a>
                </div>
                <div class="content">
                    <h6 class="title"><a href="{$item->url}">{$item->title}</a></h6>
                    
                    <ul class="meta-content" style="margin-bottom: 8px;">
                        <li>{$item->subtitle}</li>
                    </ul>
                    <ul class="meta-content" style="margin-bottom: 8px;">
                        <li><i class="fa-light fa-users"></i> {$item->trip_types}</li>
                    </ul>
                    <ul class="meta-content" style="margin-bottom: 12px;">
                        <li><i class="fa-light fa-clock"></i> {$item->duration}</li>
                    </ul>
                    
                    
                    <div class="button-area">
                        <a href="{$item->url}" class="rts-btn btn-primary border">View Details</a>
                    </div>
                </div>
            </div>
        </div>

        {/if}

    {/foreach}
{/if}