<!DOCTYPE html>
<html ng-app="myapp" lang="{$SelCurrLanguage}" dir="{$languageDirection}">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <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="{$selCategoryDet.productCategoryKey}" /> {/if}*} {if $settingsCanonicalLink|default:''=='Yes'}
    <link rel="canonical" href="{$views_host_share}{$requestURI}" /> {/if}
    <meta name="Keywords" content="{$commonMetaKeywords|unescape:'html'|escape:'html'}" />
    <link rel="image_src" href="{$commonMetaImage|default:''}" />
    <meta property="og:title" content="{$commonMetaTitle|unescape:'html'|escape:'html'}" />
    <meta property="og:image" content="{$commonMetaImage|default:''}" /> {include file='CommonStyles.tpl'} {include file='CommonJavaScript.tpl'}
    <link href="{$view_styles}/jquery.mCustomScrollbar.min.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="{$view_styles}/productlisting.css" rel="stylesheet" type="text/css" media="screen" />
<script>
  fbq('track', 'ViewContent');
</script>
</head>
<body ng-controller="SearchCtrl"  class="remove-fix">
{if $listLevel|default:'' eq '1'}
<!--
Start of Floodlight Tag: Please do not remove
Activity name of this tag: BMW - Find Your BMW - Find and Book your BMW
URL of the webpage where the tag is expected to be placed: https://www.findyourbmw.ae/series/
This tag must be placed between the <body> and </body> tags, as close as possible to the opening tag.
Creation Date: 09/11/2019
-->
<script type="text/javascript">
var axel = Math.random() + "";
var a = axel * 10000000000000;
document.write('<iframe src="https://6355536.fls.doubleclick.net/activityi;src=6355536;type=websi0;cat=bmw-f009;u2=[language];dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;ord=' + a + '?" width="1" height="1" frameborder="0" style="display:none"></iframe>');
</script>
<noscript>
<iframe src="https://6355536.fls.doubleclick.net/activityi;src=6355536;type=websi0;cat=bmw-f009;u2=[language];dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;ord=1?" width="1" height="1" frameborder="0" style="display:none"></iframe>
</noscript>
<!-- End of Floodlight Tag: Please do not remove -->
{/if}
{if $listLevel|default:'' eq '2'}
<!--
Start of Floodlight Tag: Please do not remove
Activity name of this tag: BMW - Find Your BMW - Chooses a Car
URL of the webpage where the tag is expected to be placed: https://www.findyourbmw.ae/en/series/1-series/Hatchback/
This tag must be placed between the <body> and </body> tags, as close as possible to the opening tag.
Creation Date: 09/11/2019
-->
<script type="text/javascript">
var axel = Math.random() + "";
var a = axel * 10000000000000;
document.write('<iframe src="https://6355536.fls.doubleclick.net/activityi;src=6355536;type=websi0;cat=bmw-f00a;u2=[language];dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;ord=' + a + '?" width="1" height="1" frameborder="0" style="display:none"></iframe>');
</script>
<noscript>
<iframe src="https://6355536.fls.doubleclick.net/activityi;src=6355536;type=websi0;cat=bmw-f00a;u2=[language];dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;ord=1?" width="1" height="1" frameborder="0" style="display:none"></iframe>
</noscript>
<!-- End of Floodlight Tag: Please do not remove -->

{/if}
{if $listLevel|default:'' eq '3'}
<!--
Start of Floodlight Tag: Please do not remove
Activity name of this tag: BMW - Find Your BMW - View Details
URL of the webpage where the tag is expected to be placed: https://www.findyourbmw.ae/en/series/1-series/Hatchback/code/120i/
This tag must be placed between the <body> and </body> tags, as close as possible to the opening tag.
Creation Date: 09/11/2019
-->
<script type="text/javascript">
var axel = Math.random() + "";
var a = axel * 10000000000000;
document.write('<iframe src="https://6355536.fls.doubleclick.net/activityi;src=6355536;type=websi0;cat=bmw-f00c;u2=[language];dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;ord=' + a + '?" width="1" height="1" frameborder="0" style="display:none"></iframe>');
</script>
<noscript>
<iframe src="https://6355536.fls.doubleclick.net/activityi;src=6355536;type=websi0;cat=bmw-f00c;u2=[language];dc_lat=;dc_rdid=;tag_for_child_directed_treatment=;tfua=;npa=;ord=1?" width="1" height="1" frameborder="0" style="display:none"></iframe>
</noscript>
<!-- End of Floodlight Tag: Please do not remove -->

