<!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 $resOfferDetails['offerMetaTitle']|default:'' neq ''}{$resOfferDetails['offerMetaTitle']}{else}{$commonMetaTitle}{/if}</title>
    <meta name="Description" content="{if $resOfferDetails['offerMetaDescription']|default:'' neq ''}{$resOfferDetails['offerMetaDescription']|unescape:'html'|escape:'html'}{else}{$commonMetaDescription|unescape:'html'|escape:'html'}{/if}" />
    <meta name="viewport" content="width=device-width">   
    <meta name="Keywords" content="{if $resOfferDetails['offerMetaKeywords']|default:'' neq ''}{$resOfferDetails['offerMetaKeywords']|unescape:'html'|escape:'html'}{else}{$commonMetaKeywords|unescape:'html'|escape:'html'}{/if}" />
    <title>{$language.lblSpecialOffer}</title>
    <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}">
<!--
Start of Floodlight Tag: Please do not remove
Activity name of this tag: BMW - Find Your BMW - An Offer You Cant Refuse
URL of the webpage where the tag is expected to be placed: 
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-f00k;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-f00k;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 -->

 <!-- 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">
                    <ol class="breadcrumb font-weight-bold font-small mb-0 px-0 py-3">
                        <li class="breadcrumb-item">{html->anchor href="/" caption="{$language.lblHome}"}</li>
                        <li class="breadcrumb-item font-weight-bold">{html->anchor href="/shopping-tools/special-offers.html" caption="{$language.lblSpecialOffers}"}</li>
                        <li class="breadcrumb-item active font-weight-bold">{$resOfferDetails['offerTitle']}</li>
                    </ol>
                </div>
            </nav>
            <div class="special-offers-detail py-5 text-left">
                <div class="container">
                    <div id="common_message"></div>
                    <div class="figure w-100">
                        <img src="{$view_public_path}/uploads/offer/{$resOfferDetails.offerImage}" class="img-fluid w-100" alt="{$resOfferDetails['offerTitle']}">
                    </div>
                    <div class="figcaption">
                        <div class="row py-2">
                            <div class="col-lg-7 col-12">
                                <h4 class="font-weight-bold text-uppercase my-4">{$resOfferDetails['offerTitle']}</h4>
                                {if $resOfferDetails['offerSubTitle']|default:'' neq ''}<span>{$resOfferDetails['offerSubTitle']}</span>{/if}
                                {if $resOfferDetails['offerSubDescription']|default:'' neq ''}<p>{$resOfferDetails['offerSubDescription']|unescape:"html"}</p>{/if}
                                <p>{$resOfferDetails['offerDescription']|unescape:"html"}</p>
                                
                            </div>
                            <div class="col-lg-5 col-md-7 col-12">
                                <h5 class="font-weight-bold text-secondary my-4">{$language.lblContactInformation}</h5>
                                <div class="offer-contact-form font-normal text-left">
                                    {form->start name="formOffer" action="" method="post"}
                                    <div class="form-group">
                                        <label class="font-normal font-weight-bold mb-1">{$language.lblYourChosenDealership}<sup class="font-xsmall">*</sup></label>
                                        {*form->select name=ChosenDealership tabindex=1 class="form-control" value="" options="" placeholder="{$language.lblYourChosenDealership}"*}
                                        {*<select class="form-control" name="dealer" id="dealer" tabindex="1">
                                            <option value="Dubai" selected="selected">Dubai</option>                                            
                                        </select>*}
                                        {form->select  name="showroomID" tabindex="1" class="form-control" caption="->{$language.lblSelect}" options=$listShowrooms  validate="required" error="{$language.errShowroom}"}
                                    </div>
                                    <div class="form-group">
                                        <label class="font-small font-weight-bold mb-1">{$language.lblName}<sup class="font-xsmall">*</sup></label>
                                        {form->textbox name="name" class="form-control" maxlength="50" validate="required" error=$language.errName tabindex="2"}
                                    </div>
                                    <div class="form-group">
                                        <label class="font-normal font-weight-bold mb-1">{$language.lblPhoneNumber}<sup class="font-xsmall">*</sup></label>
                                        <div class="row"><div class="col-4 col-lg-3 pr-0">
                                {form->select 
                                    id="countrycode"
                                    name="countrycode"
                                    class="form-control  primary text-secondary" 
                                    options=$resCountry
                                }
                                </div>
                            <div class="col-8 col-lg-9">
                                {form->textbox name="phone" class="form-control" tabindex="3" maxlength='10' validate="required~*isNumber" error=$language.errPhone|cat:"~*"|cat:$language.errValidPhone}
                                    </div>
									<span class="col-12 font-small mt-2">{$language.lblPhoneSubText}</span>
									</div>
                                    </div>
                                    <div class="form-group">
                                        <label class="font-normal font-weight-bold mb-1">{$language.lblEmailAddress}<sup class="font-xsmall">*</sup></label>
                                        {form->textbox autocomplete="off" name="emailID" class="form-control" tabindex="4" maxlength="50" validate="required~*email" error=$language.errEmail|cat:"~*"|cat:$language.errEnterValidEmailID}
                                    </div>
                                    <div class="form-group">
                                        <label class="font-normal font-weight-bold mb-1">{$language.lblWhereDidYouFindUs}<sup class="font-xsmall">*</sup></label>
                                        {form->select  name="findus" tabindex="5" class="form-control" caption="->{$language.lblSelect}" options=$findusArr  validate="required" error="{$language.errOption}"}
                                       
                                    </div>
                                    <div class="form-group">
                                        <span class="d-inline-block font-normal font-weight-bold mb-3">{$language.lblNotesDataProtection}</span>
                                       {form->checkbox id="agree" name="agree"  value="1"}
                                <label for="agree" class="font-weight-normal">{$language.lblDataProtectionText}</label>
                                 {form->validate name="validateAgree" validate="agree->required"  error=$language.errAgreement}
                                      
                                    </div>
                                    <div>
                                        {form->submit name="submitForm" class="btn btn-primary font-small font-weight-bold px-5" value="{$language.lblSubmit}"} 
                                        {form->submit name="submitFormLoader" class="btn btn-primary font-small font-weight-bold px-5 disabled hide" value={$language.lblSubmit}} 
                                    </div>
{form->close} 
                                </div>

                            </div>
                        </div>
                    </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'} 
    
    {*<script type="text/javascript" src="{$common_js}/validate.plugin.js"></script> *}
    {form->validate_script form="formOffer"}
    {html->messages_script id="common_message"}
    <script language="javascript">
    $(document).on('submit','#formOffer',function() 
	{
                
		if($(".message_validation :visible").length>0)
		{
                    return false;
		}
		else
		{
			$("#submitForm").addClass('hide');
            $("#submitFormLoader").removeClass('hide');
		}
	}
	);
    </script>
</body>

</html>
