<!DOCTYPE html>
<html ng-app="myapp" lang="{$SelCurrLanguage}">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link rel="image_src" href="{$commonMetaImage}" />
    <title>{$commonMetaTitle}</title>
    <meta name="Description" content="{$commonMetaDescription|unescape:'html'|escape:'html'}" />
    <meta name="viewport" content="width=device-width">
    {if $settingsCanonicalLink=='Yes'}
    <link rel="canonical" href="{$views_host_share}/{$resultProductProduct[0]['productID']|sef_path:'product':$catalog}"/>
    {/if}
    <meta name="Keywords" content="{$commonMetaKeywords|unescape:'html'|escape:'html'}" />
    <meta property="og:title" content="{$commonMetaTitle|unescape:'html'|escape:'html'}"/>
    <meta property="og:description" content="{$commonMetaDescription|unescape:'html'|escape:'html'}"/>
    <meta property="og:image" content="{$commonMetaImage}"/>
    <meta property="og:url" content="{$views_host_share}/{$resultProductProduct[0]['productID']|sef_path:'product':$catalog}"/>
       {include file='CommonStyles.tpl'}
        <link rel="stylesheet" href="{$view_styles}/productdetails.css" />
      <link rel="stylesheet" type="text/css" href="{$view_styles}/daterangepicker.css" />
    {include file='CommonJavaScript.tpl'}
    
  </head>
  
  <body ng-controller="SearchCtrl" class="{$languageDirection}">
    <noscript>
      <div class="noscript-alert">
        <div class="alert-wrapper"><strong>{$language.msgJavascriptDisabled} </strong>{$language.msgJavascriptEnable}</div>
      </div>
    </noscript>
 {*<!----------------------------------------------- Begin : Outer Pane --------------------------------------------->*}
    <div id="main" class="outer">
 {*<!--------------------------------------------- Begin : Header Pane----------------------------------------------->*} 
           {include file='CommonTop.tpl'} 
 {*<!--------------------------------------------- End : Header------------------------------------------------------>*}           
 {*<!------------------------------------------- Begin : Content Pane ----------------------------------------------->*}
     <div class="content-wrapper" id="content-wrapper" ng-show="!query" >
        {assign var="ProductProduct" value=$resultProductProduct[0]} 
        {assign var="productID" value=$ProductProduct['productID']}
        {if $ProductProduct['images']|count>0}
        {else}
        {assign var="productImage" value=$ProductProduct['productImage']}
        {/if}
        {assign var="productMinBuyLimit" value=$ProductProduct['productMinBuyLimit']|default:''}
        {assign var="productMaxBuyLimit" value=$ProductProduct['productMaxBuyLimit']|default:''}  
        {assign var="productMaxGiftBuy" value=$ProductProduct['productMaxGiftBuy']|default:''}  
        {assign var="productExpiryDate" value=$ProductProduct['productExpiryDate']|default:''}
        {assign var="productMinQntyReqToTipp" value=$ProductProduct['productMinQntyReqToTipp']|default:''}
        {assign var="productShowNosBought" value=$ProductProduct['productShowNosBought']|default:''}
        {assign var="productEndTime" value=$ProductProduct['productEndTime']|default:''}
        {assign var="businessID" value=$ProductProduct['businessID']|default:''}
        {assign var="businessName" value=$ProductProduct['businessName']|default:''}
        {assign var="businessProfile" value=$ProductProduct['businessProfile']|default:''|unescape:"html"}
        {assign var="businessKey" value=$ProductProduct['businessKey']|default:''}
        {assign var="productFinePrint" value=$ProductProduct['productFinePrint']|default:''|unescape:"html"}
        {assign var="productHighlights" value=$ProductProduct['productHighlights']|default:''|unescape:"html"}
        {assign var="productDescription" value=$ProductProduct['productDescription']|default:''|unescape:"html"}
        {assign var="productShortDescription" value=$ProductProduct['productShortDescription']|default:''|unescape:"html"} 
        {assign var="freeProductsCount" value=$freeProducts|count|default:0}
         {assign var="isProductDeal" value=$ProductProduct['isProductDeal']|default:''}
        
        {assign var="ratingTotal" value=$ProductProduct['ratingTotal']|default:''}
        {assign var="productShowVideo" value=$ProductProduct['productShowVideo']|default:''}
        {assign var="orderItemQuantity" value=$ProductProduct['orderItemQuantity']|default:''}
        {assign var="productOrdersCount" value=$productOrdersCount|default:0}
        {if $productMinQntyReqToTipp>$productOrdersCount && $productMinQntyReqToTipp>0}
        {assign var="productRequiredQuantity" value=$productMinQntyReqToTipp-$productOrdersCount}
        {assign var="productRequiredPercentage" value=($productOrdersCount*100)/$productMinQntyReqToTipp}
        {else}
        {assign var="productRequiredQuantity" value=0}
        {assign var="productRequiredPercentage" value=0}
        {/if}
         {assign var="productOptionOfferDiscount" value=$option['productOptionOfferDiscount']}
        {*<!------------------------------- Breadcrumbs Starts here--------------------------------------------------- -->*}  
        
        <div class="clearfix bredcrumb d-none d-md-block bg-light py-1 font-small">
            <div class="container">
                    {html->anchor href="/" caption="{$language.lblHome}" class="text-muted"}
                {foreach $resBreadcrumbs as $resBreadcrumb}
                <span>/</span>
                {if $resBreadcrumb['productCategoryStatus']=='Active'}
                {html->anchor href="{$resBreadcrumb['productCategoryID']|sef_path:'catalog'}" caption="                     {$resBreadcrumb['productCategoryName']|default:''}" class="text-muted"}
                {else}
                {$resBreadcrumb['productCategoryName']|default:''}
                {/if}
                {/foreach}
                			 
            </div>
        </div>
        {*<!------------------------------- Breadcrumbs END here----------------------------------------------------->*}   
        
        <div class="container">
          {*<!------------------------------- Common Message Starts  here-------------------------------------------->*}    
          <div id="common_message"></div>
          {*<!------------------------------- Common Message END  here----------------------------------------------->*}
          {form->hidden name="selectedCategory"}
          {*<!------------------------------- Compare Box Starts  here----------------------------------------------->*}
          {include file="{$pageLayout}productCompareBox.tpl"} 
          {*<!------------------------------- Compare Box END  here-------------------------------------------------->*}     
          <div class="row">
            <div class="leftPanelOuter col-12 col-lg-9 mb-2 py-2 px-2 px-md-3">
              <div class="row">
                {*<!------------------------------- Product Imgaes Box Starts  here------------------->*}
                <div class="pordSlider position-relative col-12 col-sm-6">
                  {if $wishlistProducts|default:'' == 0}
                  {html->anchor href="" class="icon-heart-outline wish-list slip iconappend2 {if $regUserID|default:'' > 0} wishlistlogin{/if}" id ="wish-req"  wishlist="0" productid=$productID}
                  {/if}
                  {if $ProductProduct['featuredStatus']=='Yes'}<span class="featured text-center">{$language.lblFeatured|upper}</span>{/if}
                  <span id="wishlist-div" {if $wishlistProducts|default:'' == 0}class="hide"{/if}>
                  {html->anchor href="user/wishlist/" id ="wish-added" class="wish-list slip iconappend2 icon-heart"}
                  </span>
                  <div class="bg-white pordSlider-inner"> 
                      {if $productOptionOfferDiscount >0}
                            <div class="discount">
                              <div class="offerPrice02" >
                                  <span id="product_discountt">{$productOptionOfferDiscount|round}</span><span>%</span><span class="right offerTxt">{$language.lblOff}</span>
                                </div>
                            </div>
                        {/if}
                    {if $ProductProduct['productImage']}  
                     {assign var="productImages" value=$ProductProduct['images']}
                    {assign var="defProductImage" value=$ProductProduct['productImage']}
                    <div id="img_slider" >
                      {include file="{$pageLayout}ProductImages.tpl"}
                    </div>
                    {/if}
                  </div>
                </div>
                {*<!------------------------------- Product Imgaes Box Ends  here----------------------------------------------- -->*} 
                {*<!------------------------------- Product Detail Box Starts  here------------------------------------------- -->*}
                <div class="productDetails col-12 col-sm-6 pl-lg-3">
                  <div class="inner-details">
                    <div class="titleSec clearfix mb-3">
                      <div class="clearfix position-relative">
                        {*<!-------- Product share Box Starts  here------------------ -->*}
                        <span class="icon-share share-icon h6 mb-0 text-primary">                          
                            <!-- share -->
                          <div class="banner-share position-absolute clearfix">
                            {if $settingsFacebookNewProductOnWall eq "Yes"}
                            {html->anchor 
                            class="icon-fb-filled"  onClick="fbShare('{$views_host_share}/{$ProductProduct.productID|sef_path:'product':$catalog}')" 
                            title=$language.lblfacebook}
                            {/if} 
                            {if $settingsGooglePlusNewProductOnWall eq "Yes"} 
                            {html->anchor  
                            class="icon-g-plus-filled"  onClick="googlePlusShare('{$views_host_share}/{$ProductProduct.productID|sef_path:'product':$catalog}')" 
                            title="{$language.lblGooglePlus}"} 
                            {/if}
                            {if $settingsPinterestNewProductOnWall eq "Yes"}
                            {html->anchor class="icon-pin-filled"  onClick="pinterestShare('{$views_host_share}/{$ProductProduct.productID|sef_path:'product':$catalog}','{$view_public_path}/uploads/catalog/product/thumb/{$ProductProduct.productImage}','{$settingsPinterestProductPostMessage|escape:'quotes'|unescape:'html'|escape:'html'}')" title="{$language.lblPinit}" content=" <span class='path1'></span><span class='path2'></span>"}
                            {/if}	
                            {if $settingsTwitterPostNewProductOn eq "Yes"}
                            {html->anchor 
                            class="icon-twt-filled" onClick="twitterShare('{$views_host_share}/{$ProductProduct.productID|sef_path:'product':$catalog}','{$settingsTwitterProductPostMessage|escape:'quotes'|unescape:'html'|escape:'html'} : {$ProductProduct.productTitle|escape:'quotes'|unescape:'html'|escape:'html'}')" 
                            title=$language.lbltwitter content=" <span class='path1'></span><span class='path2'></span>"}
                            {/if} 
                            <a href="mailto:?subject={$language.lblProductsFrom} {$commonSiteName}&amp;body={$ProductProduct.productTitle|unescape:'html'|escape:'url'} Checkout: {$views_host_share}/{$ProductProduct.productID|sef_path:'product':$catalog}" class="icon-mail-filled">
                            </a>
                          </div>
                        </span>
                        {*<!-------- Product share Box Ends  here------------------ -->*}
                        <h1 class="h4 font-light {if $languageDirection eq 'rtl'}pl-5{else} pr-5{/if} text-dark">{$ProductProduct.productTitle}</h1>
                        {*<!-------- Product Rating   compare Starts  here------------------ -->*}
                      <ul class="clearfix strip mt-2 list-unstyled">
                        
                        
                        {if $isProductDeal neq 'Yes'}
                        {if $ProductProduct.comparable eq 'Y'}
                        <li class="d-none d-md-block float-left {if $languageDirection eq 'rtl'} border-right mr-2 pr-2{else}border-left ml-2 pl-2{/if}">										
                          <span class="addtoCompare slip h6 font-small">
                              <input type='checkbox' class='compareIt' id='compare' rel='checkbox_compare_{$productID}' data-id='{$productID}' data-src='{$view_public_path}/uploads/catalog/product/small/{$ProductProduct.productImage}' data-title='{$ProductProduct.productTitle|truncate:28}' data-category="{$ProductProduct['productCategoryName']|default:''}" data-setkey='{$ProductProduct['attributeSetID']}'/> 
                              <label for='compare' class="mb-1"> {$language.lblAddtoCompare}</label>
                          </span>
                        </li>
                        {/if}
                        {/if}
                      </ul>
                      {*<!-------- Product Rating   compare  Ends  here------------------ -->*} 
                        {html->anchor href="brand/{$ProductProduct['brandKey']}/{$resBreadcrumb['productCategoryID']|sef_path:'catalog'}" history="yes" class="soldby bsfc" class="ratingblock" caption="{$ProductProduct.brandName}"}

                      </div>
                      
                    </div>
                      {if $productShortDescription|default:'' neq ''}
                        <div class="short-des pb-3">
                          {$productShortDescription}
                        </div>
                      {/if}
                 <div> {if $ProductProduct.sellAsBatch eq 'Yes'}<span class="font-small text-medium">{$language.lblSetof}
                                        {$ProductProduct.qtyPerBatch}   {$ProductProduct.batchType} </span>{/if} </div>

                      {*<!--------specification    Start  here------------------ -->*}
                      {if $attributesGroupWise|count > 0}
                    <div class="specification-short border-bottom position-relative" >
                      {assign var="attributeCounter" value=1}
                      {assign var="keycount" value=0} 
                        <ul class="row list-unstyled m-0 pb-2">
                        {foreach $attributesGroupWise as $key=>$attributeGrp}											
                        {foreach $attributeGrp.attributes as $attributes}	
                        {assign var="keycount" value=$keycount+1}
                        <li class="col-6 px-0 py-2 h6 font-rglr">
                          {$attributes.attrName}:&nbsp; 
                          {if $attributes.attrInputType eq 'file'}
                          {html->anchor href="product/download/id/{$attributes.attrValueID}/" caption=$language.lblDownload}
                          {else if $attributes.attrInputType eq 'date'}
                          {$attributes.attrValue|date_format:$date_format}
                          {else if $attributes.attrInputType eq 'datetime'}
                          {$attributes.attrValue|date_format:$date_format} {$attributes.attrValue|date_format:$time_format}
                          {else}
                          {$attributes.attrValue}
                          {/if}
                        </li>
                        {if $keycount gt 2}
                        {break}{/if}
                        {/foreach}
                     
                        {if $keycount gt 2}
                        {break}{/if}
                        {assign var="attributeCounter" value=$attributeCounter+1}
                        {/foreach} 
                        </ul>
                       {if $keycount gt 2}
                        <a href="" id="view-details" class="detail detil dark position-absolute h6 font-rglr">{$language.lblViewAllDetails}</a>					{/if}
                      </div>
                      {/if} 
                   {*<!--------specification    End  here------------------ -->*}
                      {if $freeProducts|default:''|count>0}
                      {*<!--------available gift    Start  here------------------ -->*}
                        {include file='catalog/default/AvailableGift.tpl'} 
                      {/if}
                      
                      {*<!--------available gift    Start  here------------------ -->*}
                   {*<!--deal timer start------------------------------------------------------------>*}
                         {if $isProductDeal=='Yes' && $ProductProduct.dealEndTime!="0000-00-00 00:00:00"}
                    <div class="time-left-outer  AjaxProductTimer clearfix my-3 border-top border-bottom font-semibold position-relative" id="timer_{$selectedProductID}" rel="{$selectedProductID}">
                        <span class="dailydeals text-white px-2 py-2 h6 font-rglr m-0">{$language.lblDailyDeals}</span>
                        {form->hidden name="timerFromDate_$selectedProductID" value=$ProductProduct.timeZoneConverted|date_format:'%d-%m-%Y-%H-%M-%S'} 
                        {form->hidden name="timerToDate_$selectedProductID" value=$ProductProduct.dealEndTime|date_format:'%d-%m-%Y-%H-%M-%S'}
                        {include file="{$pageLayout}TimeLeftBlock.tpl"}
                    </div>
		    {/if}
{*<!--deal timer end------------------------------------------------------------>*}
                    {*<!--------Offer section Starts   here------------------ -->*}	
                     {if $isProductDeal neq 'Yes'}
                        {if count($cart_promotions)>0}
                        <div class="offer-section mb-2 py-2 text-capitalize {if $languageDirection eq 'rtl'}text-right {else}text-left{/if}">
                          <span class="firstoffer">
                            <span class="offer-outer h6 font-rglr">
                              {assign var=keys value = array_keys($cart_promotions)}
                              {$cart_promotions[$keys[0]].ruleName}
                              {if $cart_promotions[$keys[0]].termsAndConditions|default:''!=''}
                              <a class="offer_tc" rel="group_{$key}" href="#content-div_{$key}">View T&C</a>
                              <div style="display: none">
                                <div id="content-div_{$key}">
                                  {$cart_promotions[$keys[0]].termsAndConditions|unescape:"html"}
                                </div>
                              </div>
                              {/if}
                            </span>
                            {if count($cart_promotions)>1}<a href="javascript:void(0);" class="viewAllOffer">{$language.lblViewAlloffers}</a>{/if}
                          </span>
                          {if count($cart_promotions)>1}
                          <span class="showOffer hide">
                            {foreach $cart_promotions as $key=>$promotion}
                            {if $key neq $keys[0]}
                            <span class="offer-outer h6 font-rglr">
                              {$promotion.ruleName}
                              {if $promotion.termsAndConditions|default:''!=''}
                              <a class="offer_tc" rel="group_{$key}" href="#content-div_{$key}">View T&C</a>
                              <div style="display: none">
                                <div id="content-div_{$key}">
                                  {$promotion.termsAndConditions|unescape:"html"}
                                </div>
                              </div>
                              {/if}
                            </span>
                            {/if}
                            {/foreach}
                            <a href="javascript:void(0);" class="hideOffer">{$language.lblHidOffer}</a>
                          </span>
                          {/if}
                        </div>
                        {/if}
                    {/if}
                    {*<!--------Offer section Ends   here------------------ -->*}
                    {*<!------------------------Buynow Block  section start here -------------------------------------------------- -->*}
                    {*<!--Note:don't remove the id "buynow_contents_id" in this div , reloading content in this block when select custom option or variants so dont add any additional content in this block it will hide when it reloading --> *}
                    <div class="buynow_contents pt-2" id="buynow_contents_id">
                      {assign var="option" value=$ProductProduct['options'][0]}                      
                      {assign var="tierPrices" value=$ProductProduct['options'][0]['tierPrices']}
                      {assign var="productDefaultCurrency" value=$ProductProduct.productDefaultCurrency}
                      {include file="{$pageLayout}BuyNowBlock.tpl"} 
                    </div>

          
                    {*<!------------------------Buynow Block  section End   here ------------------------------------------------>*}
                                                
                    {if $source|default:'' !='ajax'}
                    <script type="text/javascript">	
                      var encodedCustomOption = {$encodedCustomOption};
                      
                      var selectedProductID = {$selectedProductID};
                      var productCurrency = {$productDefaultCurrency};
                      var encodedCombinations = {$encodedCombinations};
                    </script>	
                    {/if}
                    <script type="text/javascript">
                      $(document).ready(function()
                      {
                      	fn_change_options('',{$selectedProductID});
                      });
                    </script>
                    {*<!--------------------------------Show CountTimer Starts ------------------------->*}
                     {if $isProductDeal neq 'Yes'}   
                    {if $ProductProduct.daysLeft>=0 && $ProductProduct['showCountTimer']=='Yes'} 
                    <div class="py-2" id="timer_days_{$selectedProductID}" >
                      {if $ProductProduct.daysLeft>0}
                      <h5 class="digit dayleft sprite-bf position-relative font-semibold">{$ProductProduct.daysLeft}
                      {if $ProductProduct.daysLeft>1}
                      <span class="fade-text">{$language.lblDaysLeft} </span> 
                      {else}
                      <span class="fade-text">{$language.lblDayLeft}</span> 
                      {/if}
                      </h5>
                      {else}
                      <h5 class="dayleft font-semibold sprite-bf position-relative">{$language.lblEndToday}</h5> 
                      {/if}
                    </div>
                    {/if}
                    {/if}
                    {*<!--------------------------------Show CountTimer Ends ------------------------->*}
                    <div class="border border-primary clearfix avaliable-option p-2 bg-light">
                        <div class="row">
                      {*<!--------------------------------Cash on delivery start ------------------------->*}
                      <div class="float-left col-12 col-sm-6 mb-2">
                        <div class="cod">
                         <div class="ship-options pl-5">
                         <i class="icon-cod bpfc"></i>
                         <h6 class="p-0 h6 font-bold m-0">{$language.lblCashonDelivery}</h6> 
                         {if $cod_available eq 'Yes'}
                          <span class="font-small h6">{$language.lblCODAvailable}</span>
                          {else}
                          <span class="font-small h6">{$language.lblCODNAvailable}</span>
                          {/if}
                        </div>
                        </div>
                      </div>
                      {*<!--------------------------------Cash on delivery Ends ------------------------->*}                                
                      <div class="float-left col-12 col-sm-6 mb-2">
                      <div class="return">  
                         {*<!--------------------------------DispatchPeriod start ------------------------->*}
                        <div class="fade-text ship-options pl-5"> 
                             {if $ProductProduct.productReturnable eq 'Yes' && $ProductProduct.productReturnPeriod>0}<i class="icon-return bpfc"></i>
                        <h6 class="digit p-0 h6 font-bold m-0">{$ProductProduct.productReturnPeriod} {$language.lbldaysReturnPolicy}</h6>
                        {/if}
                      {if $ProductProduct.productDispatchTime>0}
                        <span class="digit">{$language.lblDispatchedin} {$productDispatchPeriod} {$language.lblBusinessDays}</span> 
                      {/if}
                      </div>
                      {*<!--------------------------------DispatchPeriod Ends ------------------------->*}
                        </div>
                      </div>
             
                    <!--Offer section Starts -->
                    <div class="col-12">
                      {if count($available_shipping_methods)>0}
                      <div class="shipping ship-options pl-5">
                          <i class="icon-shipping bpfc"></i>
                          <h6 class=" position-relative p-0 h6 font-bold m-0" >{$language.lblShipping}</h6>
                      <ul class="shippingMethod clearfix list-unstyled m-0">
                        {foreach $available_shipping_methods as $key=>$shipping}
                            {assign var="settingsGroupXmlLabel" value="{$shipping.settingsGroupXmlLabel}"}
                            {if $shipping.settingsGroupXmlLabel|default:'' eq 'Jihazi Delivery Charge' || $shipping.settingsGroupXmlLabel|default:'' eq 'Jihazi Delivery'}
                                {assign var="settingsGroupXmlLabel" value="{$language.JihaziDeliveryCharge}"}
                            {/if}    
                        <li class="font-small h6">
                          {if $shipping.settingsGroupParent ==1}
                          {if $shipping.maxQtyPerShipping >1}
                          <span class="shipping-method">{$language.lblBuy} {$shipping.maxQtyPerShipping} {$language.lblAnd} {$language.lblGet} {$language.lblFreeshipping}</span> 
                          {else}
                          <span class="shipping-method">{$language.lblFreeshipping}</span> 
                          {/if}
                          ({$shipping.deliveryZoneNames})
                          {else}
                          {if $shipping.baseCharge >0 || $shipping.handlingCharge >0}
                          {if $shipping.handlingCharge >0 || $shipping.maxQtyPerShipping >0}
                          {html->anchor class="shipping_heading fade-text" rel=$key caption=$settingsGroupXmlLabel}
                          {else}
                          {$settingsGroupXmlLabel}
                          {/if}
                          ({$shipping.deliveryZoneNames})
                          {else}
                          <span class="shipping-method">{$settingsGroupXmlLabel}</span> ({$shipping.deliveryZoneNames})
                          {/if}
                          {/if}
                          {if $shipping.baseCharge >0}
                          {if $shipping.maxQtyPerShipping >0}
                          <span class="shiping_exp" id="shiping_exp_{$key}" style="display:none;">
                          <br>{$language.lblUpTo} {$shipping.maxQtyPerShipping} {$language.lblQuantitySmall} {$shipping.baseCharge|price:'':$productDefaultCurrency:$currentCurrencyID}
                          {if $shipping.chargePerExtraQty >0}
                          {$language.lblAnd} {$shipping.chargePerExtraQty|price:'':$productDefaultCurrency:$currentCurrencyID} {$language.lblPerExtraQuantity}
                          {/if}
                          </span>
                          {else}
                          {$shipping.baseCharge|price:'':$productDefaultCurrency:$currentCurrencyID}
                          {/if}
                          {/if}
                          {if $shipping.handlingCharge >0}
                          <span class="shiping_exp" id="shiping_exp_{$key}" style="display:none;">
                          <br>
                          +{$shipping.handlingCharge|price:'':$productDefaultCurrency:$currentCurrencyID} ({$language.lblHandlingCharge})
                          </span>
                          {/if}
                        </li>
                        {/foreach}
                        {if $shipping_free_enable|default:'' neq ''}
                        <li class="fade-text font-small h6">
                          {if $shipping_free_enable|default:'' == 'Globally'}
                          {if $free_shipping_amount >0}
                          {$language.lblFreeShipForOrdersAb} {$free_shipping_amount|price:'':$productDefaultCurrency:$currentCurrencyID}
                          {/if}
                          {if $free_shipping_qty >0}
                          <br>
                          {$language.lblBuy} {$free_shipping_qty} {$language.lblAnd} {$language.lblGet} {$language.lblFreeshipping}
                          {/if}
                          {/if}
                          {if $shipping_free_enable|default:'' == 'Business wise'}
                          {if $free_shipping_amount >0}
                          {$language.lblFreeShipForOrdersAb} {$free_shipping_amount|price:'':$productDefaultCurrency:$currentCurrencyID}
                          {/if}
                          {if $free_shipping_qty >0}
                          <br>
                          {$language.lblBuy} {$free_shipping_qty} {$language.lblAnd} {$language.lblGet} {$language.lblFreeshipping}
                          {/if}
                          <br>
                          {assign var="caption" value="* "|cat:$language.lblFor|cat:" "|cat:$businessName|cat:" "|cat:$language.lblProductsOnly}
                          {html->anchor href="/store/{$businessKey}/" target="_blank" history="yes" class="ratingblock" caption=$caption}
                          {/if}
                        </li>
                        {/if}   
                      </ul>
                   </div>
                    {else}
                   <div class="warning">
                        {$language.lblNoShippingInfo}
                   </div>
                    {/if}	
                      </div>
                    <!--Offer section Ends -->	
                    </div>
                    </div>
                      
                  </div>
                </div>
                {*<!------------------------------- Product Detail Box End  here-------------------------- -->*}                
              </div>
                   {form->hidden name="hiddenProductID" value=$productID}
           
                    {if $ProductProduct.enableBuybox eq 'Yes'}  
                    <div class="col-12 mt-4"> 
                    <div id="buyBoxDetails">
                     {include file="{$pageLayout}BuyBox.tpl"}
                    </div>
                  </div>
                  {/if}
              {*<!------------------------------- Related product listing Start  here---------------------- -->*}        
              <div id="related_product" class="col-12 mb-2">
                {*<!-- AjaxRelatedProducts.tpl common include for upsell crosssell and related product-->*}
              </div>
              {*<!--------------------------- Related product listing End  here------------------------------- -->*}         
              {*<!----------------- Product Other Details  Start  here--------------------------------- -->*}          
              <div  class="detail col-12 mb-2">
                <h3 class="h4">{$language.lblproductdetails}</h3>
                  <ul class="nav nav-tabs list-unstyled clearfix mb-0">
                    <li class="tab active d-inline-block mr-1 text-center text-uppercase border"><a  href="javascript:void(0);" class="h6 d-block m-0 border-0 px-2 px-md-4">{$language.lblDescription}</a></li>
                    {if $attributesGroupWise|count > 0}
                    <li class="tab d-inline-block {if $languageDirection eq 'rtl'}mx-1{else}mr-1{/if} text-center text-uppercase border"><a href="javascript:void(0);" class="specification h6 d-block m-0 border-0 px-2 px-md-4">{$language.lblSpecifications}</a></li>
                    {/if}
                    
                  </ul>

                  <div class="tab-content clearfix" id="tab-content">
                    <div id="home" class="tab-pane border desc-section clearfix" style="display:block">
                    <div class="p-3 p-md-4">
                       {$productDescription}
                    </div>
                    </div>
                    {if $attributesGroupWise|count > 0}
                    <div id="menu1" class="tab-pane border">
                    <div class="p-3 p-md-4">
                      <div class="section clearfix">
                        <div id="other-detail" class="accordion01">
                          {assign var="attributeCounter" value=1}
                          {foreach $attributesGroupWise as $attributeGrp}											
                          <div class="spec-listing border" >
                            <ul class="pb-0 m-0 list-unstyled">
                              {foreach $attributeGrp.attributes as $attributes}	
                              <li class="border-bottom m-0 row">
                                <div class="col-sm-4 col-6 spec-label border-right p-3">
                                  {$attributes.attrName}
                                </div>
                                <div class="col-sm-8 col-6 spec-detail p-3">
                                  {if $attributes.attrInputType eq 'file'}
                                  {html->anchor href="product/download/id/{$attributes.attrValueID}/" caption=$language.lblDownload}
                                  {else if $attributes.attrInputType eq 'date'}
                                  {$attributes.attrValue|date_format:$date_format}
                                  {else if $attributes.attrInputType eq 'datetime'}
                                  {$attributes.attrValue|date_format:$date_format} {$attributes.attrValue|date_format:$time_format}
                                  {else}
                                  {$attributes.attrValue}
                                  {/if}
                                </div>
                              </li>
                              {/foreach}
                            </ul>
                          </div>
                          {assign var="attributeCounter" value=$attributeCounter+1}
                          {/foreach}
                        </div>
                      </div>
                    </div>
                    </div>
                    {/if}
                    
                </div>
                {* <!--details section Ends -->	 *}
              </div>
            <div id="crosssell_product" class="col-12"></div>
            </div>
                
                <div class="rightPanelInner col-12 col-lg-3 py-2 px-3">
             
              <div class="rightBx bg-white">
                <!-- Begin : Product Options -->
                  <!-- more variants -->
                    {include file="{$pageLayout}ProductOptions.tpl"}
               <!-- more variants -->	
              </div>
               
              <div id="upsell_product" class="verticalSldr"></div>
          
            </div>
          </div>
            
          
           {include file='catalog/default/freeGiftProduct.tpl'}     
           {include file='RecentlyViewed.tpl'}  
        </div>
      </div>
      <!-- Begin : Footer	Pane --> 
      {include file='CommonBottom.tpl'} 
    </div>
    <script>
      var categoryID ='{$resBreadcrumbs[0]["productCategoryID"]|default:0}';
      var productID ={$productID};
      var productReviewsCount 		='0';
      var selectedProductCategoryID ='{$selectedProductCategoryID|default:0}';
      var detailPageProductID ='{$productID}';
    </script>
    <!-- End : Outer Pane --> 
    {html->messages_script section="Productreview" id="common_message"}
    {include file='CommonJavaScriptBottom.tpl'} 
    {html->script_group_start name="{$compiled_js_path}/catalog.default.product.js"}
    {html->script src="{$common_frontend_js}/timer.plugin.js"}
        {html->script src="{$common_js}/jsrender.plugin.js"}
        {html->script src="{$view_javascript}/jquery.imgzoom.js"}
        {html->script src="{$common_frontend_js}/product.page.js"}
        {html->script src="{$common_frontend_js}/buyNow.js"}
        {html->script src="{$common_frontend_js}/jquery.cookie.js"}
        {html->script src="{$common_frontend_js}/addtocompare.feature.js"}
        {html->script src="{$common_frontend_js}/recommendation.page.js"}
        {html->script src="{$common_frontend_js}/smartpaginator.js"}
        {*html->script src="{$view_javascript}/easy-responsive-tabs.js"*}

    {html->script_group_end}
    <script type="text/javascript" src="{$view_javascript}/jquery.fancybox-1.3.4.js"></script>
    <script type="text/javascript" >
      var lblFollow ='{$language.lblLikeMerchant}';
      var lblUnFollow ='{$language.lblLikedMerchant}';
      var lblViewSellers = '{$language.lblViewMoreSellers}';
      var lblHideSellers = '{$language.lblHideSellers}';
      var encodedCartItemDetails ={$encodedCartItemDetails};
      var edit_cart_item_id ={$edit_cart_item_id};
      var InventoryTrackLevel ='{$ProductProduct.InventoryTrackLevel}';
      var showQuantityAvailable =Number('{$ProductProduct.showQuantityAvailable}');
      $(document).ready(function() {
        $(".moresellerlink").click(function() {
      
            $('html, body').animate({
                scrollTop: $("#buyBoxDetails").offset().top - 70
            }, 1000);
       
        });
      	$(".days_dash").each( function() {
      		if(!$(this).is(':visible') ) {
      			$(this).parent('.time-block').addClass("hourblock");
      		} 
      	});
          $('[data-toggle="tooltip"]').tooltip();  
          $('.nav-tabs li a').click(function(){
                var indexVar =  $(".nav-tabs li a").index(this);
                $('.tab-content .tab-pane').slideUp(300);
                $('.tab-content .tab-pane:eq('+indexVar+')').slideDown(500);
                $(".nav-tabs li ").removeClass('active');
                $(this).parent('li').addClass('active');
	       });
              $(document).on('click','.show-reviews',function(){
                  
                var indexVar =  $(".nav-tabs li a").index(this);
                $('.tab-content .tab-pane').slideUp(300);
                $('.tab-content .tab-pane:eq('+indexVar+')').slideDown(500);
                $(".nav-tabs li ").removeClass('active');
                $('.rev').parent('li').addClass('active');
	       });
      });
      $(document).ready(function() {
      		$(".offer_tc").fancybox({
          loop: false
        });
      });
   
      var backInStockInfo = "{$language.lblBackInStockInfo}";
    </script> 
    <script type="text/javascript">
            
      $(document).ready(function() {
        if (window.matchMedia('(max-width: 991px)').matches){
          $('.icon-share').click(function(){
            $('.banner-share').toggleClass('active')
          })
        }
          
            $('.addToCompareCommonDiv').hover(function() {
            $('.compairPane').toggleClass('active-now');
          });

          
      });
    </script>
  </body>
</html>

