<!DOCTYPE html>
<html lang="{$SelCurrLanguage}" dir="{$languageDirection}">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>{if $commonMetaTitle}{$commonMetaTitle}{else}{$language.lblSpecialOffer}{/if}</title>
	<meta name="Description" content="{$commonMetaDescription}" />
    <meta name="viewport" content="width=device-width"> 
    <link href="{$view_styles}/cms.css" rel="stylesheet" type="text/css" media="screen" />
    {include file='CommonJavaScript.tpl'} 
    {include file='CommonStyles.tpl'} 
    {form->rootpath_script} 
    {form->basepath_script}
    
</head>
<body ng-controller="SearchCtrl" class="{$languageDirection}">
    <!-- Begin : Outer Pane -->
    <div id="main">
        <!-- Begin : Header Pane-->
        {include file='CommonTop.tpl'}
        <!-- End : Header -->
        <!-- Begin : Content Pane -->
        <div id="content-wrapper" ng-show="!query">
            <nav class="breadcrumb-block" aria-label="breadcrumb">
                <div class="container py-1">
                    <ul class="breadcrumb list-unstyled m-0 py-2 px-0 text-left">
                        <li class="breadcrumb-item">{html->anchor href="/" caption="{$language.lblHome}"}</li>
                        <li class="breadcrumb-item active">{$language.lblSpecialOffers}</li>
                    </ul>
                </div>
            </nav>
            <div class="special-offer-banner position-relative">
                <img src="{$view_images}/special-offers-bg.jpg" class="img-fluid" alt="{$language.lblSpecialOffers}">
                <div class="content position-absolute w-100 text-left text-white hide">
                    <div class="container py-md-5 py-4 my-2">
                        <h1 class="h2 font-weight-bold text-uppercase">{$language.lblTheJoyOfGiving}</h1>
                        <h4 class="font-weight-bold mb-0">{$language.lblSpecialOfferCaption}</h4>
                    </div>
                </div>
            </div>
            <div class="special-offers-list pt-sm-5 py-4 text-left">
                <div class="container pt-4">
                    <div class="row special-offers-listing">
                        {if $listOffer|count>0}
                        {include file='OfferListing.tpl'} 
                        {else}
                        <div class="no-results {if $listOffer|count>0} hide {/if}">
                           {$language.msgNoRecords}
                        </div>
                        {/if}
                        {*<div class="col-12 text-center loadMore">
                            {html->anchor href="#" class="font-weight-bold font-normal" caption="{$language.lblLoading}..."}
                        </div>*}
                    </div>
                       
               {form->hidden name="pageID" value="1"}
               {form->hidden name="pageCount" value="{$offerPageCount|default:0}"}   
            <div class="col-12 text-center loadMore view-block">
                {html->anchor class="font-weight-bold font-normal  view-more" caption="{$language.lblLoading}..."}               
            </div>
                </div>
            </div>
        </div>
        <!-- End : Content Pane -->
        <!-- Begin : Footer	Pane -->
        {include file='CommonBottom.tpl'}
        <!-- End : Footer Pane -->
    </div>
    <!-- End : Outer Pane -->
    {include file='CommonJavaScriptBottom.tpl'} 
    {html->script_group_start name="{$compiled_js_path}/specialoffers.js"} 
    {html->script src="{$common_frontend_js}/offerview.page.js"}   
    {html->script_group_end} 
    {form->validate_script form="formSubscription"} {html->messages_script id="common_message"}
    
</body>

</html>
