{$header}
{literal}
<script type="text/javascript">
function expand(id) {
	$("div[id^=search]").each(function() {
		var h_div = this;
		$(h_div).hide();
		
		if (id > -1) {
			$("div#search_"+id).slideDown();
		}
	});
}
</script>
{/literal}


<div class="osahan-breadcrumb">
   <div class="container">
      <div class="row">
         <div class="col-lg-12 col-md-12">
            <ol class="breadcrumb mt-1">
               <li class="breadcrumb-item"><a href="/">Domov</a></li>
               <li class="breadcrumb-item active">Iskanje</li>
            </ol>
         </div>
      </div>
   </div>
</div>

<section class="categories-list">
  <div class="container">
    <div class="row">

	<!-- kategorije navpicni meni -->
	<div class="col-lg-3 col-md-4 col-sm-5">
	    {include file="sidemenu-categories.tpl"}
	</div>

	<div class="col-lg-9 col-md-8 col-sm-7">
		<div style="width: 786px; margin: 0px 0px 0px 14px;">
		{if $NORESULTS}
			<p>Vaša poizvedba po <b>{$NORESULTS}</b> ni obrodila sadov.</p>
		{else}
			<p>Iskanje po: <b>{$Q}</b>, zadetkov: <b>{$COUNT}</b><br/><br/></p>
			
			{section name='results' loop=$RESULTS}
			<div style="font-size: 14px; line-height: 20px;">
				<a href="#" onClick="expand({$RESULTS[results].id});">{$RESULTS[results].main_cat} > {$RESULTS[results].sub_cat}</a> (izdelkov {$RESULTS[results].num})<br />
			</div>
			<div id="search_{$RESULTS[results].id}" style="display: none;">
				<div style="margin: 10px 0 10px 0;"><a href="#" onClick="expand(-1);" style="font-weight: bold;">Zapri izbor</a></div>


        <hr />
				<div class="view_p2" id="view_p1">
					{section name='items' loop=$RESULTS[results].results}


            {math assign="sale" equation="(y/x-1)*100" x=$RESULTS[results].results[items].DPRICE y=$RESULTS[results].results[items].PRICE}

            <div class="row item" id="{$RESULTS[results].results[items].id}">
              <div class="col-sm-3">

                <div class="product-item">
                  {if $sale|number_format:0:',':'.' > 8}<span class="badge badge-warning offer-badge">VROÄŚE</span>{/if}
                  {if $ITEMS[items].action == 1}<span class="badge badge-danger offer-badge">AKCIJA</span>{/if}
                  
                  <div class="product-item-image">
                      <a href="{$SITE_URL}/item/display/{$RESULTS[results].results[items].ID}">
        								{if $RESULTS[results].results[items].NAME != ''}
        									<img src="{$URI.base_url}product_images/t_{$RESULTS[results].results[items].NAME}" border="0" width="150" height="100" alt="{$RESULTS[results].results[items].alt_name}" title="{$RESULTS[results].results[items].ALT_NAME}"/>
        								{else}
        									<img src="{$URI.base_url}uploads/noimage.png" border="0" alt="" title=""  width="150" height="100"/>
        								{/if}
                      </a>
                  </div>
                </div>
              </div>

              <div class="col-sm-6 product-item-body text-left" id="{$ITEMS[items].id}">
                
                <h4 class="card-title">
                  <a href="{$SITE_URL}/item/display/{$RESULTS[results].results[items].ID}">{$RESULTS[results].results[items].TITLE}</a>
                </h4>
 								{$RESULTS[results].results[items].DESCRIPTION}<br>
                
                <div class="mt-1">
                  {if $RESULTS[results].results[items].STOCK == 1}
                  <i class="icofont icofont-square text-success"></i> <i class="icofont icofont-square text-success"></i> <i class="icofont icofont-square text-success pr-1"></i>
                  {else}
                  <i class="icofont icofont-square text-warning"></i> <i class="icofont icofont-square"></i> <i class="icofont icofont-square pr-1"></i>
                  {/if}
                  {if $RESULTS[results].results[items].STOCK == 1} <span class="text-success">Na zalogi</span>{else}<span class="text-dark">Preveri</span>{/if}
                </div>
              </div>
              <div class="col-sm-3" id="{$ITEMS[items].id}">

                <div class="text-right">
                  <h5>
                    {if $RESULTS[results].results[items].PRICE != $RESULTS[results].results[items].DPRICE}
                    <span class="product-desc-price">&euro; {$RESULTS[results].results[items].PRICE|number_format:2:',':'.'}</span>
                    {/if}
                    <span class="product-price">&euro; {$RESULTS[results].results[items].DPRICE|number_format:2:',':'.'}</span>
                    <br />
                    <span class="product-discount">Prihrani {$sale|number_format:0:',':'.'}%</span>
                  </h5>
                </div>

                
                <div class="list-product-item-action text-right mt-4">
                  <a data-toggle="tooltip" data-placement="top" title="" class="btn btn-primary" href="{$SITE_URL}/item/display/{$RESULTS[results].results[items].ID}" data-original-title="Podrobnosti"><i class="icofont icofont-info"></i></a>
                  <a data-toggle="tooltip" data-placement="top" title="" class="btn btn-success" href="#" data-original-title="V košarico" onclick="itemInCart({$RESULTS[results].results[items].ID});"><i class="icofont icofont-shopping-cart"></i></a>
                </div>
              
                  
              </div>
            </div>
            <hr class="dotted-{$ITEMS[items].id}" />

					{/section}
				</div>



			</div>
			{/section}
		{/if}
		</div>
	</div>
</div>
</div>
</section>
{$footer}