{/if}


      {*<!----------------------------------------------- Begin : Outer Pane ------------------------------------------>*}
      <div id="main" class="outer">
      {*<!--------------------------------------------- Begin : Header Pane------------------------------------------>*} 
      {assign var="Headerfix" value="No"}
      {assign var="CatalogJS" value="Yes"}
      {include file='CommonTop.tpl'} 
      {*<!--------------------------------------------- End : Header------------------------------------------------>*}
      {*<!-------------------------------------------  Begin : Content Pane------------------------------------------>*}
      <div id="content-wrapper" ng-show="!query" >
         {*<!------------------------------- Breadcrumbs Starts here------------------------------------------------>*}   
         <div class="clearfix d-none d-md-block bg-light border-bottom">
         
            <div class="container">
                <ul class="breadcrumb list-unstyled m-0 py-3 font-normal px-0 text-left">
                        <li>
                            {html->anchor href="/" caption="{$language.lblHome}" class="font-weight-bold"}   </li>            
              <li> {html->anchor href="/series/" caption="{$language.lblBrowse}" class="font-weight-bold"}</li>
               
               {if $catSelKeys|default:''|count==1}
               {foreach $resBreadcrumbs|default:array() as $resBreadcrumb} 
             
               {if $resBreadcrumb['productCategoryStatus']=='Active'}
                    <li class="brc_{$resBreadcrumb['productCategoryKey']}">{html->anchor href="series/{$resBreadcrumb['productCategoryID']|sef_path:'catalog'}" caption="{$resBreadcrumb['productCategoryName']}" class="font-weight-bold"}</li>

                    {if $bodyStyle|default:''|count==1}
                    <li class="brb_{$bodyStyle[0]}">{html->anchor href="series/{$resBreadcrumb['productCategoryKey']}/{$bodyStyle[0]}/" caption="{$bodyStyle[0]}" class="font-weight-bold"}</li>
                        
                        {if $bmwCode|default:'' neq ''}
                            <li class="brb_{$bodyStyle[0]}">{html->anchor href="series/{$resBreadcrumb['productCategoryKey']}/{$bodyStyle[0]}/code/{$bmwCode}/" caption="{$dispayBmwCode}" class="font-weight-bold"}</li>
                        {/if} 
                    {else}
                        {if $bmwCode|default:'' neq ''}
                           <li class="brc_{$resBreadcrumb['productCategoryKey']}">{html->anchor href="series/{$resBreadcrumb['productCategoryKey']}/{$bodyStyle[0]}/code/{$bmwCode}/" caption="{$dispayBmwCode}" class="font-weight-bold"}</li>

                        {/if} 
                    {/if} 
                    
               {else}
               <li class="brc_{$resBreadcrumb['productCategoryKey']}">{html->anchor style='cursor:default;' caption="{$resBreadcrumb['productCategoryName']}" class="font-weight-bold"}</li>
               {/if}
               {/foreach}
               {/if}
