<script id="CatelogGridTemplate" type="text/x-jsrender" >
    <li class="col-12 col-sm-6 col-md-4 col-lg-6 col-xl-4 p-0"  rel="product_[[>productID]]" uniqueID="[[>uniqueID]]" >
        <div class="imageBox bg-white mb-sm-0 mb-3 text-left h-100 d-flex flex-column position-relative">
            <div class="image-thumb position-relative px-3 py-2">
                <figure class="position-relative mb-0">
                    {html->anchor href="[[>requestPath]]" class="d-inline-block w-100" title=$language.lblViewDetails content="[[if showCatBg!='']]<div class='category_icon position-absolute font-weight-bold'>[[>showCatBg]]</div>[[/if]]<img class='lazy img-fluid' data-original='{$view_public_path}/uploads/catalog/vehicles/thumb/[[>productImage]]' src='{$view_images}/loader-small.gif' alt='[[>showTitle]]'>"}
                </figure>
            </div>
            <div class="deatils product-info-block px-md-4 px-3 pb-3">
            [[if financeDesc!='']]
                <div class="advantage-label bg-primary text-white font-xsmall px-lg-4 px-3 py-1 mb-3 text-center">
                <span class="font-family-secondary">[[>financeDesc]]</span></div>
                [[else]]
                <div class="advantage-label bg-primary text-white font-xsmall px-lg-4 px-3 py-1 mb-3 text-center opacity-0">
                <span class="font-family-secondary">Finance</span></div>
            [[/if]]
                <h6 class="productTitle font-weight-bold f15 mb-1">{html->anchor href="[[>requestPath]]" class="slip text-secondary" content=" [[>~truncate(showTitle,45)]]"}</h6>
            [[if monthlyInstallment>=0]]
            <div class="font-small">
            {$language.lblFinanceEMI} <span class="font-weight-bold">[[>~getFormattedCurrency(monthlyInstallment,'')]]</span></div>
             [[/if]]
                <div class="row m-0 pt-1 link-block align-items-center">
                    <div class="col-6 p-0 text-left">
                        {html->anchor href="[[>requestPath]]" class="font-weight-bold font-small viewDetail d-flex align-items-center py-1" title=$language.lblViewDetails content="{if $languageDirection=='rtl'}<i class='icon-arrow-left font-weight-bold font-xsmall mr-1'></i>{else}<i class='icon-arrow-right font-weight-bold font-xsmall mr-1'></i>{/if}{$language.lblViewDetails}"}
                    </div>
                </div>
            </div>
        </div>
    </li>
</script>