</ul>
                        
            </div> </div>
            <!-- Breadcrumbs END here -->
         <div class="container">
            {include file='addbanner/BannerLeaderboardHeader.tpl'}
            {include file='addbanner/BannerHeader.tpl'}
            {*<!------------------------------- Common Message Starts  here------------------------------------------ -->*}  
            <div id="common_message"></div>
            <div id="unsubscribe_message"></div>
            <div id="common_message_referal"></div>
            <div id="invalid_email"></div>
            {*<!------------------------------- Common Message END  here---------------------------------------- -->*}
            <div class="catalog overflow row py-4 my-3">
               {*<!------------------------ starts : Side Block -------------------------------------------------->*} 
                <div class="col-lg-5 col-12 sort_blk left-content-block">
                    
                    <div class="prdctFilter sorToggle bg-white">                       
                        <div class="leftlistBx category-browse">                           
                            <div class="filter-head bg-white w-100 px-4 py-lg-3 py-4 border-bottom">                                 
                                <div class="row m-0 align-items-center">
                                    <div class="col-lg-6 col-12 p-0 text-lg-left text-center">
                                        <h4 class="font-weight-bold m-0 d-lg-inline-block d-flex justify-content-center align-items-center"><i class="icon-filter font-weight-bold mr-2 d-lg-none"></i>{$language.lblFilter}</h4>
                                    </div>
                                    <div class="col-6 p-0 text-right d-lg-block d-none">
                                        <h6 class="font-weight-bold font-normal m-0 cursor-pointer mfillter clearAllSearch">{$language.lblClearFilter}</h6>
                                    </div>
                                </div> 
                            </div>
                            <div class="filter_section">
                                <div class="row px-4 py-md-4 py-3 p m-0 border-bottom align-items-center filter_head d-lg-none bg-white position-sticky top-0">
                                    <h4 class="font-weight-bold m-0 col-6 p-0">{$language.lblFilter}</h4>
                                    <h4 class="filter-close font-weight-bold m-0 col-6 p-0 text-right"><i class="icon-close font-normal text-muted"></i></h4>
                                </div>
                                  
                                {if $pageDefaultView=='products_only' || $pageDefaultView=='widget_and_products'}
                                    {include file="{$pageLayout}/LayeredNavigation.tpl"} 
                                {/if}
                               
                                <div class="btn-fix py-3 d-lg-none position-fixed w-100 bg-white bottom-0">
                                    <div class="container">
                                        <div class="row">
                                            <div class="col-6">{html->anchor href="" class="mfillter clearAllSearch btn btn-block btn-outline-primary font-normal font-weight-bold py-2" caption="{$language.lblClear}"}</div>
                                            <div class="col-6">{html->anchor href="" class="apply-fillter filter-close btn btn-block btn-primary font-normal font-weight-bold py-2" caption="{$language.lblApplyFilter}"}</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                  {*<!-- Begin : Twitter --> *}
                  {if $settingsTwitterEnableFeeds|default:'' eq "Yes"}
                  <div class="twitterbox"> {$settingsTwitterWidgetCode} </div>
                  {/if} 
                  {*<!-- End : Twitter -->*}
               </div>
               {*<!---------------------------------- End : Side Block --------------------------------------------->*} 
               <div class="col-lg col-12 right-content-block">
                  <div class="list-block">
				   <div class ="refined-box-content pb-4 text-left hide"></div>
                     {if $pageDefaultView == 'products_only' || $pageDefaultView == 'widget_and_products'}
                     {if $resBanner|default:''} 
                     <div class="banner-container ml-3 clearfix">
                        {include file='BannerSlider.tpl'}
                     </div>
                     {/if}
                     {form->hidden name="selectedProductOption" value=""}   
                     {assign var="priceSliderHid" value=""}
                     {if $priceMinQueryString|default:'' neq '' && $priceMaxQueryString|default:'' neq ''}
                         {assign var="priceSliderHid" value="1"}
                     {/if}
                     {assign var="priceEmiSliderHid" value=""}
                     {if $emiMinQueryString|default:'' neq '' && $emiMaxQueryString|default:'' neq ''}
                         {assign var="priceEmiSliderHid" value="1"}
                     {/if}
                     {form->hidden name="priceSliderHid" value="{$priceSliderHid}"}   
                     {form->hidden name="priceEmiSliderHid" value="{$priceEmiSliderHid}"}    

                     <div id ="refined-box-content"></div>
                     <div class="productListing"> 
                        {include file="{$pageLayout}CatalogGridBlock.tpl"} 
                        {include file="{$pageLayout}js_templates/CatalogGridBlock.tpl"}
                     </div>
                     {if $prodsMaxCount > $productPageCount}
                     <div class="text-center">
                        <a href="javascript:void(0)" id="view_more_products" class="btn btn-primary btn-lg py-3 px-5 mt-5 font-weight-bold font-small">{$language.lblLoadMore}</a>
                     </div>
                     {/if}
                     <div id="CategoryPopup">
                        {form->start name="formProductOptions"}
                        {form->close}
                     </div>
                     {/if}
                  </div>
                  {*<!----------------- START : Category description Start Here ----------------------------------->*}    
                  {if $selCategoryDet["productCategoryFooterText"]|default:''}
                  <div class="mt-4 category-footertext pl-3">
                     {$selCategoryDet["productCategoryFooterText"]|default:''|unescape:"html"}
                  </div>
                  {else if $selCategoryParentDet["productCategoryFooterText"]|default:''}
                  <div class="mt-4 category-footertext pl-3">
                     {$selCategoryParentDet["productCategoryFooterText"]|default:''|unescape:"html"}
                  </div>
                  {/if}
                  {*<!----------------- START : Category description end Here ----------------------------------->*}
               </div>
            </div>
         </div>
         
         {include file='addbanner/BannerLeaderboardFooter.tpl'}
         {*<!----------------------------- End : Content Pane -------------------------------------->*}
      </div>
      {*<!-------------------------------------------- Begin : Footer	Pane ------------------------------------------->*} 
      {include file='CommonBottom.tpl'} 
      {*<!----------------------------------------- End : Footer Pane ---------------------------------------------->*}
      <!-- End : Outer Pane --> 
      <script type="text/javascript">
         var lblphone 	= "{$language.lblEnterContactNumber}";
         var lblRemove 	= "{$language.lblRemove}";
         var productCurrency 	= 1;
         var selCategoryID 	= '{$selCategoryDet["productCategoryID"]|default:''}';
         var languageID 		= '{$languageID|default:''}';
         var catIDAndSubcategories = '{$catIDAndSubcategories}';
         var categoryID		="{$resBreadcrumbs[0]["productCategoryID"]|default:''}";
         var searchKeyword 	= "{$searchKeyword|default:''}";
         var listUsersWishListItems = {$listUsersWishListItems|json_encode};
         var originCatalogID = '{$originCatalogID}';
         var categoryID = '{$originCatalogID}';
         var brandID 		= '{$brandID}';
         var brandIDs 		= '{$brandIDs}';
         var businessID 		= '{$businessID}';
         var bodyStyle= '{$bodyStyle|default:''}';
         var bmwCode= '{$bmwCode|default:''}';
         var globalCatalogUrl= '{$globalCatalogUrl|default:''}';
         var lblUpholstery 	= "{$language.lblUpholstery}";
          var lblColor 	= "{$language.lblColor}";
          var lblBrowse 	= "{$language.lblBrowse}";
          var urlCat 	= "{$urlCat|default:''}";
          var urlBodyStyle 	= "{$urlBodyStyle|default:''}";
          var custImgPath 	= "{$view_public_path|default:''}";
      </script> 
      {include file='CommonJavaScriptBottom.tpl'}
    </div>
      {html->messages_script section="Referral" id="common_message_referal"}
      {html->messages_script section="Subscribe" id="invalid_email"}
      {html->messages_script section="Subscribe" id="common_message"}
      {html->messages_script section="Unsubscribe" id="unsubscribe_message"} 
      <script type="text/javascript">
        {* {if $priceRanges.MINIMUM|default:'' && $priceRanges.MAXIMUM|default:''}	
         var __priceRangeMin = {$priceRanges.MINIMUM|floor};
         var __priceRangeMax = {$priceRanges.MAXIMUM|ceil};	
         var __priceRangeMinCustom = '';
         var __priceRangeMaxCustom = '';
         {if $priceMinQueryString}
         __priceRangeMinCustom = {$priceMinQueryString};
         {/if}
         {if $priceMaxQueryString}
         __priceRangeMaxCustom = {$priceMaxQueryString};
         {/if}
         {/if}*}
             {*{if $emiRanges.MINIMUM|default:'' && $emiRanges.MAXIMUM|default:''}	
         var __emiRangeMin = {$emiRanges.MINIMUM|floor};
         var __emiRangeMax = {$emiRanges.MAXIMUM|ceil};	
         var __emiRangeMinCustom = '';
         var __emiRangeMaxCustom = '';
         {if $emiMinQueryString}
         __emiRangeMinCustom = {$emiMinQueryString};
         {/if}
         {if $emiMaxQueryString}
         __emiRangeMaxCustom = {$emiMaxQueryString};
         {/if}
         {/if}*}
         var  __discountQueryString='{$discountQueryString}';
         var  __queryStringMode='{$queryStringMode}';
         var  userGroupID='{$userGroupID}';
         var  default_catalog_listing='{$default_catalog_listing}';
         var detailPageProductID =0;
         var lblBrands ="{$language.lblBrands}";
         var lblBodyType ="{$language.lblBodyType}";
         var productPageCount = "{$productPageCount|default:''}";
         var lblFollow ='{$language.lblLikeMerchant}';
         var lblUnFollow ='{$language.lblLikedMerchant}';
      </script>
      
      {html->script_group_start name="{$compiled_js_path}/catalog.default.catalog.js"}
      
      {html->script src="{$common_js}/jquery.lazyload.js"}
      {html->script src="{$common_frontend_js}/catalog.page.js"}      
      {html->script src="{$common_frontend_js}/product.page.js"}
      {html->script src="{$view_javascript}/jquery.ui.slider-rtl.min.js"}
      {html->script_group_end} 
      <script type="text/javascript">
          if ($(window).width()< 1050) {
            $(".filter-head").click(function() {
                $(".filter_section").addClass("active");
                $("body").addClass("overflow-hidden");
            });
          }
          $(".filter-close").click(function() {
              $(".filter_section").removeClass("active");
              $("body").removeClass("overflow-hidden");
          });
      
         $(document).ready(function(){
             $(document).on("click", ".apply-fillter,.mfillter", function() {
             /* Act on the event */
             $('.prdctFilter').addClass('sorToggle');
             $('.FltrIco').removeClass('drop-up');
             $('.fx-me').removeClass('filter-open');
              $("body").removeClass("showfilter");
             $('header.affix').css("z-index","9999");    
           }); 
          });
          
      </script>
      <script type="text/javascript">
         $(document).ready(function() {
         	$("img.lazy").lazyload({ 
         		effect : "fadeIn",
         		threshold:200
         	}).trigger("scroll");
         	$(".days_dash").each( function() {
         	if(!$(this).is(':visible') ) {
         		$(this).parent('.time-block').addClass("hourblock");
         	} 
         });
             var wHeight = $(window).outerHeight();
             var headerFooterHeight = $('header').outerHeight() + $('footer').outerHeight();
             var contentMinHeight = wHeight - headerFooterHeight
             $("#content-wrapper").css('min-height',contentMinHeight);
         });
      </script>
   </body>
</html>