(function(){"use strict";angular.module("main").run(["$templateCache",function(n){n.put("partials/deal-widget.html",'<div class="deal-wrapper">    <a href="{{dealwidget.HomepageDealURL}}" target="_self">        <img ng-src="{{dealwidget.HomepageDealImage}}" class="img-responsive" ng-class="{ \'bgloader\' : dealwidget.isloading}" />   <!--style="width: 395px;height:207px"-->    <\/a><\/div>');n.put("partials/promo-list.html",'<div class="wrapper-promo-blocks">    <div class="container">        <div class="row row-1 body-content-margin">            <div class="col-sm-6">                <a href="{{promolist.model.leftSidePromoUrl}}" class="PromoLink">                    <rb-promo-item promo-style="happy-hour" promo-data="{{promolist.model.leftSidePromoImage}}" promo-link="{{promolist.model.leftSidePromoUrl}}" ng-show="promolist.isLoadComplete">                        <h1>{{promolist.model.leftSidePromoTitle | uppercase}}<\/h1>                        <p>{{promolist.model.leftSidePromoSummary}}<\/p>                        <div href="{{promolist.model.leftSidePromoUrl}}" title="Find out more">Find out more<i class="fa fa-chevron-right"><\/i><\/div>                    <\/rb-promo-item>                <\/a>            <\/div>            <div class="col-sm-6">                <a href="{{promolist.model.rightSidePromoUrl}}" class="PromoLink">                    <rb-promo-item promo-style="catering" promo-data="{{promolist.model.rightSidePromoImage}}" promo-link="{{promolist.model.rightSidePromoUrl}}" ng-show="promolist.isLoadComplete">                        <h1>{{promolist.model.rightSidePromoTitle | uppercase}}<\/h1>                        <p>{{promolist.model.rightSidePromoSummary}}<\/p>                        <div href="{{promolist.model.rightSidePromoUrl}}" title="Find out more">Find out more<i class=" fa fa-chevron-right"><\/i><\/div>                    <\/rb-promo-item>                <\/a>            <\/div>        <\/div>        <div class="pull-right  backtotop-border-bottom row row-1 margin-left-zero"><a ng-click="backToTop()" href="" class="back-to-top homepage-footer-margin">Top <i class="fa fa-chevron-up"><\/i><\/a><\/div>    <\/div><\/div>');n.put("partials/add-address-button.html",'<!-- add address button --><h3 class="add-new-address account-item-selected" ng-click="addAddressButton.onModal()">    <span class=""><\/span>    Add a new address    <span class="fa fa-plus-circle"><\/span><\/h3>');n.put("partials/add-address-modal.html",'<!-- Modal - Add a new address --><div class="modal-header">    <button type="button" class="close" data-dismiss="modal" ng-click="addAddressModal.onCancel()"><span aria-hidden="true" class="side-panel-close fa fa-times-circle-o"><\/span><\/button>    <h1 class="no-borderbottom">ADD A NEW ADDRESS<\/h1><\/div><p class="modal-error-message" ng-show="addAddressModal.model.isDisplayErrorMessage">{{ addAddressModal.model.errorMessage }}<\/p><form id="form_add_new_address" name="form_add_new_address" ng-submit="addAddressModal.onSubmit()" novalidate>    <div class="modal-body">        <div ng-show="addAddressModal.isLoading" class="cart-loading-panel">            <i class="fa fa-refresh fa-spin fa-3x" style="color: white;"><\/i>        <\/div>        <fieldset class="ui-widget">            <legend>Add a new address<\/legend>            <label for="NewAccountAddressTitle">Your address<\/label>            <div class="addressHelperText">                <span>Address format: Flat no. or Unit no. or Building no., Street Address, Suburb, City. <\/span>                <i class="fa fa-info-circle" data-toggle="tooltip" rb-display-tooltip data-placement="top" data-html="true" data-original-title="<b>ADDRESS EXAMPLES<\/b><ul><li>5/666 Great South Road, Penrose, Auckland<\/li><li>Unit 3, 666 Great South Road, Penrose, Auckland<\/li><\/ul>"><\/i>            <\/div>            <label class="errorMessage"                   ng-if="form_add_new_address.NewAccountAddressTitle.$touched && addAddressModal.model.selectedAddress==\'\' && addAddressModal.model.address.length>0">                Invalid address.            <\/label>            <label class="errorMessage"                   ng-if="form_add_new_address.NewAccountAddressTitle.$invalid && (form_add_new_address.NewAccountAddressTitle.$touched)">                Address must be entered.            <\/label>            <input type="text" class="form-control ui-autocomplete-input" placeholder="No., Street Address, Suburb, City"                   id="NewAccountAddressTitle" name="NewAccountAddressTitle" value=""                   ng-model="addAddressModal.model.address"                   typeahead="address for address  in addAddressModal.onAddressFind()"                   typeahead-min-length="3"                   typeahead-wait-ms="150"                   typeahead-on-select="addAddressModal.onAddressSelected($item, $model, $label)"                   autocomplete="off"                   ng-change="addAddressModal.model.selectedAddress=\'\'"                   ng-class="{ \'ng-invalid-typeahead\' : (form_add_new_address.NewAccountAddressTitle.$touched) && (form_add_new_address.NewAccountAddressTitle.$invalid || (addAddressModal.model.selectedAddress==\'\' && addAddressModal.model.address.length>0))}"                   required>            <input type="text"                   ng-model="addAddressModal.model.selectedAddress"                   ng-hide="true"                   id="hiddenAddressValueAddAddress"                   name="hiddenAddressValueAddAddress"                   ng-required="(addAddressModal.model.addressData.length>0                                   && form_add_new_address.NewAccountAddressTitle.$touched)" />            <i class=" check-field fa fa-check-circle-o"               ng-class="{ \'check-field-completed\' : addAddressModal.model.IsValidAddress && addAddressModal.model.address.length>0}"               ng-if="!((form_add_new_address.NewAccountAddressTitle.$touched ) && (form_add_new_address.NewAccountAddressTitle.$invalid || (addAddressModal.model.selectedAddress==\'\' && addAddressModal.model.address.length>0)))"><\/i>            <i class="glyphicon glyphicon-exclamation-sign exclamation-mark"               ng-if="(form_add_new_address.NewAccountAddressTitle.$touched ) && (form_add_new_address.NewAccountAddressTitle.$invalid || (addAddressModal.model.selectedAddress==\'\' && addAddressModal.model.address.length>0))"><\/i>            <label for="editAccountComment">Special Delivery Instructions<\/label>            <label class="errorMessage" ng-show="form_add_new_address.EditAccountComment.$invalid && form_add_new_address.EditAccountComment.$dirty">Invalid comment.<\/label>            <textarea class="form-control" placeholder="Delivery instructions" name="EditAccountComment" id="editAccountComment" ng-maxlength="200" maxlength="200" ng-model="addAddressModal.model.comment"><\/textarea>            <span class="glyphicon glyphicon-exclamation-sign exclamation-mark"                  ng-show="form_add_new_address.EditAccountComment.$invalid && form_add_new_address.EditAccountComment.$dirty">            <\/span>        <\/fieldset>    <\/div>    <div class="modal-footer">        <button type="button" class="btn btn-canel-cta" data-dismiss="modal" ng-click="addAddressModal.onCancel()">Cancel<\/button>        <button type="button" class="btn disabled  btn-primary-cta" data-dismiss="modal" ng-class="{ \'disabled \' : (form_add_new_address.NewAccountAddressTitle.$touched || form_add_new_address.NewAccountAddressTitle.$dirty) && (form_add_new_address.NewAccountAddressTitle.$invalid || (addAddressModal.model.selectedAddress==\'\' && addAddressModal.model.address.length>0))}" ng-click="addAddressModal.onSubmit()">Save<\/button>    <\/div>    <script>    <\/script><\/form>');n.put("partials/address-list.html",'<div id="address-list" ng-repeat="address in addressList.model.addressObjList ">    <rb-edit-group group-name="edit-address-{{address.model.addressId}}">        <span name="group-name">Edit - My address - {{$index + 1}}<\/span>        <div name="group-form">            <form name="address.editAddressForm" ng-submit="address.submitForm(editAddressForm.$valid)" novalidate>                <div ng-show="addressList.isLoading" class="cart-loading-panel myaccount-loading-panel">                    <i class="fa fa-refresh fa-spin fa-3x"><\/i>                <\/div>                <fieldset>                    <legend>Edit my address<\/legend>                    <input type="hidden" name="addressId" value="{{address.model.addressId}}" />                    <input type="hidden" name="formValid" value="{{address.editAddressForm.fullAddress.$dirty && address.model.selectedAddress ==\'\'}}" />                    <label for="fullAddress">Your address<\/label>                    <div class="addressHelperText">                        <span>Address format: Flat no. or Unit no. or Building no., Street Address, Suburb, City. <\/span>                        <i class="fa fa-info-circle" data-toggle="tooltip" rb-display-tooltip data-placement="top" data-html="true" data-original-title="<b>ADDRESS EXAMPLES<\/b><ul><li>5/666 Great South Road, Penrose, Auckland<\/li><li>Unit 3, 666 Great South Road, Penrose, Auckland<\/li><\/ul>"><\/i>                    <\/div>                    <label class="errorMessage" ng-if="address.editAddressForm.fullAddress.$touched && address.model.selectedAddress ==\'\' && address.model.fullAddress.length>0">Invalid Address.<\/label>                    <label class="errorMessage"                           ng-if="address.editAddressForm.fullAddress.$invalid && (address.editAddressForm.fullAddress.$touched)">                        Address must be entered.                    <\/label>                    <input type="text" name="fullAddress" class="form-control ui-autocomplete-input" placeholder="No./Street Address, Suburb, City"                           ng-model="address.model.fullAddress"                           autocomplete="off"                           typeahead="address for address  in addressList.onAddressFind(address)"                           typeahead-min-length="3"                           typeahead-wait-ms="150"                           typeahead-on-select="addressList.onAddressSelected($item, $model, $label,{{$index}})"                           ng-model-options="{allowInvalid: true}"                           ng-change="address.model.selectedAddress=\'\'"                           ng-class="{ \'ng-invalid-typeahead\' : address.editAddressForm.fullAddress.$invalid && address.model.selectedAddress ==\'\'}"                           required>                    <span class=" glyphicon glyphicon-exclamation-sign exclamation-mark"                          ng-if="address.editAddressForm.fullAddress.$dirty && address.model.selectedAddress ==\'\'">                    <\/span>                    <i class=" myaccount-check-field fa fa-check-circle-o"                       ng-class="{ \'myaccount-check-field-completed\' : address.model.selectedAddress !==\'\'}"                       ng-if="!(address.editAddressForm.fullAddress.$invalid && address.model.selectedAddress ==\'\')"><\/i>                    <label for="comment">Special Delivery Instructions<\/label>                    <label class="errorMessage" ng-show="address.editAddressForm.comment.$invalid && address.editAddressForm.comment.$dirty">Invalid Comment.<\/label>                    <textarea name="comment" class="form-control comment" placeholder="Delivery instructions" ng-model="address.model.customerAddressDescription" ng-maxlength="200" maxlength="200"><\/textarea>                    <span class="glyphicon glyphicon-exclamation-sign exclamation-mark"                          ng-show="address.editAddressForm.comment.$invalid && address.editAddressForm.comment.$dirty">                    <\/span>                <\/fieldset>            <\/form>        <\/div>    <\/rb-edit-group><\/div><rb-add-address-button><\/rb-add-address-button>');n.put("partials/contact-details.html",'<rb-edit-group group-name="edit-details">    <span name="group-name">Edit my contact details<\/span>    <div name="group-form">        <form name="editContactDetailsForm" id="editContactDetailsForm" ng-submit="contactDetails.submitForm(editContactDetailsForm.$valid)" novalidate>            <div ng-show="contactDetails.isLoading" class="cart-loading-panel myaccount-loading-panel">                <i class="fa fa-refresh fa-spin fa-3x"><\/i>            <\/div>            <fieldset>                <legend>Edit my contact details<\/legend>                <input type="hidden" id="edit-details-customer-id" ng-value="contactDetails.model.customerId">                <label for="edit-details-firstname">First name<span>*<\/span><\/label>                <span class="messageContainer" ng-if="(editContactDetailsForm.firstName.$invalid) && editContactDetailsForm.firstName.$touched">                    <label class="errorMessage" ng-if="editContactDetailsForm.firstName.$error.required && editContactDetailsForm.firstName.$touched"> First name must be entered. <\/label>                    <label class="errorMessage" ng-if="editContactDetailsForm.firstName.$error.maxlength && editContactDetailsForm.firstName.$touched">Invalid first name.<\/label>                <\/span>                <input type="text" name="firstName" class="form-control coba" placeholder="Your first name" id="edit-details-firstname" ng-model="contactDetails.model.firstName"                       ng-maxlength="64" maxlength="64" ng-keyup="contactDetails.checkKeyUp($event)" required>                <span class="glyphicon glyphicon-exclamation-sign exclamation-mark"                      ng-show="(editContactDetailsForm.firstName.$invalid && !editContactDetailsForm.firstName.$pristine                      || editContactDetailsForm.firstName.$error.maxlength || editContactDetailsForm.firstName.$error.required) && editContactDetailsForm.firstName.$touched">                <\/span>                <i class=" myaccount-check-field fa fa-check-circle-o"                   ng-class="{ \'myaccount-check-field-completed\' : editContactDetailsForm.firstName.$valid}"                   ng-hide="editContactDetailsForm.firstName.$invalid && (editContactDetailsForm.firstName.$touched)"><\/i>                <label for="edit-details-lastname">Last name<span>*<\/span><\/label>                <span class="messageContainer" ng-if="(editContactDetailsForm.lastName.$invalid) && editContactDetailsForm.lastName.$touched">                    <label class="errorMessage" ng-if="editContactDetailsForm.lastName.$error.required && editContactDetailsForm.phone.$touched"> Last name must be entered. <\/label>                    <label class="errorMessage" ng-if="editContactDetailsForm.lastName.$error.maxlength && editContactDetailsForm.phone.$touched">Invalid last name.<\/label>                <\/span>                <input type="text" name="lastName" class="form-control" placeholder="Your last name" id="edit-details-lastname" ng-model="contactDetails.model.lastName"                       ng-maxlength="64" maxlength="64" ng-keyup="contactDetails.checkKeyUp($event)" required>                <span class="glyphicon glyphicon-exclamation-sign exclamation-mark"                      ng-show="(editContactDetailsForm.lastName.$invalid && !editContactDetailsForm.lastName.$pristine                      || editContactDetailsForm.lastName.$error.maxlength || editContactDetailsForm.lastName.$error.required) && editContactDetailsForm.lastName.$touched">                <\/span>                <i class=" myaccount-check-field fa fa-check-circle-o"                   ng-class="{ \'myaccount-check-field-completed\' : editContactDetailsForm.lastName.$valid}"                   ng-hide="editContactDetailsForm.lastName.$invalid && (editContactDetailsForm.lastName.$touched)"><\/i>                <label for="edit-details-phone">Phone<span>*<\/span><\/label>                <span class="messageContainer" ng-if="(editContactDetailsForm.phone.$invalid) && editContactDetailsForm.phone.$touched">                    <label class="errorMessage" ng-if="editContactDetailsForm.phone.$error.required">Phone number must be entered.<\/label>                    <label class="errorMessage"                           ng-show="(editContactDetailsForm.phone.$error.minlength || editContactDetailsForm.phone.$error.maxlength || editContactDetailsForm.phone.$error.pattern) && editContactDetailsForm.phone.$touched">                        Invalid phone.                    <\/label>                <\/span>                <input type="text" name="phone" class="form-control" placeholder="Your phone number" id="edit-details-phone" ng-model="contactDetails.model.contactTelephonePrimary"                       ng-minlength="8" ng-maxlength="25" maxlength="25"                       ng-pattern="contactDetails.nzPhonePattern" ng-keyup="contactDetails.checkKeyUp($event)" required>                <i class=" myaccount-check-field fa fa-check-circle-o"                   ng-class="{ \'myaccount-check-field-completed\' : editContactDetailsForm.phone.$valid}"                   ng-hide="editContactDetailsForm.phone.$invalid && (editContactDetailsForm.phone.$touched)"><\/i>                <label for="contactDetailsEmail1">Email<span>*<\/span><\/label>                <span class="messageContainer" ng-if="(editContactDetailsForm.contactDetailsEmail1.$invalid ) && editContactDetailsForm.contactDetailsEmail1.$touched">                    <label class="errorMessage" ng-if="(editContactDetailsForm.contactDetailsEmail1.$error.email || editContactDetailsForm.contactDetailsEmail1.$error.pattern|| editContactDetailsForm.contactDetailsEmail1.$error.maxlength) && editContactDetailsForm.contactDetailsEmail1.$touched">Invalid email.<\/label>                    <label class="errorMessage" ng-if="(editContactDetailsForm.contactDetailsEmail1.$error.required) && editContactDetailsForm.contactDetailsEmail1.$touched">Email must be entered.<\/label>                <\/span>                <input type="email" class="form-control" placeholder="Your email" id="contactDetailsEmail1" name="contactDetailsEmail1"                       ng-model="contactDetails.model.contactEmailPrimary"                       ng-pattern="contactDetails.emailPattern"                       ng-maxlength="60"                       maxlength="60"                       required>                <i class=" myaccount-check-field fa fa-check-circle-o"                   ng-class="{ \'myaccount-check-field-completed\' : editContactDetailsForm.contactDetailsEmail1.$valid}"                   ng-hide="editContactDetailsForm.contactDetailsEmail1.$invalid && (editContactDetailsForm.contactDetailsEmail1.$touched )"><\/i>            <\/fieldset>            <div ng-init="contactDetails.setForm(editContactDetailsForm)"><\/div>        <\/form>    <\/div><\/rb-edit-group>');n.put("partials/edit-group.html",'<div ng-multi-transclude-controller id="{{groupName}}">    <h3>        <span class=""><\/span>        <span class="group-name" ng-multi-transclude="group-name"><\/span>        <span class="fa fa-chevron-up" style="display:none"><\/span>        <span class="fa fa-chevron-down"><\/span>    <\/h3>    <div class="edit-group {{groupName}}" style="display:none">        <p class="modal-error-message"><\/p>        <div ng-multi-transclude="group-form"><\/div>        <div class="account-save">            <button type="button" class="btn btn-canel-cta" ng-click="resetForm()">Cancel<\/button>            <button type="button" class="btn btn-primary-cta btn-save" ng-click="submitForm()">Save<\/button>            <button type="button" class="btn btn-primary-cta btn-saved hide">Saved<\/button>        <\/div>    <\/div><\/div>');n.put("partials/edit-password.html",'<rb-edit-group group-name="edit-password">    <span name="group-name">Edit password<\/span>    <div name="group-form">        <form name="editPasswordForm" ng-submit="editPassword.submitForm(editPasswordForm.$valid)" id="editPassword1Form" novalidate>            <div ng-show="editPassword.isLoading" class="cart-loading-panel myaccount-loading-panel">                <i class="fa fa-refresh fa-spin fa-3x"><\/i>            <\/div>            <fieldset>                <legend>Edit username or password<\/legend>                <!-- old password field -->                <label for="old-password" class="oldpassword">Old password<span>*<\/span><\/label>                <!--<label class="errorMessage" ng-show="editPasswordForm.oldPassword.$invalid && !editPasswordForm.oldPassword.$pristine && editPasswordForm.oldPassword.$touched">Old Password must be entered.<\/label>-->                <span class="messageContainer" ng-show="(editPasswordForm.oldPassword.$invalid && editPasswordForm.oldPassword.$dirty) || editPasswordForm.oldPassword.$touched">                    <label class="errorMessage" ng-show="editPasswordForm.oldPassword.$error.required">Old password must be entered.<\/label>                <\/span>                <input type="password" name="oldPassword" class="form-control" placeholder="" id="old-password" ng-model="editPassword.model.oldPassword" required ng-keyup="editPassword.checkKeyUp($event)">                <i class=" myaccount-check-field fa fa-check-circle-o"                       ng-class="{ \'myaccount-check-field-completed\' : editPasswordForm.oldPassword.$valid}"                       ng-hide="editPasswordForm.oldPassword.$invalid && (editPasswordForm.oldPassword.$touched || editPasswordForm.oldPassword.$dirty)"><\/i>                <span class="glyphicon glyphicon-exclamation-sign exclamation-mark"                      ng-show="editPasswordForm.oldPassword.$invalid && !editPasswordForm.oldPassword.$pristine || editPasswordForm.oldPassword.$error.minlength                      || editPasswordForm.oldPassword.$error.maxlength || editPasswordForm.oldPassword.$error.required && editPasswordForm.oldPassword.$touched">                <\/span>                <!-- new password field -->                <label for="new-password">Password<span>*<\/span><\/label>                <span class="messageContainer" ng-if="(editPasswordForm.newPassword.$invalid && editPasswordForm.newPassword.$dirty) || editPasswordForm.newPassword.$touched">                    <label class="errorMessage" ng-if="editPasswordForm.newPassword.$error.required">New password must be entered.<\/label>                    <label class="errorMessage" ng-if="editPasswordForm.newPassword.$error.minlength || editPasswordForm.newPassword.$error.maxlength || editPasswordForm.newPassword.$error.pattern">                        Invalid password.                    <\/label>                <\/span>                <input type="password" name="newPassword" class="form-control" placeholder="" id="new-password" ng-model="editPassword.model.newPassword"                       ng-pattern="editPassword.passwordPattern"                       ng-minlength="6" ng-maxlength="39" maxlength="39" ng-keyup="editPassword.checkKeyUp($event)" required>                <i class="myaccount-check-field fa fa-check-circle-o"                   ng-class="{ \'myaccount-check-field-completed\' : editPasswordForm.newPassword.$valid}"                   ng-hide="editPasswordForm.newPassword.$invalid && (editPasswordForm.newPassword.$touched || editPasswordForm.newPassword.$dirty)"><\/i>                <span class="glyphicon glyphicon-exclamation-sign exclamation-mark" ng-show="editPasswordForm.newPassword.$invalid && !editPasswordForm.newPassword.$pristine || editPasswordForm.newPassword.$error.minlength                      || editPasswordForm.newPassword.$error.maxlength || editPasswordForm.newPassword.$error.required && editPasswordForm.newPassword.$touched"><\/span>                <!-- confirm password field -->                <label for="confirm-password">Repeat password<span>*<\/span><\/label>                <span class="messageContainer" ng-if="(editPasswordForm.confirmPassword.$invalid && editPasswordForm.confirmPassword.$dirty) || editPasswordForm.confirmPassword.$touched">                    <label class="errorMessage" ng-if="editPasswordForm.confirmPassword.$error.required">Repeat password must be entered.<\/label>                    <label class="errorMessage" ng-if="editPasswordForm.confirmPassword.$error.minlength || editPasswordForm.confirmPassword.$error.maxlength || editPasswordForm.confirmPassword.$error.pattern">                        Invalid password.                    <\/label>                <\/span>                <input type="password" name="confirmPassword" class="form-control" placeholder="" id="confirm-password" ng-model="editPassword.model.confirmPassword"                       ng-pattern="editPassword.passwordPattern"                       ng-minlength="6" ng-maxlength="39" maxlength="39" ng-keyup="editPassword.checkKeyUp($event)" required>                <i class=" myaccount-check-field fa fa-check-circle-o"                       ng-class="{ \'myaccount-check-field-completed\' : editPasswordForm.confirmPassword.$valid}"                       ng-hide="editPasswordForm.confirmPassword.$invalid && (editPasswordForm.confirmPassword.$touched || editPasswordForm.confirmPassword.$dirty)"><\/i>                <span class="glyphicon glyphicon-exclamation-sign exclamation-mark" ng-show="editPasswordForm.confirmPassword.$invalid && !editPasswordForm.confirmPassword.$pristine || editPasswordForm.confirmPassword.$error.minlength                      || editPasswordForm.confirmPassword.$error.maxlength || editPasswordForm.confirmPassword.$error.required && editPasswordForm.confirmPassword.$touched"><\/span>            <\/fieldset>            <div ng-init="editPassword.setForm(editPasswordForm)"><\/div>        <\/form>    <\/div><\/rb-edit-group>');n.put("partials/myaccount-header.html",'<div class="my-account-header">    <h1>My account<\/h1><\/div>');n.put("partials/cart-checkout.html",'<!--#region Total Price--><div class="total clear-both">    <p>Total <span>${{ cartpanel.data.basketTotal }}<\/span><\/p><\/div><!--#endregion--><!--#region CTA--><div class="primary-cta">    <button type="button" class="btn btn-primary-cta btn-check-out" ng-disabled="!cartpanel.canCheckout" ng-click="checkout.showCheckOut(cartpanel.data)"            ga="[\'send\', \'pageview\', \'/checkout/StoreAndDeliveryOptions\']">        Check Out    <\/button>    <button type="submit" class="btn btn-canel-cta btn-cancel btn-reset-customise btn-add-products" ng-click="sidepanel.closePanel()" ga="[\'send\',\'event\',\'My Cart\',\'Add Product\',\'In-cart\']">Add More Products<\/button><\/div><!--#endregion-->');n.put("partials/payment-checkout.html",'<div class="modal-content quick-signup" ng-show="checkoutPayment.showModal">    <div class="modal-header">        <button type="button" class="close" ng-click="checkoutPayment.CancelCheckout()" ga="[\'send\',\'event\',\'Checkout\',\'Cancel\',\'Payment\']">            <span aria-hidden="true" class="side-panel-close fa fa-times-circle-o"><\/span>        <\/button>        <h1>Checkout {{"("+checkoutPayment.orderClass+")"}}<\/h1>        <div class="total">            <p ng-show="checkoutPayment.isDelivery">                <strong>Price {{checkoutPayment.totalPrice | currency}} incl. delivery fee<\/strong>            <\/p>            <p ng-hide="checkoutPayment.isDelivery">                <strong>Price {{checkoutPayment.totalPrice | currency}}<\/strong>            <\/p>        <\/div>        <div ng-show="checkoutPayment.isDisplayError">            <p class="modal-error-message">{{ checkoutPayment.errorMessage }}<\/p>        <\/div>        <div class="customer-type" ng-hide="checkoutPayment.CustomerInfo.hasOwnProperty(\'firstName\')">            <p>Please fill in the form below<\/p>        <\/div>    <\/div>    <div ng-show="checkoutPayment.isLoading" class="cart-loading-panel">        <i class="fa fa-refresh fa-spin fa-3x" style="color: white; display: table; margin: 120px auto auto;"><\/i>    <\/div>    <div id="checkout-delivery-form" class="modal-body">        <form id="new_customer_checkout" name="new_customer_checkout" ng-submit="new_customer_checkout.$valid && checkoutPayment.buyNow()" novalidate>            <fieldset>                <legend>Quick Signup<\/legend>                <p>                    <label for="firstname_new">First name <span>&#42;<\/span><\/label>                    <span class="messageContainer" ng-if="(new_customer_checkout.firstname_new.$invalid) && new_customer_checkout.firstname_new.$touched">                        <label class="errorMessage" ng-if="new_customer_checkout.firstname_new.$error.required && new_customer_checkout.firstname_new.$touched">First name must be entered.<\/label>                        <label class="errorMessage" ng-if="new_customer_checkout.firstname_new.$error.maxlengt && new_customer_checkout.firstname_new.$touchedh">Invalid first name.<\/label>                    <\/span>                    <input type="text" class="form-control" placeholder="Your first name" id="firstname_new" name="firstname_new"                           ng-model="firstname_new"                           ng-maxlength="64"                           maxlength="64"                           ng-disabled="checkoutPayment.CustomerInfo.hasOwnProperty(\'firstName\') && new_customer_checkout.firstname_new.$valid"                           required>                    <i class="check-field fa fa-check-circle-o"                       ng-class="{ \'check-field-completed\' : new_customer_checkout.firstname_new.$valid}"                       ng-if="!(new_customer_checkout.firstname_new.$invalid && (new_customer_checkout.firstname_new.$touched))"><\/i>                    <i class="glyphicon glyphicon-exclamation-sign exclamation-mark"                       ng-if="!new_customer_checkout.firstname_new.$valid && (new_customer_checkout.firstname_new.$touched)"><\/i>                <\/p>                <p>                    <label for="lastname_new">Last name <span>&#42;<\/span><\/label>                    <span class="messageContainer" ng-if="(new_customer_checkout.lastname_new.$invalid) && new_customer_checkout.lastname_new.$touched">                        <label class="errorMessage" ng-if="new_customer_checkout.lastname_new.$error.required && new_customer_checkout.lastname_new.$touched">Last name must be entered.<\/label>                        <label class="errorMessage" ng-if="new_customer_checkout.lastname_new.$error.maxlength && new_customer_checkout.lastname_new.$touched">Invalid last name.<\/label>                    <\/span>                    <input type="text" class="form-control" placeholder="Your last name" id="lastname_new" name="lastname_new"                           ng-model="lastname_new"                           ng-maxlength="64"                           maxlength="64"                           ng-disabled="checkoutPayment.CustomerInfo.hasOwnProperty(\'firstName\') && new_customer_checkout.lastname_new.$valid"                           required>                    <i class="check-field fa fa-check-circle-o"                       ng-class="{ \'check-field-completed\' : new_customer_checkout.lastname_new.$valid}"                       ng-if="!(new_customer_checkout.lastname_new.$invalid && (new_customer_checkout.lastname_new.$touched))"><\/i>                    <i class="glyphicon glyphicon-exclamation-sign exclamation-mark"                       ng-if="!new_customer_checkout.lastname_new.$valid && (new_customer_checkout.lastname_new.$touched)"><\/i>                <\/p>                <p>                    <label for="phone_new">Phone <span>&#42;<\/span><\/label>                    <span class="messageContainer" ng-if="(new_customer_checkout.phone_new.$invalid) && new_customer_checkout.phone_new.$touched">                        <label class="errorMessage" ng-if="new_customer_checkout.phone_new.$error.required && new_customer_checkout.phone_new.$touched">Phone number must be entered.<\/label>                        <label class="errorMessage"                               ng-if="(new_customer_checkout.phone_new.$error.minlength || new_customer_checkout.phone_new.$error.maxlength || new_customer_checkout.phone_new.$error.pattern) && new_customer_checkout.phone_new.$touched">                            Invalid phone.                        <\/label>                    <\/span>                    <input type="text" class="form-control" placeholder="Your phone number" id="phone_new"                           name="phone_new"                           ng-model="phone_new"                           ng-minlength="8"                           ng-maxlength="25"                           maxlength="25"                           ng-disabled="checkoutPayment.CustomerInfo.hasOwnProperty(\'firstName\') && new_customer_checkout.phone_new.$valid"                           ng-pattern="checkoutPayment.nzPhonePattern" required />                    <i class="check-field fa fa-check-circle-o"                       ng-class="{ \'check-field-completed\' : new_customer_checkout.phone_new.$valid}"                       ng-if="!(new_customer_checkout.phone_new.$invalid && (new_customer_checkout.phone_new.$touched))"><\/i>                    <i class="glyphicon glyphicon-exclamation-sign exclamation-mark"                       ng-if="!new_customer_checkout.phone_new.$valid && (new_customer_checkout.phone_new.$touched)"><\/i>                <\/p>                <p ng-show="checkoutPayment.orderOption == checkoutPayment.OrderClass.Delivery">                    <label for="deliveryAddress">Your address <span ng-hide="checkoutPayment.orderOption == checkoutPayment.OrderClass.Delivery">*<\/span><\/label>                    <label class="errorMessage" ng-if="checkoutPayment.customerAddress ==\'\' || new_customer_checkout.deliveryAddress_new.$error.required && new_customer_checkout.deliveryAddress_new.$touched">Invalid Address.<\/label>                    <input type="text" class="form-control ui-autocomplete-input" placeholder="No., Street Address, Suburb, City" id="deliveryAddress_new" name="deliveryAddress_new"                           ng-model="deliveryAddress_new"                           ng-init="(checkoutPayment.orderOption == checkoutPayment.OrderClass.Delivery)? deliveryAddress_new = checkoutPayment.selectedUserAddress : deliveryAddress_new = \'None\'"                           ng-disabled="true"                           ng-change="checkoutPayment.customerAddress = \'\'" autocomplete="off" required>                    <input type="text"                           ng-model="deliveryAddress_new"                           ng-hide="true"                           id="hiddenAddressValue"                           name="hiddenAddressValue"                           ng-required="(checkoutPayment.customerAddress.length>0 && new_customer_checkout.deliveryAddress_new..$touched)" />                    <i class=" check-field fa fa-check-circle-o"                       ng-class="{ \'check-field-completed\' : new_customer_checkout.hiddenAddressValue.$valid && checkoutPayment.customerAddress.length>0 }"                       ng-if="!(checkoutPayment.customerAddress ==\'\' || new_customer_checkout.deliveryAddress_new.$error.required && new_customer_checkout.deliveryAddress_new.$touched)"><\/i>                    <i class="glyphicon glyphicon-exclamation-sign exclamation-mark"                       ng-if="checkoutPayment.customerAddress ==\'\' || new_customer_checkout.deliveryAddress_new.$error.required && new_customer_checkout.deliveryAddress_new.$touched"><\/i>                <\/p>                <p>                    <label for="email_new">Email <span>&#42;<\/span><\/label>                    <span class="messageContainer" ng-if="(new_customer_checkout.email_new.$invalid ) && new_customer_checkout.email_new.$touched">                        <label class="errorMessage" ng-if="(new_customer_checkout.email_new.$error.email || new_customer_checkout.email_new.$error.pattern|| new_customer_checkout.email_new.$error.maxlength) && new_customer_checkout.email_new.$touched">Invalid email.<\/label>                        <label class="errorMessage" ng-if="new_customer_checkout.email_new.$error.required && new_customer_checkout.email_new.$touched">Email must be entered.<\/label>                    <\/span>                    <input type="email" class="form-control" placeholder="Your email" id="email_new" name="email_new"                           ng-model="email_new"                           ng-disabled="checkoutPayment.CustomerInfo.hasOwnProperty(\'firstName\') && new_customer_checkout.email_new.$valid"                           ng-pattern="checkoutPayment.emailPattern"                           ng-maxlength="60"                           maxlength="60"                           required>                    <i class="check-field fa fa-check-circle-o"                       ng-class="{ \'check-field-completed\' : new_customer_checkout.email_new.$valid}"                       ng-if="!(new_customer_checkout.email_new.$invalid)"><\/i>                    <i class="glyphicon glyphicon-exclamation-sign exclamation-mark"                       ng-if="!new_customer_checkout.email_new.$valid && (new_customer_checkout.email_new.$touched )"><\/i>                <\/p>                <p>                    <label for="comment_new">Comment<\/label>                    <input type="text" class="form-control" placeholder="Your Comments (48 characters  max)" id="comment_new" name="comment_new" ng-model="Comments" maxlength="48" ng-maxlength="48"><\/input>                    <i class="glyphicon glyphicon-exclamation-sign exclamation-mark"                       ng-show="!new_customer_checkout.comment_new.$valid"><\/i>                <\/p>            <\/fieldset>            <h2>Payment type<\/h2>            <div class="check-item">                <!--<p ng-show="checkoutPayment.CustomerInfo.hasOwnProperty(\'firstName\')" ng-if="checkoutPayment.CustomerInfo.hasOwnProperty(\'firstName\')">                    {{checkoutPayment.creditCardMessage}}                <\/p>-->                <p ng-click="checkoutPayment.choosePayment(paymentionOption.paymentTypeId)" ng-repeat="paymentionOption in checkoutPayment.paymentOptions" ga="[\'send\',\'event\',\'Checkout\',\'{{paymentionOption.paymentType}}\',\'Payment\']">                    <i class="fa fa-check-circle-o"                       ng-class="{ \'check-item-selected\': paymentionOption.paymentTypeId == checkoutPayment.selectedPaymentMethod }"><\/i>                    <span>{{paymentionOption.paymentType}}<\/span><span ng-if="paymentionOption.paymentTypeId == 2">(Fee {{checkoutPayment.mobileEFTPOSCharge | currency}})<\/span>                <\/p>            <\/div>        <\/form>    <div class="modal-footer">        <button type="button" class="btn btn-canel-cta" data-dismiss="modal" ng-click="checkoutPayment.CancelCheckout()" ga="[\'send\',\'event\',\'Checkout\',\'Cancel\',\'Payment\']">Cancel<\/button>        <button type="submit" class="btn btn-checkout-buynow "                ng-click="new_customer_checkout.$valid && checkoutPayment.buyNow()"                ng-disabled="!new_customer_checkout.$valid"                ga="[\'send\', \'pageview\', \'/checkout/BuyNow\']">            Place My Order        <\/button>        <h4 class="modal-error-message" ng-if="checkoutPayment.storeOffline">{{checkoutPayment.offlineErrorMessage}}<\/h4>    <\/div>    <\/div><\/div>');n.put("partials/paynow-checkout-response.html",'<div class=".paynow-mask">Processing<\/div>');n.put("partials/paynow-checkout.html",'<!-- Receipt --><div class="modal-content" ng-show="checkoutPayNow.showModal">    <div class="modal-header">        <button type="button" class="close" data-dismiss="modal" ng-click="checkoutPayNow.Close()">            <span aria-hidden="true" class="side-panel-close fa fa-times-circle-o"><\/span>        <\/button>        <h1>Payment<\/h1>        <div class="total">            <p ng-show="checkoutPayNow.isDelivery">                <strong>Price {{checkoutPayNow.totalPrice|currency}} incl. delivery fee<\/strong>            <\/p>            <p ng-hide="checkoutPayNow.isDelivery">                <strong>Price <span> {{checkoutPayNow.totalPrice|currency}} <\/span><\/strong>            <\/p>        <\/div>        <div class="customer-summary">            <p><strong>Please complete all fields and do not close or reload this page until payment complete<\/strong><\/p>        <\/div>    <\/div>    <div id="payment-loading" class="cart-loading-panel">        <i class="fa fa-refresh fa-spin fa-3x" style="color: white; display: table; margin: 120px auto auto;"><\/i>    <\/div>    <div class="modal-body">        <div class="embed-responsive embed-responsive-16by9 paynow-iframe-container">            <iframe id="paymentFrame" class="embed-responsive-item paynow-iframe" scrolling="no" ng-src="{{checkoutPayNow.trustSrc(checkoutPayNow.paymentURL)}}" iframe-onload="onloadCallback()"><\/iframe>        <\/div>    <\/div><\/div>');n.put("partials/receipt-checkout.html",'<!-- Receipt -->    <meta name="Total" content="{{checkoutReceipt.receipt.order.orderTotal}}" />    <script>        (function () {            var _fbq = window._fbq || (window._fbq = []);            if (!_fbq.loaded) {                var fbds = document.createElement(\'script\');                fbds.async = true;                fbds.src = \'//connect.facebook.net/en_US/fbds.js\';                var s = document.getElementsByTagName(\'script\')[0];                s.parentNode.insertBefore(fbds, s);                _fbq.loaded = true;            }        })();        var value = $(\'[name=Total]\').attr("content");         window._fbq = window._fbq || [];        window._fbq.push([\'track\', \'6043029125314\', { \'value\': window.orderVars.Total + "", \'currency\': \'NZD\' }]);    <\/script>    <noscript><img height="1" width="1" alt="" style="display:none" src="https://www.facebook.com/tr?ev=6043029125314&amp;cd[value]={{checkoutReceipt.receipt.order.orderTotal}}&amp;cd[currency]=NZD&amp;noscript=1" /><\/noscript>    <noscript>        <img width="1" height="1" style="border:0" src="HTTPS://bs.serving-sys.com/Serving/ActivityServer.bs?cn=as&amp;ActivityID=780724&amp;Value={{checkoutReceipt.receipt.order.orderTotal}}&amp;OrderID={{checkoutReceipt.receipt.order.orderId}}&amp;ProductID=[ProductID]&amp;ProductInfo=[ProductInfo]&amp;Quantity=[Quantity]&amp;ns=1" />    <\/noscript><div class="modal-content receipt" ga="[\'send\', \'pageview\', \'/checkout/ThankYou\']" ga-on="init">    <div class="modal-header">        <button type="button" class="close" data-dismiss="modal" ng-click="checkoutReceipt.Close()">            <span aria-hidden="true" class="side-panel-close fa fa-times-circle-o"><\/span>        <\/button>        <h1>Thank you<\/h1>        <div class="total">            <p ng-show="checkoutReceipt.isDelivery">                <strong>Price {{checkoutReceipt.receipt.order.orderTotal | currency}} incl. delivery fee<\/strong>            <\/p>            <p ng-hide="checkoutReceipt.isDelivery">                <strong>Price {{checkoutReceipt.receipt.order.orderTotal | currency}}<\/strong>            <\/p>        <\/div>        <div class="customer-summary">            <p>                <strong>                    An email confirmation has been sent to your email address:                    <span class="checkoutbreakword">                        {{checkoutReceipt.receipt.customerEmailAddress}}                    <\/span>                <\/strong>            <\/p>        <\/div>    <\/div>    <div ng-show="checkoutReceipt.isLoading" class="cart-loading-panel">        <i class="fa fa-refresh fa-spin fa-3x" style="color: white; display: table; margin: 120px auto auto;"><\/i>    <\/div>    <div class="modal-body ">        <div class="delivery-info" ng-show="true">            <h3>Order number<\/h3>            <p>{{checkoutReceipt.receipt.order.orderId}}<\/p>            <p>Order created at {{checkoutReceipt.createdOrderTime}}<\/p>        <\/div>        <div class="delivery-store" ng-show="checkoutReceipt.orderComment">            <h3>Comment<\/h3>            <p class="commentWrap">                {{checkoutReceipt.orderComment}}            <\/p>        <\/div>        <div class="delivery-time" ng-show="checkoutReceipt.SelectedPickupTime">            <h3>{{checkoutReceipt.orderClass}} time<\/h3>            <p>                {{checkoutReceipt.receipt.order.dateOrderRequired | date: \'h:mm a. EEEE, dd  MMMM yyyy\'}}            <\/p>            <p ng-show="checkoutReceipt.timeFeedbackMessage">                <label class="voucherfailuremessage redcolortext">{{checkoutReceipt.timeFeedbackMessage}}<\/label>            <\/p>        <\/div>        <div class="delivery-store" ng-show="checkoutReceipt.selectedStore">            <h3>{{checkoutReceipt.orderClass}} Store<\/h3>            <p>                <strong>{{checkoutReceipt.selectedStore.storeName}}<\/strong><br />                {{checkoutReceipt.selectedStore.storeAddress.buildingName.length>0 ? checkoutReceipt.selectedStore.storeAddress.buildingName +", ":"" }}                {{checkoutReceipt.selectedStore.storeAddress.buildingNumber.length>0 && checkoutReceipt.selectedStore.storeAddress.buildingNumber !== "0" ? checkoutReceipt.selectedStore.storeAddress.buildingNumber +" ":"" }}                {{checkoutReceipt.selectedStore.storeAddress.streetName.length>0 ? checkoutReceipt.selectedStore.storeAddress.streetName +", ":""}}                {{checkoutReceipt.selectedStore.storeAddress.district.length>0 ? checkoutReceipt.selectedStore.storeAddress.district +", ":""}}                {{checkoutReceipt.selectedStore.storeAddress.townCity}}            <\/p>            <p>Telephone: {{checkoutReceipt.selectedStore.telephoneNumber}}<\/p>        <\/div>        <accordion close-others="oneAtATime">            <div class="printreceipt-accordion">                <accordion-group is-open="true" ng-init="status.open = true">                    <accordion-heading>                        <h3>                            Your order summary                            <i class="pull-right glyphicon" ng-class="{\'glyphicon-chevron-down\': status.open, \'glyphicon-chevron-right\': !status.open}"><\/i>                        <\/h3>                    <\/accordion-heading>                    <div class="delivery-summary">                        <table class="table cart-total" style="display:table;">                            <thead ng-show="checkoutReceipt.receipt.order.hasPizza">                                <tr>                                    <th class="text-left">Pizza<\/th>                                    <th class="text-center">Quantity<\/th>                                    <th class="text-center">Price<\/th>                                <\/tr>                            <\/thead>                            <tbody ng-show="checkoutReceipt.receipt.order.hasPizza"                                   ng-repeat="pizza in checkoutReceipt.receipt.order.orderItems"                                   ng-if="pizza.productType==\'Pizza\'">                                <tr>                                    <td class="orderconfirm-productwidth text-left">{{pizza.productText}}<\/td>                                    <td class="text-center">{{pizza.quantity}}<\/td>                                    <td class="text-center">{{pizza.price | currency}}<\/td>                                <\/tr>                            <\/tbody>                            <thead ng-show="checkoutReceipt.receipt.order.hasSides">                                <tr>                                    <th class="text-left">Sides<\/th>                                    <th class="text-center">Quantity<\/th>                                    <th class="text-center">Price<\/th>                                <\/tr>                            <\/thead>                            <tbody ng-show="checkoutReceipt.receipt.order.hasSides"                                   ng-repeat="side in checkoutReceipt.receipt.order.orderItems"                                   ng-if="side.productType==\'Sides\'">                                <tr>                                    <td class="orderconfirm-productwidth text-left">{{side.productText}}<\/td>                                    <td class="text-center">{{side.quantity}}<\/td>                                    <td class="text-center">{{side.price | currency}}<\/td>                                <\/tr>                            <\/tbody>                            <thead ng-show="checkoutReceipt.receipt.order.hasOffers">                                <tr>                                    <th class="text-left">Offers<\/th>                                    <th class="text-center">Quantity<\/th>                                    <th class="text-center">Price<\/th>                                <\/tr>                            <\/thead>                            <tbody ng-show="checkoutReceipt.receipt.order.hasOffers"                                   ng-repeat="offer in checkoutReceipt.receipt.order.orderItems"                                   ng-if="offer.productType==\'Offers\'">                                <tr>                                    <td class="orderconfirm-productwidth text-left">{{offer.productText}}<\/td>                                    <td class="text-center">{{offer.quantity}}<\/td>                                    <td class="text-center">{{offer.price | currency}}<\/td>                                <\/tr>                            <\/tbody>                            <thead ng-show="checkoutReceipt.receipt.order.hasOther">                                <tr>                                    <th class="text-left">Other<\/th>                                    <th>&nbsp;<\/th>                                    <th class="text-center">Fee<\/th>                                <\/tr>                            <\/thead>                            <tbody ng-show="checkoutReceipt.receipt.order.hasOther"                                   ng-repeat="other in checkoutReceipt.receipt.order.orderItems"                                   ng-if="other.productType==\'Other\'">                                <tr>                                    <td class="orderconfirm-productwidth text-left">{{other.productText  == \'Voucher\' ? \'Discount\'  : other.productText}}<\/td>                                    <td>&nbsp;<\/td>                                    <td class="text-center">{{other.productText==\'Voucher\' ? \'-\' : \'\'}}{{other.price | currency}}<\/td>                                <\/tr>                            <\/tbody>                            <tfoot>                                <tr ng-if="!checkoutReceipt.receipt.order.hasOther && checkoutReceipt.receipt.order.discountAmount > 0">                                    <td class="text-left">Voucher<\/td>                                    <td>&nbsp;<\/td>                                    <td class="text-center">- {{checkoutReceipt.receipt.order.discountAmount | currency}}<\/td>                                <\/tr>                            <tr>                                <td class="text-left">Total<\/td>                                <td>&nbsp;<\/td>                                <td class="text-center">{{checkoutReceipt.receipt.order.orderTotal | currency}}<\/td>                            <\/tr>                            <\/tfoot>                        <\/table>                    <\/div>                <\/accordion-group>            <\/div>        <\/accordion>        <div class="delivery-summary" ng-hide="checkoutReceipt.isLoggedIn">            <p>                Don\'t like \x1ffilling in forms? For faster ordering save your details <a href="#" title="" class="btn-create-login" ng-click="checkoutReceipt.Close();" data-toggle="modal" data-target="#register-dialog" data-dismiss="modal"> Register here<\/a>            <\/p>        <\/div>    <\/div>    <div class="modal-footer">        <button type="button" class="btn btn-canel-cta" data-dismiss="modal" ng-click="checkoutReceipt.Close()">Close<\/button>        <button class="btn btn-primary-cta btn-print-receipt" ng-click="checkoutReceipt.printReceipt()" ga="[\'send\',\'event\',\'Checkout\',\'Print Receipt\',\'Thank you\']"><i class="fa fa-print"><\/i>Print this receipt<\/button>    <\/div><\/div>');n.put("partials/show-checkout-modal.html",'<div class="modal-content" ng-show="checkOutOptions.showModal">    <div ng-show="checkOutOptions.isLoading" class="cart-loading-panel">        <i class="fa fa-refresh fa-spin fa-3x" style="color: white; display: table; margin: 120px auto auto;"><\/i>    <\/div>    <form id="pickupForm" name="pickup" novalidate ng-submit="pickup.$valid && pickup.submit()">        <div class="modal-body modal-body-padding">            <div class="model-checkout-padding">                <button type="button" class="close" ng-click="checkOutOptions.Close();"><span aria-hidden="true" class="side-panel-close fa fa-times-circle-o"><\/span><\/button>                <div class="ng-hide" ng-show="checkOutOptions.user.hasOwnProperty(\'firstName\')">                    <h1 class="username breakword">Hi {{checkOutOptions.user.firstName}} {{checkOutOptions.user.lastName}},<\/h1>                    <p style="display: table; margin: auto; text-align: center">                        Please make sure your order options shown are correct.                    <\/p>                <\/div>                <div class="ng-hide" ng-show="!checkOutOptions.user.hasOwnProperty(\'firstName\')">                    <h1 class="username checkoutpheaderpadding">PICK UP OR DELIVERY<\/h1>                    <p style="display: table; margin: auto; text-align: center">                        HAVE A PIZZA HUT ACCOUNT? <br />                        <a class="btn-login" role="button" href="javascript:void(0)" data-toggle="modal" data-target="#login-dialog" data-dismiss="modal" ng-click="checkOutOptions.Close();" ga="[\'send\',\'event\',\'Checkout\',\'Sign In\',\'Login\']">Sign in<\/a> to quickly access information saved to your account.                    <\/p>                <\/div>            <\/div>            <!-- Choose Pickup / Delivery-->            <div class="checkoutHeadingBackground">                <div class="order-type">                    <div class="pickup" ng-class="{\'order-type-selected\':checkOutOptions.isPickup}" ng-click="checkOutOptions.SetPickup()" ga="[\'send\',\'event\',\'Checkout\',\'Pickup\',\'Checkout\']">                        <span class="fa pickup-icon"><\/span>                        <p class="pickUpText" style="clear:both">Pickup<\/p>                    <\/div>                    <div class="delivery" ng-class="{\'order-type-selected\':checkOutOptions.isDelivery}" ng-click="checkOutOptions.SetDelivery()" ga="[\'send\',\'event\',\'Checkout\',\'Delivery\',\'Checkout\']">                        <span class="fa fa-automobile"><\/span>                        <p class="pickUpText" style="clear:both;margin-bottom:0">                            Delivery                        <\/p>                        <span style="clear: both; font-size: 12px; text-align: center">Delivery fee applies <!--${{checkOutOptions.deliveryPrice}}--><\/span>                    <\/div>                <\/div>            <\/div>            <div class="model-checkout-padding">                <div id="checkoutpopupheader" ng-show="pickup.$invalid || checkOutOptions.invalidBasketAmount > 0 || checkOutOptions.minimumDelivery <= 0 || !checkOutOptions.validStores || !checkOutOptions.isValidTimeSlot || checkOutOptions.isMissingDeliveryTimeSlot || checkOutOptions.isServiceNotAvailable">                    <p class="ng-hide">You\'ve choosen a deal for pickup only.<\/p>                    <p class="ng-hide" ng-show="checkOutOptions.isDelivery && !checkOutOptions.isAllowDelivery">Your cart did not reach the $20 minimum order including delivery fee.<\/p>                    <p class="ng-hide" ng-show="!checkOutOptions.validStores && !checkOutOptions.isDelivery">Cannot find store in your area.<\/p>                    <p class="ng-hide" ng-show="!checkOutOptions.validStores && checkOutOptions.isDelivery">We\'re sorry; we are unable to locate a store in this area for delivery.<\/p>                    <p ng-hide="checkOutOptions.invalidProductsName.length <= 0 || !checkOutOptions.validStores">                        <strong ng-repeat="invalidProd in checkOutOptions.invalidProductsName">{{invalidProd}}{{$last ? \' \' : \', \'}}<\/strong>is not available at <strong>{{checkOutOptions.store.storeName}}<\/strong>.                        <a href="javascript:void(0);" ng-click="checkOutOptions.RemoveInvalidProductFromBasket()">Click here to remove<\/a>                    <\/p>                    <p class="ng-hide" ng-show="!checkOutOptions.isValidTimeSlot && !checkOutOptions.isMissingDeliveryTimeSlot && !checkOutOptions.isServiceNotAvailable && checkOutVm.isNotAllowASAP">Time slot is not available for the selected date. Please select another date.<\/p>                    <p class="ng-hide" ng-show="checkOutOptions.isServiceNotAvailable">We\'re sorry; {{checkOutOptions.isPickup?"pickup":"delivery"}} service is currently unavailable in this store.<\/p>                    <p class="ng-hide" ng-show="checkOutOptions.isMissingDeliveryTimeSlot">You have lost your delivery time slot. Please confirm your delivery time again.<\/p>                <\/div>                <a class="centerallign"                   ng-if="(checkOutOptions.isDelivery && !checkOutOptions.isAllowDelivery) || !checkOutOptions.hasProductsInCart"                   ng-click="checkOutOptions.AddProductCancelCheckout()"                   href="javascript:void(0);">Change your order now<\/a>                <!-- End-->                <!-- Choose Store-->                <div class="choose-region" ng-hide="!checkOutOptions.hasProductsInCart">                    <div class="choose-district ng-hide container-fluid no-gutter" ng-show="checkOutOptions.isPickup">                        <label for="pickup-district">Your Suburb<span>*<\/span><\/label>                        <label ng-show="checkOutOptions.customerAddressPickup.$touched && checkOutOptions.customerAddressPickup.$error.required" class="errorMessage">Suburb or City must be entered.<\/label>                        <div class="input-group">                            <input type="text" id="pickup-district" class="form-control district" placeholder="Suburb or City must be entered." name="district" ng-model="checkOutOptions.customerAddressPickup"                                   ng-required="checkOutOptions.isPickup"                                   pickup-district>                            <div class="input-group-addon button">                                <button ng-click="checkOutOptions.GetStoreByDistrict(checkOutOptions.customerAddressPickup)" ng-disabled="checkOutOptions.customerAddressPickup.$invalid" class="btn btn-secondary-cta btn-search-district padding-desktop" type="submit" ga="[\'send\',\'event\',\'Checkout\',\'Find Store\',\'Checkout\']">Find Store<\/button>                                <span class="padding-desktop-check-icon">                                    <i ng-hide="checkOutOptions.customerAddressPickup.$touched && checkOutOptions.customerAddressPickup.$error.required" ng-class="{ \'check-field-completed\' : checkOutOptions.customerAddressPickup.$valid && !checkOutOptions.customerAddressPickup.$error.required}" class="check-field fa fa-check-circle-o"><\/i>                                    <i ng-show="checkOutOptions.customerAddressPickup.$touched && checkOutOptions.customerAddressPickup.$error.required" class="glyphicon glyphicon-exclamation-sign exclamation-mark"><\/i>                                <\/span>                            <\/div>                        <\/div>                    <\/div>                    <div class="choose-district ng-hide" ng-show="checkOutOptions.isDelivery && checkOutOptions.isAllowDelivery && !checkOutOptions.user.hasOwnProperty(\'firstName\')">                        <label for="address1">Your address <span>*<\/span><\/label>                        <div class="addressHelperText">                            <span>Address format: Flat no. or Unit no. or Building no., Street Address, Suburb, City. <\/span>                            <i class="fa fa-info-circle" data-toggle="tooltip" rb-display-tooltip data-placement="top" data-html="true" data-original-title="<b>ADDRESS EXAMPLES<\/b><ul><li>5/666 Great South Road, Penrose, Auckland<\/li><li>Unit 3, 666 Great South Road, Penrose, Auckland<\/li><\/ul>"><\/i>                        <\/div>                        <label class="errorMessage" ng-show="pickup.hiddenAddressValue.$invalid && pickup.address1.$dirty">Invalid Address.<\/label>                        <label class="errorMessage" ng-show="pickup.address1.$error.required && pickup.address1.$touched">Your address is required.<\/label>                        <input type="text" class="form-control ui-autocomplete-input" placeholder="No., Street Address, Suburb, City" id="address1" name="address1"                               ng-model="checkOutOptions.customerAddressWorking"                               typeahead="address for address in checkOutOptions.onAddressFind()"                               typeahead-min-length="3"                               typeahead-wait-ms="150"                               typeahead-on-select="checkOutOptions.onAddressSelected($item, $model, $label)"                               ng-change="checkOutOptions.ResetOnInvalid(pickup.address1.$invalid)"                               autocomplete="off"                               ng-required="checkOutOptions.isDelivery">                        <input type="text"                               ng-model="checkOutOptions.customerAddress"                               class="ng-hide"                               id="hiddenAddressValue"                               name="hiddenAddressValue"                               ng-required="(checkOutOptions.customerAddressWorking.length>0 && pickup.address1.$dirty)" />                        <i class=" check-field fa fa-check-circle-o"                           ng-class="{ \'check-field-completed\' : pickup.hiddenAddressValue.$valid && checkOutOptions.customerAddressWorking.length>0 }"                           ng-hide="pickup.hiddenAddressValue.$invalid || (pickup.address1.$touched && pickup.address1.$invalid)"><\/i>                        <i class="glyphicon glyphicon-exclamation-sign exclamation-mark"                           ng-show="pickup.hiddenAddressValue.$invalid ||(pickup.address1.$touched && pickup.address1.$invalid)"><\/i>                    <\/div>                    <div class="choose-district ng-hide container-fluid no-gutter" ng-show="checkOutOptions.isDelivery && checkOutOptions.isAllowDelivery && checkOutOptions.user.hasOwnProperty(\'firstName\')">                        <label for="loggedInAddress">Your address <span>*<\/span><\/label>                        <label ng-show="pickup.userAddress.$touched && pickup.userAddress.$error.required" class="errorMessage">Address must be selected.<\/label>                        <select class="form-control"                                id="loggedInAddress" name="userAddress"                                ng-change="checkOutOptions.onAddressSelected(checkOutOptions.customerAddresses.fullAddress, checkOutOptions.customerAddresses)" ng-model="checkOutOptions.customerAddresses"                                ng-disabled="checkOutOptions.user.customerAddressList.length<=0"                                ng-model-options="{updateOn:\'default blur\', getterSetter: true}"                                ng-options="address.fullAddress for address in checkOutOptions.user.customerAddressList track by address.addressId"                                required>                            <option value="" selected>Please select<\/option>                        <\/select>                        <i ng-hide="pickup.userAddress.$touched && pickup.userAddress.$invalid" ng-class="{ \'check-field-completed\' : pickup.userAddress.$valid}" class="check-field fa fa-check-circle-o"><\/i>                        <i ng-show="pickup.userAddress.$touched && pickup.userAddress.$invalid" class="glyphicon glyphicon-exclamation-sign exclamation-mark"><\/i>                    <\/div>                    <div class="choose-store" ng-hide="checkOutOptions.isDelivery && !checkOutOptions.isAllowDelivery">                        <label for="ChooseStore2CooseStore">                            <strong class="ng-hide" ng-show="checkOutOptions.isPickup">Choose <\/strong>                            <strong class="ng-hide" ng-show="checkOutOptions.isDelivery">Your <\/strong>                            Store <span>*<\/span>                            <a href="javascript:void(0);" class="fa fa-map-marker toggle-map ng-hide" ng-hide="checkOutOptions.stores.length<=0" ng-click="checkOutOptions.ShowMapToggle();" ga="[\'send\',\'event\',\'Checkout\',\'Show Map\',\'Checkout\']"><i>{{checkOutOptions.isShowMap?"Hide":"Show"}} map<\/i><\/a>                        <\/label>                        <label ng-show="pickup.storeId.$touched && pickup.storeId.$error.required" class="errorMessage">Store must be selected.<\/label>                        <div id="map" class="google-map" ng-show="checkOutOptions.isShowMap">google map here<\/div>                        <select class="form-control"                                id="ChooseStore2CooseStore" name="storeId"                                ng-change="checkOutOptions.ChangeStore(store);checkOutOptions.ShowInfoWindowMap();"                                ng-model="store"                                ng-disabled="checkOutOptions.stores.length<1"                                ng-model-options="{updateOn:\'default blur\', getterSetter: true}"                                ng-options="store.storeName for store in checkOutOptions.stores track by store.storeId"                                required>                            <option value="">Please select<\/option>                        <\/select>                        <i ng-hide="pickup.storeId.$touched && pickup.storeId.$invalid" ng-class="{ \'check-field-completed\' : pickup.storeId.$valid}" class="check-field fa fa-check-circle-o button-margin"><\/i>                        <i ng-show="pickup.storeId.$touched && pickup.storeId.$invalid" class="glyphicon glyphicon-exclamation-sign exclamation-mark button-margin"><\/i>                        <div class="select-time ng-hide" ng-show="checkOutOptions.pickupDates.length>0">                            <div class="store-close-info ng-hide" ng-show="(checkOutOptions.isStoreClosed && !checkOutOptions.isServiceNotAvailable) || !checkOutOptions.isValidTimeSlot">                                                                <span ng-if="checkOutOptions.isDayClosed"><i class="glyphicon glyphicon-info-sign"><\/i>&nbsp;&nbsp;&nbsp;{{checkOutOptions.store.storeName}} store is closed for today.<\/span>                                <span ng-if="!checkOutOptions.isDayClosed && checkOutOptions.isAfterClosingTime"><i class="glyphicon glyphicon-info-sign"><\/i>&nbsp;&nbsp;&nbsp;We\'re sorry; this store is now closed{{checkOutOptions.isPickup?"":" for delivery service"}}. A time for tomorrow can be selected.<\/span>                                <span ng-if="!checkOutOptions.isDayClosed && checkOutOptions.isBeforeOpenTime && !checkOutOptions.isDelivery"><i class="glyphicon glyphicon-info-sign"><\/i>&nbsp;&nbsp;&nbsp;We\'re sorry; this store is currently closed.<\/span>                                <span ng-if="!checkOutOptions.isDayClosed && checkOutOptions.isBeforeOpenTime && checkOutOptions.isDelivery"<i class="glyphicon glyphicon-info-sign"><\/i>>&nbsp;&nbsp;&nbsp;Delivery service for {{checkOutOptions.store.storeName}} store is available later today.<\/span>                                <span ng-if="!checkOutOptions.isValidTimeSlot && checkOutOptions.isDelivery"><i class="glyphicon glyphicon-info-sign"><\/i>&nbsp;&nbsp;&nbsp;No available time slot for selected date in {{checkOutOptions.store.storeName}} store.<\/span>                                                            <\/div>                            <div class="store-close-info ng-hide" ng-show="checkOutOptions.totalPrice < 10">                                <span><i class="glyphicon glyphicon-info-sign"><\/i> &nbsp;&nbsp;&nbsp;{{checkOutOptions.creditMessage}}<\/span>                            <\/div>                            <div class="pickupoption clearfix ng-hide" ng-show="checkOutOptions.isPickup">                                <label class="clearboth">Choose your pickup option<\/label>                                <div class="clearboth">                                    <p class="pull-left asspborder" ng-class="{\'pickup-selected\':checkOutOptions.isASAP && !checkOutOptions.isNotAllowASAP, \'disabled\': checkOutOptions.isNotAllowASAP}" id="asappickup" ng-click="checkOutOptions.isNotAllowASAP || checkOutOptions.SetPickupOptionASAP()" ga="[\'send\',\'event\',\'Checkout\',\'ASAP\',\'Pickup Option\']">                                        <span class="glyphicon glyphicon-ok pull-left pickup-icon"><\/span>                                        <span class="pull-left">ASAP<\/span>                                    <\/p>                                    <p class="pull-left" id="laterpickup" ng-class="{\'pickup-selected\':checkOutOptions.isLater}" ng-click="checkOutOptions.isLater || checkOutOptions.SetPickupOtptionLater()" ga="[\'send\',\'event\',\'Checkout\',\'LATER\',\'Pickup Option\']">                                        <span class="glyphicon glyphicon-ok pull-left pickup-icon"><\/span>                                        <span class="pull-left">LATER<\/span>                                    <\/p>                                <\/div>                            <\/div>                            <!-- for debugging purpose {{checkOutOptions.selectedDate}}//{{checkOutOptions.selectedHour}}//{{checkOutOptions.formatedSelectedTime}}-->                            <div ng-hide="checkOutOptions.isServiceNotAvailable">                                <div class="deliverydatesection clearboth ng-hide" ng-show="(checkOutOptions.isLater || checkOutOptions.isDelivery) && checkOutOptions.pickupDates.length > 0 ">                                    <label for="ChooseDayDeliveryDatelabel">                                        {{checkOutOptions.isPickup?"Pickup":"Delivery"}} Date                                    <\/label>                                    <select id="ChooseDayDeliveryDatelabel" class="form-control deliverydate"                                            name="pickupDateOption"                                            ng-change="checkOutOptions.ChangeDate(true)"                                            ng-model="checkOutOptions.selectedDate"                                            ng-disabled="checkOutOptions.pickupDates.length<=0"                                            ng-model-options="{updateOn:\'default blur\', getterSetter: true}"                                            ng-options="date.dateValue as date.formatedValue for date in checkOutOptions.pickupDates"                                            ng-required="checkOutOptions.isLater"><\/select>                                <\/div>                                <div class="deliverydatesection ng-hide" ng-show="(checkOutOptions.isLater && checkOutOptions.isValidTimeSlot && checkOutOptions.isPickup && checkOutOptions.pickupDates.length > 0)">                                    <label for="ChooseTimePickupDatelabel">Approx. Time<\/label>                                    <select id="ChooseTimePickupDatelabel" class="form-control deliverydate"                                            name="pickupHourOption"                                            ng-change="checkOutOptions.ChangeHour()"                                            ng-model="checkOutOptions.selectedHour"                                            ng-model-options="{updateOn:\'default blur\', getterSetter: true}"                                            ng-options="date.timeValue as date.formatedValue for date in checkOutOptions.pickupHours"                                            ng-required="checkOutOptions.isLater"><\/select>                                <\/div>                                <div class="deliverydatesection ng-hide" ng-show="(checkOutOptions.isValidTimeSlot && checkOutOptions.isDelivery && checkOutOptions.pickupDates.length > 0)">                                    <label for="ChooseTimeDeliveryDatelabel">Time Slot<\/label>                                    <select id="ChooseTimeDeliveryDatelabel" class="form-control deliverydate"                                            name="deliveryHourOption"                                            ng-change="checkOutOptions.ChangeHour()"                                            ng-model="checkOutOptions.selectedHour"                                            ng-disabled="checkOutOptions.pickupDates.length<=0"                                            ng-model-options="{updateOn:\'default blur\', getterSetter: true}"                                            ng-options="date.timeValue as date.formatedValue for date in checkOutOptions.deliveryHours"                                            ng-required="checkOutOptions.isLater"><\/select>                                <\/div>                            <\/div>                            <div class="asappickup ng-hide" ng-show="checkOutOptions.isASAP && checkOutOptions.isPickup && !checkOutOptions.isNotAllowASAP">                                <div>Estimated collection time:<\/div>                                <div class="clearfix approxtime">{{ checkOutOptions.selectedHour| date:\'dd-MM-yyyy hh:mm a\'}} <\/div>                            <\/div>                            <div class="delivery-time-info" ng-show="checkOutOptions.isDelivery && !checkOutOptions.isServiceNotAvailable">                                <p>The delivery time slot is reserved for 5 minutes only. If you are not able to confirm the order within this timeframe, then the next delivery time slot will be allocated automatically.<\/p>                            <\/div>                        <\/div>                        <div ng-show="checkOutOptions.visibility">                            <div class="store-availble-continue" ng-show="checkOutOptions.store.hasOwnProperty(\'storeName\') && !checkOutOptions.isServiceNotAvailable">                                <button type="button" class="btn btn-primary-cta btn-check-out" ng-disabled="checkOutOptions.invalidBasketAmount > 0 || !checkOutOptions.hasProductsInCart || !checkOutOptions.isValidTimeSlot || !checkOutOptions.store.hasOwnProperty(\'storeName\')" ng-click="checkOutOptions.Continue()"                                        ga="[\'send\', \'pageview\', \'/checkout/SelectPayment\']">                                    Continue                                <\/button>                                <!--<a class="btn btn-primary-cta btn-continue-order" ng-disabled="checkOutOptions.invalidBasketAmount > 0 || checkOutOptions.totalPrice <= 0" ng-click="checkOutOptions.Continue()">Continue<\/a>-->                            <\/div>                        <\/div>                    <\/div>                    <div ng-show="checkOutOptions.visibility">                        <div class="store-details" ng-show="checkOutOptions.store.hasOwnProperty(\'storeName\') && !checkOutOptions.isServiceNotAvailable">                            <h3>                                {{checkOutOptions.store.storeName}}                            <\/h3>                            <p>                                {{checkOutOptions.store.storeAddress.buildingName.length>0 ? checkOutOptions.store.storeAddress.buildingName +", ":"" }}                                {{checkOutOptions.store.storeAddress.buildingNumber.length>0 && checkOutOptions.store.storeAddress.buildingNumber !== "0" ? checkOutOptions.store.storeAddress.buildingNumber +" ":"" }}                                {{checkOutOptions.store.storeAddress.streetName.length>0 ? checkOutOptions.store.storeAddress.streetName +", ":""}}                                {{checkOutOptions.store.storeAddress.district.length>0 ? checkOutOptions.store.storeAddress.district +", ":""}}                                {{checkOutOptions.store.storeAddress.townCity}}                            <\/p>                            <p>Telephone: {{checkOutOptions.store.telephoneNumber}}<\/p>                            <h3>                                Opening Hours                            <\/h3>                            <table class="table table-striped">                                <thead>                                    <tr>                                        <th>Day<\/th>                                        <th>Opening<\/th>                                        <th>Closing<\/th>                                    <\/tr>                                <\/thead>                                <tbody class="ng-hide" ng-show="checkOutOptions.isPickup">                                    <tr ng-repeat="openingDay in checkOutOptions.store.openingHours">                                        <td>{{openingDay.dayOfWeek}}<\/td>                                        <td>                                            <span class="ng-hide" ng-show="openingDay.storeOpen">{{openingDay.collectionTimePeriods[0].openTime | limitTo:5}}<\/span>                                            <span class="ng-hide" ng-show="!openingDay.storeOpen">Closed<\/span>                                        <\/td>                                        <td>                                            <span class="ng-hide" ng-show="openingDay.storeOpen">{{openingDay.collectionTimePeriods[0].closeTime | limitTo:5}}<\/span>                                            <span class="ng-hide" ng-show="!openingDay.storeOpen">Closed<\/span>                                        <\/td>                                    <\/tr>                                <\/tbody>                                <tbody class="ng-hide" ng-show="checkOutOptions.isDelivery">                                    <tr ng-repeat="openingDay in checkOutOptions.store.openingHours">                                        <td>{{openingDay.dayOfWeek}}<\/td>                                        <td>                                            <span class="ng-hide" ng-show="openingDay.storeOpen">{{openingDay.deliveryTimePeriods[0].openTime | limitTo:5}}<\/span>                                            <span class="ng-hide" ng-show="!openingDay.storeOpen">Closed<\/span>                                        <\/td>                                        <td>                                            <span class="ng-hide" ng-show="openingDay.storeOpen">{{openingDay.deliveryTimePeriods[0].closeTime | limitTo:5}}<\/span>                                            <span class="ng-hide" ng-show="!openingDay.storeOpen">Closed<\/span>                                        <\/td>                                    <\/tr>                                <\/tbody>                            <\/table>                        <\/div>                    <\/div>                <\/div>                <!-- End-->            <\/div>        <\/div>        <div class="modal-footer">            <button type="button" class="btn btn-canel-cta" ng-click="checkOutOptions.Close();">Cancel<\/button>            <!--{{checkOutOptions.invalidBasketAmount > 0}} {{ !checkOutOptions.hasProductsInCart }} {{!checkOutOptions.validStores }} {{ !checkOutOptions.isValidTimeSlot}} -> {{checkOutOptions.store.hasOwnProperty(\'storeName\')}}-->            <button type="button" class="btn btn-primary-cta btn-check-out"                    ng-disabled="checkOutOptions.invalidBasketAmount > 0 || !checkOutOptions.hasProductsInCart || !checkOutOptions.validStores || !checkOutOptions.isValidTimeSlot || !checkOutOptions.store.hasOwnProperty(\'storeName\') || checkOutOptions.isServiceNotAvailable"                    ng-click="checkOutOptions.Continue()"                    ga="[\'send\', \'pageview\', \'/checkout/SelectPayment\']">                Continue            <\/button>        <\/div>    <\/form><\/div>');n.put("partials/payment-checkout.html",'<div class="modal-content quick-signup" ng-show="checkoutPayment.showModal">    <div class="modal-header">        <button type="button" class="close" ng-click="checkoutPayment.CancelCheckout()" ga="[\'send\',\'event\',\'Checkout\',\'Cancel\',\'Payment\']">            <span aria-hidden="true" class="side-panel-close fa fa-times-circle-o"><\/span>        <\/button>        <h1>Checkout {{"("+checkoutPayment.orderClass+")"}}<\/h1>        <div class="total">            <p ng-show="checkoutPayment.isDelivery">                <strong>Price {{checkoutPayment.totalPrice | currency}} incl. delivery fee<\/strong>            <\/p>            <p ng-hide="checkoutPayment.isDelivery">                <strong>Price {{checkoutPayment.totalPrice | currency}}<\/strong>            <\/p>        <\/div>        <div ng-show="checkoutPayment.isDisplayError">            <p class="modal-error-message">{{ checkoutPayment.errorMessage }}<\/p>        <\/div>        <div class="customer-type" ng-hide="checkoutPayment.CustomerInfo.hasOwnProperty(\'firstName\')">            <p>Please fill in the form below<\/p>        <\/div>    <\/div>    <div ng-show="checkoutPayment.isLoading" class="cart-loading-panel">        <i class="fa fa-refresh fa-spin fa-3x" style="color: white; display: table; margin: 120px auto auto;"><\/i>    <\/div>    <div id="checkout-delivery-form" class="modal-body">        <form id="new_customer_checkout" name="new_customer_checkout" ng-submit="new_customer_checkout.$valid && checkoutPayment.buyNow()" novalidate>            <fieldset>                <legend>Quick Signup<\/legend>                <p>                    <label for="firstname_new">First name <span>&#42;<\/span><\/label>                    <span class="messageContainer" ng-if="(new_customer_checkout.firstname_new.$invalid) && new_customer_checkout.firstname_new.$touched">                        <label class="errorMessage" ng-if="new_customer_checkout.firstname_new.$error.required && new_customer_checkout.firstname_new.$touched">First name must be entered.<\/label>                        <label class="errorMessage" ng-if="new_customer_checkout.firstname_new.$error.maxlengt && new_customer_checkout.firstname_new.$touchedh">Invalid first name.<\/label>                    <\/span>                    <input type="text" class="form-control" placeholder="Your first name" id="firstname_new" name="firstname_new"                           ng-model="firstname_new"                           ng-maxlength="64"                           maxlength="64"                           ng-disabled="checkoutPayment.CustomerInfo.hasOwnProperty(\'firstName\') && new_customer_checkout.firstname_new.$valid"                           required>                    <i class="check-field fa fa-check-circle-o"                       ng-class="{ \'check-field-completed\' : new_customer_checkout.firstname_new.$valid}"                       ng-if="!(new_customer_checkout.firstname_new.$invalid && (new_customer_checkout.firstname_new.$touched))"><\/i>                    <i class="glyphicon glyphicon-exclamation-sign exclamation-mark"                       ng-if="!new_customer_checkout.firstname_new.$valid && (new_customer_checkout.firstname_new.$touched)"><\/i>                <\/p>                <p>                    <label for="lastname_new">Last name <span>&#42;<\/span><\/label>                    <span class="messageContainer" ng-if="(new_customer_checkout.lastname_new.$invalid) && new_customer_checkout.lastname_new.$touched">                        <label class="errorMessage" ng-if="new_customer_checkout.lastname_new.$error.required && new_customer_checkout.lastname_new.$touched">Last name must be entered.<\/label>                        <label class="errorMessage" ng-if="new_customer_checkout.lastname_new.$error.maxlength && new_customer_checkout.lastname_new.$touched">Invalid last name.<\/label>                    <\/span>                    <input type="text" class="form-control" placeholder="Your last name" id="lastname_new" name="lastname_new"                           ng-model="lastname_new"                           ng-maxlength="64"                           maxlength="64"                           ng-disabled="checkoutPayment.CustomerInfo.hasOwnProperty(\'firstName\') && new_customer_checkout.lastname_new.$valid"                           required>                    <i class="check-field fa fa-check-circle-o"                       ng-class="{ \'check-field-completed\' : new_customer_checkout.lastname_new.$valid}"                       ng-if="!(new_customer_checkout.lastname_new.$invalid && (new_customer_checkout.lastname_new.$touched))"><\/i>                    <i class="glyphicon glyphicon-exclamation-sign exclamation-mark"                       ng-if="!new_customer_checkout.lastname_new.$valid && (new_customer_checkout.lastname_new.$touched)"><\/i>                <\/p>                <p>                    <label for="phone_new">Phone <span>&#42;<\/span><\/label>                    <span class="messageContainer" ng-if="(new_customer_checkout.phone_new.$invalid) && new_customer_checkout.phone_new.$touched">                        <label class="errorMessage" ng-if="new_customer_checkout.phone_new.$error.required && new_customer_checkout.phone_new.$touched">Phone number must be entered.<\/label>                        <label class="errorMessage"                               ng-if="(new_customer_checkout.phone_new.$error.minlength || new_customer_checkout.phone_new.$error.maxlength || new_customer_checkout.phone_new.$error.pattern) && new_customer_checkout.phone_new.$touched">                            Invalid phone.                        <\/label>                    <\/span>                    <input type="text" class="form-control" placeholder="Your phone number" id="phone_new"                           name="phone_new"                           ng-model="phone_new"                           ng-minlength="8"                           ng-maxlength="25"                           maxlength="25"                           ng-disabled="checkoutPayment.CustomerInfo.hasOwnProperty(\'firstName\') && new_customer_checkout.phone_new.$valid"                           ng-pattern="checkoutPayment.nzPhonePattern" required />                    <i class="check-field fa fa-check-circle-o"                       ng-class="{ \'check-field-completed\' : new_customer_checkout.phone_new.$valid}"                       ng-if="!(new_customer_checkout.phone_new.$invalid && (new_customer_checkout.phone_new.$touched))"><\/i>                    <i class="glyphicon glyphicon-exclamation-sign exclamation-mark"                       ng-if="!new_customer_checkout.phone_new.$valid && (new_customer_checkout.phone_new.$touched)"><\/i>                <\/p>                <p ng-show="checkoutPayment.orderOption == checkoutPayment.OrderClass.Delivery">                    <label for="deliveryAddress">Your address <span ng-hide="checkoutPayment.orderOption == checkoutPayment.OrderClass.Delivery">*<\/span><\/label>                    <label class="errorMessage" ng-if="checkoutPayment.customerAddress ==\'\' || new_customer_checkout.deliveryAddress_new.$error.required && new_customer_checkout.deliveryAddress_new.$touched">Invalid Address.<\/label>                    <input type="text" class="form-control ui-autocomplete-input" placeholder="No., Street Address, Suburb, City" id="deliveryAddress_new" name="deliveryAddress_new"                           ng-model="deliveryAddress_new"                           ng-init="(checkoutPayment.orderOption == checkoutPayment.OrderClass.Delivery)? deliveryAddress_new = checkoutPayment.selectedUserAddress : deliveryAddress_new = \'None\'"                           ng-disabled="true"                           ng-change="checkoutPayment.customerAddress = \'\'" autocomplete="off" required>                    <input type="text"                           ng-model="deliveryAddress_new"                           ng-hide="true"                           id="hiddenAddressValue"                           name="hiddenAddressValue"                           ng-required="(checkoutPayment.customerAddress.length>0 && new_customer_checkout.deliveryAddress_new..$touched)" />                    <i class=" check-field fa fa-check-circle-o"                       ng-class="{ \'check-field-completed\' : new_customer_checkout.hiddenAddressValue.$valid && checkoutPayment.customerAddress.length>0 }"                       ng-if="!(checkoutPayment.customerAddress ==\'\' || new_customer_checkout.deliveryAddress_new.$error.required && new_customer_checkout.deliveryAddress_new.$touched)"><\/i>                    <i class="glyphicon glyphicon-exclamation-sign exclamation-mark"                       ng-if="checkoutPayment.customerAddress ==\'\' || new_customer_checkout.deliveryAddress_new.$error.required && new_customer_checkout.deliveryAddress_new.$touched"><\/i>                <\/p>                <p>                    <label for="email_new">Email <span>&#42;<\/span><\/label>                    <span class="messageContainer" ng-if="(new_customer_checkout.email_new.$invalid ) && new_customer_checkout.email_new.$touched">                        <label class="errorMessage" ng-if="(new_customer_checkout.email_new.$error.email || new_customer_checkout.email_new.$error.pattern|| new_customer_checkout.email_new.$error.maxlength) && new_customer_checkout.email_new.$touched">Invalid email.<\/label>                        <label class="errorMessage" ng-if="new_customer_checkout.email_new.$error.required && new_customer_checkout.email_new.$touched">Email must be entered.<\/label>                    <\/span>                    <input type="email" class="form-control" placeholder="Your email" id="email_new" name="email_new"                           ng-model="email_new"                           ng-disabled="checkoutPayment.CustomerInfo.hasOwnProperty(\'firstName\') && new_customer_checkout.email_new.$valid"                           ng-pattern="checkoutPayment.emailPattern"                           ng-maxlength="60"                           maxlength="60"                           required>                    <i class="check-field fa fa-check-circle-o"                       ng-class="{ \'check-field-completed\' : new_customer_checkout.email_new.$valid}"                       ng-if="!(new_customer_checkout.email_new.$invalid)"><\/i>                    <i class="glyphicon glyphicon-exclamation-sign exclamation-mark"                       ng-if="!new_customer_checkout.email_new.$valid && (new_customer_checkout.email_new.$touched )"><\/i>                <\/p>\t\t\t\t\t\t\t\t\t\t\t\t<!-- Stephen - no comments of pickup orders  -->\t\t\t\t    <p ng-show="checkoutPayment.orderOption == checkoutPayment.OrderClass.Delivery">\t\t\t\t<!--  <p> -->                    <label for="comment_new">Comment<\/label>                    <input type="text" class="form-control" placeholder="Your Comments (48 characters  max)" id="comment_new" name="comment_new" ng-model="Comments" maxlength="48" ng-maxlength="48"><\/input>                    <i class="glyphicon glyphicon-exclamation-sign exclamation-mark"                       ng-show="!new_customer_checkout.comment_new.$valid"><\/i>                <\/p>            <\/fieldset>            <h2>Payment type<\/h2>            <div class="check-item">                <p ng-click="checkoutPayment.choosePayment(paymentionOption.paymentTypeId)" ng-repeat="paymentionOption in checkoutPayment.paymentOptions" ga="[\'send\',\'event\',\'Checkout\',\'{{paymentionOption.paymentType}}\',\'Payment\']">                    <i class="fa fa-check-circle-o"                       ng-class="{ \'check-item-selected\': paymentionOption.paymentTypeId == checkoutPayment.selectedPaymentMethod }"><\/i>                    <span>{{paymentionOption.paymentType}}<\/span><span ng-if="paymentionOption.paymentTypeId == 2">(Fee {{checkoutPayment.mobileEFTPOSCharge | currency}})<\/span>                <\/p>            <\/div>                    <\/form>    <div class="modal-footer">        <button type="button" class="btn btn-canel-cta" data-dismiss="modal" ng-click="checkoutPayment.CancelCheckout()" ga="[\'send\',\'event\',\'Checkout\',\'Cancel\',\'Payment\']">Cancel<\/button>        <button type="submit" class="btn btn-checkout-buynow "                ng-click="new_customer_checkout.$valid && checkoutPayment.buyNow()"                ng-disabled="!new_customer_checkout.$valid"                ga="[\'send\', \'pageview\', \'/checkout/BuyNow\']">            Place My Order        <\/button>    <\/div>    <\/div><\/div>');n.put("partials/deal-detail.html",'<div class="container product-list deals-detail" data-ng-init="dealDetail.initialise()">    <div class="deals-loading-overlay bgloader"         ng-show="dealDetail.isloading">    <\/div>    <div class="deal-item" ng-show="dealDetail.isInitialised">        <h1>            ${{dealDetail.deal.dealPrice | number:2}} {{dealDetail.deal.title}}            <sup>                <a ng-click="dealDetail.cancelDeal()" ng-href="#">                    <span class="deal-close fa fa-times-circle-o deal-delete"><\/span>                <\/a>            <\/sup>        <\/h1>    <\/div>    <span class="dealssubhead"> {{dealDetail.deal.description}}<\/span>    <div class="deal-detail">        <accordion close-others="true">            <accordion-group ng-repeat="section in dealDetail.deal.steps" is-open="section.isOpen">                <accordion-heading>                    <h3 class="accordion-title" style="min-height:40px" ng-class="{\'open\': section.isOpen, \'selected\': section.selectedStepCount == section.totalStepCount}">                        <div style="  width: 92%;float: left;">                            <i class="check-field custom-check check-field-completed check-selected"                               ng-show="section.selectedStepCount == section.totalStepCount" style="padding-left:5px"><\/i>                            {{section.name}}                        <\/div>                        <i class="pull-right glyphicon" ng-class="{\'glyphicon-chevron-down\': section.isOpen, \'glyphicon-chevron-right\': !section.isOpen}" style="float:left"><\/i>                    <\/h3>                <\/accordion-heading>                <div class="row row-1">                    <div class="col-lg-3 col-sm-6 col-xs-12 product flip" ng-repeat="product in section.products" ng-class="{\'disabled\': !product.isSelected && section.selectedStepCount == section.totalStepCount}">                        <div class="deal-delete-popup-container" ng-if="product.isSelected && product.canShowRemoveButton">                            <div class="deal-delete-popup">                                <span class="btn-side-panel-close side-panel-close fa fa-times-circle-o deal-edit-button"                                      ng-click="dealDetail.removeProduct(product,section)"                                      ng-show="product.canShowRemoveButton"><\/span>                                <span class="glyphicon glyphicon-pencil deal-close-button"                                      ng-click="dealDetail.editCustomisedProduct(product)"                                      ng-show="product.productType == 1"><\/span>                            <\/div>                        <\/div>                        <p class="productType ng-hide">  {{product.productType}}<\/p>                        <rb-product-item b-item="product" is-deal="true">                            <a class="btn-customise"                               ng-href="#"                               ng-disabled="section.selectedStepCount == section.totalStepCount"                               ng-click="dealDetail.startCustomise(product)"                               ng-show="product.productType == 1" ga="[\'send\',\'event\',\'Menu\',\'Customise\',\'In-menu\']">                                Customise                            <\/a>                                        <a class="btn-quick-order btn-canel-cta btnaddtodeal btn btn-quick-order"                               ng-show="product.productType == 1"                               ng-disabled="section.selectedStepCount == section.totalStepCount"                               ng-click="dealDetail.addToDeal(product,section)" ga="[\'send\',\'event\',\'Menu\',\'Add Deal\',\'Deals\']">                                Add to deal                            <\/a>                            <a class="btn-quick-order btn-canel-cta btnaddtodeal btn btn-quick-order"                               ng-show="product.productType == 2"                               ng-disabled="section.selectedStepCount == section.totalStepCount"                               ng-click="dealDetail.addSideToDeal(product,section)" ga="[\'send\',\'event\',\'Menu\',\'Add Deal\',\'Deals\']">                                Add to deal                            <\/a>                        <\/rb-product-item>                    <\/div>                <\/div>            <\/accordion-group>        <\/accordion>    <\/div><\/div>');n.put("partials/cart-panel.html",'<div class="cart" ng-show="sidepanel.isButtonSelected(1)">    <h1>My Cart<\/h1>    <rb-cart-checkout><\/rb-cart-checkout>    <!-- #region Invoice -->    <table class="table cart-total">        <!-- #region Pizzas -->        <thead ng-show="cartpanel.data.hasPizza">            <tr>                <th colspan="5">Pizza<\/th>            <\/tr>        <\/thead>        <tbody ng-show="cartpanel.data.hasPizza"               ng-repeat="pizza in cartpanel.data.basketItems"               ng-if="pizza.productType==\'Pizza\'">            <tr>                <td><span class="fa fa-times" ng-click="cartpanel.removeProduct(pizza.basketItemId,pizza.description)" ng-if="!pizza.isOfferProduct" ga="[\'send\',\'event\',\'My Cart\',\'Remove Product\',\'In-cart\']"><\/span><\/td>                <td>{{ pizza.quantity }} <\/td>                <td><span href="#" title="" class="cart-item-name edit">{{ pizza.description | characters:15 :true }}<\/span><\/td>                <td><span class="fa fa-pencil edit" ng-click="cartpanel.editProduct(pizza,false)" ng-if="!pizza.isOfferProduct" ga="[\'send\',\'event\',\'Menu\',\'Customise\',\'In-cart\']"><\/span><\/td>                <td ng-if="!pizza.isOfferProduct">${{ pizza.lineTotal }}<\/td>            <\/tr>            <tr class="description">                <td><\/td>                <td><\/td>                <td colspan="3">                    <p ng-if="pizza.reference.length<=0" ng-repeat="item in pizza.basketItemCollection | filter: { configurationAlias : \'!Coverage\'}">{{ item.description }}<\/p>                    <p ng-if="pizza.reference.length>0">Customised<\/p>                <\/td>            <\/tr>        <\/tbody>        <!-- #endregion -->        <!-- #region Drinks -->        <thead ng-show="cartpanel.data.hasSides">            <tr>                <th colspan="5">Sides<\/th>            <\/tr>        <\/thead>        <tbody ng-show="cartpanel.data.hasSides"               ng-repeat="side in cartpanel.data.basketItems"               ng-if="side.productType==\'Sides\'">            <tr>                <td><span class="fa fa-times" ng-click="cartpanel.removeProduct(side.basketItemId,side.description)" ng-if="!side.isOfferProduct"><\/span><\/td>                <td>{{ side.quantity }}<\/td>                <td>{{ side.description | characters:17 :true }}<\/td>                <td>&nbsp;<\/td>                <td ng-if="!side.isOfferProduct">${{ side.lineTotal }}<\/td>            <\/tr>        <\/tbody>        <!-- #endregion -->        <!-- #region Offers -->        <thead ng-show="cartpanel.data.hasOffers">            <tr>                <th colspan="5">Deals<\/th>            <\/tr>        <\/thead>        <tbody ng-show="cartpanel.data.hasOffers"               ng-repeat="offer in cartpanel.data.basketItems"               ng-if="offer.productType==\'Offers\'">            <tr>                <td><span class="fa fa-times" ng-click="cartpanel.removeProduct(offer.basketItemId,offer.description)"><\/span><\/td>                <td>{{ offer.quantity }} <\/td>                <td><span class="cart-item-name edit">{{ offer.description | characters:17 :true }}<\/span><\/td>                <td><\/td>                <td>${{ offer.lineTotal }}<\/td>            <\/tr>            <tr class="description" ng-repeat="item in offer.basketItemCollection">                <td><\/td>                <td><\/td>                <td>                    <div class="basket-item">                        {{ item.description | characters:17 :true }}                    <\/div>                    <div class="inner-item" ng-repeat="innerItem in item.basketItemCollection | filter: { configurationAlias : \'!Coverage\'}">                        {{ innerItem.description }}                    <\/div>                <\/td>                <td><span class="fa fa-pencil edit" ng-if="item.productType==\'Pizza\'" ng-click="cartpanel.editProduct(item,true)"><\/span><\/td>                <td><\/td>            <\/tr>        <\/tbody>        <!-- #endregion -->        <tbody ng-show="cartpanel.data.deliveryChargeAmount > 0">            <tr class="delivery">                <td colspan="5">Delivery {{ cartpanel.data.deliveryChargeAmount | currency }}<\/td>            <\/tr>        <\/tbody>        <tbody><\/tbody>    <\/table>    <!-- #endregion -->    <!-- #region Voucher -->    <div class="voucher">        <div ng-show="!cartpanel.isVoucherApplied">            <label>Voucher<\/label>            <input type="text" class="form-control" placeholder="" ng-model="cartpanel.voucherCode">            <button type="button" class="btn-apply" ng-click="cartpanel.addvoucher()" ga="[\'send\',\'event\',\'My Cart\',\'Voucher Apply\',\'In-cart\']">                Apply            <\/button>        <\/div>    <\/div>    <div class="voucher-applied vocher-border">        <div class="voucher-panel">            <div class="pull-left voucher-remove">                <span class="fa fa-times" ng-click="cartpanel.removeVoucher()" ng-show="cartpanel.isVoucherApplied"><\/span>            <\/div>            <div class="pull-left voucher-description">                <label class="voucher-error vocher-padding">{{cartpanel.voucherMessage}}<\/label>                <label ng-if="cartpanel.voucherDiscountAmount !=0" ng-show="cartpanel.isVoucherApplied" class="pull-right">Your voucher: - {{ cartpanel.voucherDiscountAmount | currency }}<\/label>            <\/div>        <\/div>    <\/div>    <!-- #endregion -->    <!-- #region Promotion -->    <div class="upsell">        <!-- promo item with svg image and content -->        <rb-promo-item promo-style="happy-hour" promo-data="/Images/happy-hour.svg">            <h1>HAPPY HOUR<\/h1>            <p>Proin eget tortor risus. Vivamus magna justo, lacinia eget consectetur se.<\/p>            <a href="#/order" title="">Find out more<i class="fa fa-chevron-right"><\/i><\/a>        <\/rb-promo-item>    <\/div>    <!-- #endregion --><\/div><script>    $(\'table.table\').after($("rb-cart-checkout div.total").clone());<\/script>');n.put("partials/customize-panel.html",'<div class="customise-pizza" ng-show="sidepanel.isButtonSelected(2)" style="display: block; min-height: 300px;">        <div ng-show="vm.hasPizza">        <div  class="side-panel-close-allignment">            <h2 class="carttopping">{{ vm.mainProductName }}<\/h2>        <\/div>                <div class="total">            <p>Price per Pizza <span>${{ vm.data.price }}<\/span><\/p>        <\/div>        <div class="primary-cta" ng-show="!vm.isDeal">            <button type="button" class="btn btn-primary-cta btn-add-to-cart" ng-click="vm.completeOrder()" ga="[\'send\',\'event\',\'My Cart\',\'Update Cart\',\'In-cart\']">{{ vm.cartButtonLabel }}<\/button>            <button type="button" class="btn btn-canel-cta btn-cancel btn-reset-customise" ng-click="vm.cancelOrder()">Cancel<\/button>        <\/div>                <div class="primary-cta" ng-show="vm.isDeal">            <button type="button" class="btn btn-primary-cta btn-add-to-cart" ng-click="vm.completeCustomise()" ga="[\'send\',\'event\',\'My Cart\',\'Update Cart\',\'In-cart\']">{{ vm.cartButtonLabel }}<\/button>            <button type="button" class="btn btn-canel-cta btn-cancel btn-reset-customise" ng-click="vm.cancelOrder()">Cancel<\/button>        <\/div>        <div class="half-and-half">                            <table class="table select-pizza-options">                <tbody>                                    <tr ng-show="vm.data.isHalfAndHalf">                        <td><label>Section<\/label><\/td>                        <td>                            <select class="form-control "                                    ng-change="vm.changeSection()"                                    ng-model="vm.selectedSection"                                    ng-options="item as item.description for item in vm.data.sections"><\/select>                                    <\/td>                    <\/tr>                    <tr ng-show="vm.data.isHalfAndHalf">                        <td><label>Speciality<\/label><\/td>                        <td>                            <select class="form-control "                                    ng-change="vm.changeSpeciality()"                                    ng-model="vm.selectedSpeciality"                                    ng-options="item as item.title for item in vm.data.specialities"><\/select>                        <\/td>                    <\/tr>                    <tr ng-show="!vm.isDeal">                        <td><label for="Quantity">Quantity<\/label><\/td>                        <td>                            <select class="form-control "                                    ng-model="vm.quantity"                                    ng-options="item as item for item in vm.qyantityItems"><\/select>                        <\/td>                    <\/tr>                <tr>                    <td><label for="PizzaSize">Size<\/label><\/td>                    <td>                                                <select class="form-control "                                ng-model="vm.selectedSize"                                ng-change="vm.changeSize()"                                ng-options="item as item.description for item in vm.data.sizes"><\/select>                    <\/td>                <\/tr>                <tr>                <tr>                    <td><label for="PizzaSauce">Sauce<\/label><\/td>                    <td>                        <select class="form-control "                                ng-disabled="vm.data.isHalfAndHalf"                                ng-model="vm.selectedSauce"                                ng-change="vm.changeSauce()"                                ng-options="item as item.title for item in vm.data.defaultState.sauces"><\/select>                    <\/td>                <\/tr>                <tr>                    <td><label for="PizzaBase">Base<\/label><\/td>                    <td>                        <select class="form-control "                                ng-model="vm.selectedBase"                                ng-change="vm.changeBaseType()"                                    ng-options="item as item.title for item in vm.data.baseTypes"><\/select>                    <\/td>                <\/tr>            <\/tbody>        <\/table>        <div class="toppings-filter">            <h2>Current Toppings<\/h2>            <div class="extra-toppings">                                <button type="button"                        ng-disabled="vm.data.isHalfAndHalf"                        class="btn btn-selected btn-extra-topping"                        ng-click="vm.removeTopping(item.productToppingId, item.parentProductToppingGroupId)"                        ng-repeat="item in vm.data.defaultState.selectedToppings track by item.productToppingId">                    {{item.title}} +${{item.price}}                    <i class="fa fa-times" ng-hide="vm.data.isHalfAndHalf"><\/i>                <\/button>                                <span ng-show="vm.canselectExtraTopping"                      class="topping-lmit"> Reached the limit of maximum toppings.<\/span>            <\/div>                <div                     class="add-toppings-list"                     ng-hide="vm.data.isHalfAndHalf">                    <h2>Additional Toppings<\/h2>                    <select ng-disabled="vm.canChangeToppings"                            class="form-control "                            ng-model="vm.selectedTopping"                            ng-change="vm.addTopping(item.productToppingId, item.parentProductToppingGroupId)"                            ng-options="item as item.dropdownDisplay for item in vm.data.toppings"><option value="" disabled selected>- Select Your Topping -<\/option><\/select>            <\/div>        <\/div>            <div class="total">                <p>Price per Pizza <span>${{vm.data.price}}<\/span><\/p>            <\/div>            <div class="primary-cta" ng-show="!vm.isDeal">                <button type="button" class="btn btn-primary-cta btn-add-to-cart" ng-click="vm.completeOrder()">{{ vm.cartButtonLabel }}<\/button>                <button type="button" class="btn btn-canel-cta btn-cancel btn-reset-customise" ng-click="vm.cancelOrder()">Cancel<\/button>            <\/div>            <div class="primary-cta" ng-show="vm.isDeal">                <button type="button" class="btn btn-primary-cta btn-add-to-cart" ng-click="vm.completeCustomise()">{{ vm.cartButtonLabel }}<\/button>                <button type="button" class="btn btn-canel-cta btn-cancel btn-reset-customise" ng-click="vm.cancelOrder()">Cancel<\/button>            <\/div>        <div class="upsell">            <article class="promotion happy-hour">                <object type="image/svg+xml" data="/Images/happy-hour.svg" class="promotion-icon"><\/object>                <div>                    <h1>Happy hour<\/h1>                    <p>Proin eget tortor risus. Vivamus magna justo, lacinia eget consectetur se.<\/p>                    <a href="#" title="">Find out more<i class="fa fa-chevron-right"><\/i><\/a>                <\/div>            <\/article>        <\/div>        <\/div>        <\/div><\/div>    ');n.put("partials/right-hand-panel.html",'<!-- #region Right Hand Panel --><div class="side-panel-bg-overlay" ng-show="sidepanel.toggle" ng-click="sidepanel.closeCart(true)" ng-style="{\'height\': sidepanel.overLayheight}"><\/div><div class="side-panel" ng-class="{\'side-panel-open\': sidepanel.toggle}">    <!-- #region Side Panel -->    <div ng-show="sidepanel.isLoading" class="cart-loading-panel ">        <!--<i class="fa fa-refresh fa-spin fa-3x" style="color: white; display: table; margin: 120px auto auto;"><\/i>-->    <\/div>    <!-- #endregion -->    <!-- #region Tab Button -->    <div ng-hide="!sidepanel.isEnabled">        <span class="tab tab-cart" ng-click="!sidepanel.isEnabled && !sidepanel.isButtonSelected(2) || sidepanel.selectButton(1)" ng-class="{\'tab-selected\': sidepanel.isButtonSelected(1) || sidepanel.isButtonSelected(2)}">            <img ng-src="{{sidepanel.ItemsInCart}}" class="side-panel-icon-selected " alt="my cart"  />                   <\/span>        <span class="tab tab-customise-pizza" ng-click="!sidepanel.isEnabled || sidepanel.selectButton(2)" ng-class="{\'tab-selected\': sidepanel.isButtonSelected(2)}">            <img ng-src="/Images/icon-customise.svg" class="side-panel-icon" alt="customise button" />        <\/span>    <\/div>    <!-- #endregion -->    <!-- #region MyCart Panel -->    <div class="pull-right">        <span class="btn-side-panel-close side-panel-close fa fa-times-circle-o" ng-click="sidepanel.closePanel(true)"><\/span>    <\/div>    <rb-cart-panel><\/rb-cart-panel>    <!-- #endregion -->    <!-- #region Customize Panel -->    <rb-customize-panel><\/rb-customize-panel>    <!-- #endregion --><\/div><!-- #endregion -->');n.put("partials/order-menu-section-count.html",'<span ng-if="orderMenuSectionCount.productsCount >0">{{orderMenuSectionCount.productsCount}}<\/span>');n.put("partials/order-menu-tab.html",'<!--<div class="container product-filter-dropdown">    <select ng-model="orderMenuTab.section" ng-change="orderMenuTab.selectSection(orderMenuTab.section)">        <option value="pizzas">Pizzas<\/option>        <option value="new-products">New<\/option>        <option value="deals">Deals<\/option>        <option value="sides">Sides<\/option>        <option value="favourites">My Favourites<\/option>    <\/select><\/div>--><div class="container product-filter">    <div>        <button class="btn btn-filter btn-info btn-filter-pizzas" ng-class="{\'filter-active\': orderMenuTab.isSelected(\'pizzas\')}" ng-click="orderMenuTab.selectSection(\'pizzas\')">Pizzas<\/button>        <button ng-href="#" class="btn btn-filter btn-info btn-filter-new" ng-class="{\'filter-active\': orderMenuTab.isSelected(\'new-products\')}" ng-click="orderMenuTab.selectSection(\'new-products\')">XL Legends <rb-order-menu-section-count product-section="newproducts"><\/rb-order-menu-section-count><\/button>        <button ng-href="#" class="btn btn-filter btn-info btn-filter-deals" ng-class="{\'filter-active\': orderMenuTab.isSelected(\'deals\') || orderMenuTab.isSelected(\'deal-detail\')}" ng-click="orderMenuTab.selectSection(\'deals\')">Deals<\/button>        <button ng-href="#" class="btn btn-filter btn-info btn-filter-sides" ng-class="{\'filter-active\': orderMenuTab.isSelected(\'sides\')}" ng-click="orderMenuTab.selectSection(\'sides\')">Sides & Desserts<\/button>        <!--<button type="button" class="btn btn-filter btn-info btn-filter-favourites" ng-class="{\'filter-active\': order.isSelected(\'favourites\')}" ng-click="order.selectSection(\'favourites\')">My Favourites<\/button>-->    <\/div><\/div><!-- List Pizza --><section ng-if="orderMenuTab.isSelected(\'pizzas\')"><rb-product-list header-class="product-list-header" header-title="Pizzas" product-tab="pizzas" has-filter="true" has-title="true"><\/rb-product-list><\/section><!-- List What\'s New --><section ng-if="orderMenuTab.isSelected(\'new-products\')"><rb-product-list header-class="product-list-header" header-title="What\'s New" product-tab="newproducts" has-title="true"><\/rb-product-list><\/section><!-- List Deals --><section ng-if="orderMenuTab.isSelected(\'deals\')">    <rb-order-sub-menu section-name="deals" left-caption="Pick Up deals"                       right-caption="Delivery deals"                       left-url="pickup"                       right-url="delivery">        <span name="title-container">Choose your <span class="alternate">PICK UP<\/span> or <span class="alternate">DELIVERY<\/span> deal<\/span>        <div name="left-content">            <rb-product-list header-class="product-list-header-no-border-bg" header-title="Pickup Deals" product-tab="dealCollection" is-nested="true"><\/rb-product-list>        <\/div>        <div name="right-content">            <rb-product-list header-class="product-list-header-no-border-bg" header-title="Delivery Deals" product-tab="dealDelivery" is-nested="true"><\/rb-product-list>        <\/div>    <\/rb-order-sub-menu><\/section><!--<section ng-if="orderMenuTab.isSelected(\'deals\')">    <rb-product-list header-class="product-list-header" header-title="Choose your meal deal" product-tab="dealCollection" has-title="true"><\/rb-product-list><\/section>--><!-- List Sides --><section ng-if="orderMenuTab.isSelected(\'sides\')"><rb-order-sub-menu section-name="sides" left-caption="Food & Sauces"                   right-caption="Drink"                   left-url="foodandsauces"                   right-url="drinks">    <span name="title-container" class="alternate">Choose your sides<\/span>    <div name="left-content" class="sides-accordion-padding">        <rb-product-list header-class="product-list-header-no-border-bg sidestitle" header-title="Foods and Sauces" product-tab="sidesFoodsAndSauces" is-nested="true"><\/rb-product-list>    <\/div>    <div name="right-content" class="sides-accordion-padding">        <rb-product-list header-class="product-list-header-no-border-bg sidestitle" header-title="Drinks" product-tab="sidesDrinks" is-nested="true"><\/rb-product-list>    <\/div><\/rb-order-sub-menu><\/section><!-- End Product List --><!-- Deal details section --><section ng-if="orderMenuTab.isSelected(\'deal-detail\')"><rb-deal-detail><\/rb-deal-detail><\/section>');n.put("partials/order-menu.html",'<div class="container product-filter-dropdown">    <select ng-model="orderMenuTab.section" ng-change="orderMenuTab.selectSection(orderMenuTab.section)">        <option value="pizzas">Pizzas<\/option>        <option value="new-products">New<\/option>        <option value="deals">Deals<\/option>        <option value="sides">Sides<\/option>        <!--<option value="favourites">My Favourites<\/option>-->    <\/select><\/div><div class="container product-filter">    <div>        <button type="button" class="btn btn-filter btn-info btn-filter-pizzas" ng-class="{\'filter-active\': orderMenuTab.isSelected(\'pizzas\')}" ng-click="orderMenuTab.selectSection(\'pizzas\')">Pizzas<\/button>        <button type="button" class="btn btn-filter btn-info btn-filter-new" ng-class="{\'filter-active\': orderMenuTab.isSelected(\'new-products\')}" ng-click="orderMenuTab.selectSection(\'new-products\')">New <rb-order-menu-section-count product-section="newproducts"><\/rb-order-menu-section-count><\/button>        <button type="button" class="btn btn-filter btn-info btn-filter-deals" ng-class="{\'filter-active\': orderMenuTab.isSelected(\'deals\') || orderMenuTab.isSelected(\'deal-detail\')}" ng-click="orderMenuTab.selectSection(\'deals\')">Deals<\/button>        <button type="button" class="btn btn-filter btn-info btn-filter-sides" ng-class="{\'filter-active\': orderMenuTab.isSelected(\'sides\')}" ng-click="orderMenuTab.selectSection(\'sides\')">Sides<\/button>        <!--<button type="button" class="btn btn-filter btn-info btn-filter-favourites" ng-class="{\'filter-active\': order.isSelected(\'favourites\')}" ng-click="order.selectSection(\'favourites\')">My Favourites<\/button>-->    <\/div><\/div>');n.put("partials/order-sub-menu.html",'<div class="container order-sub-menu" ng-multi-transclude-controller>    <div class="order-sub-menu-border">        <h1 ng-multi-transclude="title-container"><\/h1>        <!-- Show drop down in mobile view. -->        <!--<select class="type-selector" ng-model="orderSubMenu.selectedType" ng-change="orderSubMenu.load(orderSubMenu.selectedType)">            <option value="left">{{leftCaption}}<\/option>            <option value="right">{{rightCaption}}<\/option>        <\/select>-->        <!-- Shown as full tabs in desktop view, and shown as single tab in mobile view. -->        <tabset class="type-spliter" justified="true">            <tab active="orderSubMenu.isLeftTabActive" ng-click="orderSubMenu.load(\'left\',true)">                <tab-heading>                    {{leftCaption}}                <\/tab-heading>                <div ng-multi-transclude="left-content"><\/div>            <\/tab>            <tab active="orderSubMenu.isRightTabActive" ng-click="orderSubMenu.load(\'right\',true)" >                <tab-heading>                    {{rightCaption}}                <\/tab-heading>                <div ng-multi-transclude="right-content"><\/div>            <\/tab>        <\/tabset>    <\/div><\/div>');n.put("partials/footer.html",'<!-- Footer Component --><div class="wrapper-footer">    <footer>        <div class="container footer-mobile-padding">            <div class="pull-right  backtotop-border-bottom row row-1 margin-left-zero footer-backtotop"><a ng-click="backToTop()" href="" class="back-to-top homepage-footer-margin">Top <i class="fa fa-chevron-up"><\/i><\/a><\/div>        <\/div>        <div class="container footer-mobile-padding">            <!-- Footer Row 1 -->            <div class="row row-1 footer-row-1">                <div class="col-sm-12 col-xs-12 col-md-3 col-lg-3">                    <div class="say-hello">                        <span>Get Social:<\/span>                        <a href="https://www.facebook.com/pizzahutnz" title="Connect on Facebook" ga="[\'send\',\'event\',\'Footer\',\'{{footer.eventTrackingAction}}\',\'Facebook\']" class="fa fa-facebook-square" target="_blank"><\/a>                        <a href="https://www.instagram.com/pizzahutnz/" title="Connect on Instagram" ga="[\'send\',\'event\',\'Footer\',\'{{footer.eventTrackingAction}}\',\'Instagram\']" class="fa fa-instagram" target="_blank"><\/a>                        <a href="https://www.youtube.com/nzpizzahut" title="Connect on YouTube" ga="[\'send\',\'event\',\'Footer\',\'{{footer.eventTrackingAction}}\',\'YouTube\']" class="fa fa-youtube" target="_blank"><\/a>                    <\/div>                <\/div>                <div class="col-sm-12 col-xs-12 col-md-12 col-lg-9 margin-top-getoffer">                    <form action="" method="post" id="mc-embedded-subscribe-form" name="subscribeform" novalidate ng-submit="subscribeform.$valid && subscribeform.SubscribeClick()">                        <div class="get-offers clearfix">                            <div class="col-sm-12 col-md-2 clearfix form-control-wrap offer-label">                                <span class="getdeal">Get Deals: <\/span>                            <\/div>                            <div class="col-sm-12 col-md-3 clearfix form-control-wrap">                                <span class="invalidemailerror Mailchimpemail" ng-if="(subscribeform.FNAME.$invalid && subscribeform.FNAME.$dirty) || subscribeform.FNAME.$touched">                                    <span class="errorMessage Mailchimpemail" ng-if="subscribeform.FNAME.$error.required">Enter first name.<\/span>                                <\/span>                                <input type="text" value="" name="FNAME" class="form-control" id="mce-FNAME" placeholder="First name" ng-model="footer.model.FNAME" required>                                <!--<input type="text" class="form-control" id="mce-FNAME" placeholder="First name" ng-model="footer.model.FNAME" name="FNAME" required>-->                            <\/div>                            <div class="col-sm-12 col-md-3 clearfix form-control-wrap">                                <span class="invalidemailerror Mailchimpemail" ng-if="(subscribeform.LNAME.$invalid && subscribeform.LNAME.$dirty) || subscribeform.LNAME.$touched">                                    <span class="errorMessage Mailchimpemail" ng-if="subscribeform.LNAME.$error.required">Enter last name.<\/span>                                <\/span>                                <input type="text" value="" name="LNAME" class="form-control" id="mce-LNAME" placeholder="Last name" ng-model="footer.model.LNAME" required>                                <!--<input type="text" class="form-control" id="mce-lname" placeholder="Last name" ng-model="footer.model.LNAME" name="LNAME" required>-->                            <\/div>                            <div class="col-sm-12 col-md-3 clearfix form-control-wrap">                                <span class="invalidemailerror Mailchimpemail" ng-if="(subscribeform.EMAIL.$invalid && subscribeform.EMAIL.$dirty) || subscribeform.EMAIL.$touched">                                    <span class="errorMessage invalid-email-span Mailchimpemail" ng-if="subscribeform.EMAIL.$error.email || subscribeform.EMAIL.$error.pattern">Invalid email.<\/span>                                    <span class="errorMessage invalid-email-span Mailchimpemail" ng-if="subscribeform.EMAIL.$error.required">Enter email.<\/span>                                <\/span>                                <input type="email" value="" name="EMAIL" id="mce-EMAIL" class="form-control" placeholder="Email" ng-model="footer.model.EMAIL" required>                                <!--<input type="text" class="form-control " placeholder="email" name="LNAME" ng-pattern="footer.emailPattern" ng-model="footer.model.EMAIL" id="mce-EMAIL" required>-->                            <\/div>                            <div class="col-sm-12 col-md-1 clearfix form-control-wrap">                                <input type="submit" value="Sign up" name="subscribe" id="mc-embedded-subscribe" class="btn btn-quick-order pull-left" ng-disabled="subscribeform.$invalid" ng-click="footer.SubscribeClick($event)" ga="[\'send\',\'event\',\'Forms\',\'{{footer.eventTrackingAction}}\',\'Signup\']">                                <!--<input type="submit" name="Sign up" value="Sign up" id="mc-embedded-subscribe" class="btn btn-quick-order pull-left" ng-disabled="subscribeform.$invalid">--> <!--ng-click="footer.SubscribeClick($event)"-->                            <\/div>                        <\/div>                    <\/form>                <\/div>            <\/div>            <!-- Footer Row 2 -->            <div class="row row-1 footer-row-2">                <ul>                    <li>&copy; 2015 Pizza Hut<\/li>                <\/ul>                <ul>                    <li><a target="_self" href="/locations/index.html" ga="[\'send\',\'event\',\'Footer\',\'{{footer.eventTrackingAction}}\',\'Stores\']">Store list<\/a><\/li>                    <li><a target="_self" href="/nutritional-info.html" ga="[\'send\',\'event\',\'Footer\',\'{{footer.eventTrackingAction}}\',\'Nutrition\']">Nutrition<\/a><\/li>                    <li><a target="_self" href="/allergen-info.html" ga="[\'send\',\'event\',\'Footer\',\'{{footer.eventTrackingAction}}\',\'Allergens\']">Allergens<\/a><\/li>                    <li><a href="http://www.servingupthefuture.co.nz/pizza-hut/work-with-us" ga="[\'send\',\'event\',\'Footer\',\'{{footer.eventTrackingAction}}\',\'Work with us\']">Work with us<\/a><\/li>                    <li><a target="_self" href="/franchising" ga="[\'send\',\'event\',\'Footer\',\'{{footer.eventTrackingAction}}\',\'Franchising\']">Franchising<\/a><\/li>                    <li><a target="_self" href="/about-us" ga="[\'send\',\'event\',\'Footer\',\'{{footer.eventTrackingAction}}\',\'About us\']">About us<\/a><\/li>                    <li><a target="_self" href="https://gem.desk.com/?b_id=13881" ga="[\'send\',\'event\',\'Footer\',\'{{footer.eventTrackingAction}}\',\'FAQ\']">FAQ<\/a><\/li>                    <li><a target="_self" href="https://gem.desk.com/customer/portal/emails/new?b_id=13881  " ga="[\'send\',\'event\',\'Footer\',\'{{footer.eventTrackingAction}}\',\'Contact us\']">Contact us<\/a><\/li>                    <li><a target="_self" href="/privacy-policy" ga="[\'send\',\'event\',\'Footer\',\'{{footer.eventTrackingAction}}\',\'Privacy policy\']">Privacy policy<\/a><\/li>                    <li><a target="_self" href="/terms-and-conditions" ga="[\'send\',\'event\',\'Footer\',\'{{footer.eventTrackingAction}}\',\'Terms & conditions\']">Terms &amp; conditions<\/a><\/li>                    <li><a target="_blank" href="http://www.restaurantbrands.co.nz" ga="[\'send\',\'event\',\'Footer\',\'{{footer.eventTrackingAction}}\',\'Restaurant brands\']">Restaurant Brands<\/a><\/li>                <\/ul>            <\/div>        <\/div>    <\/footer><\/div>');n.put("partials/burger-menu.html",'<p class="welcome-back burgermenu-username" ng-if="burgermenu.model.isLoggedIn">    <a target="_self" href="/myaccount">        Welcome back<br />        <span class="usernamewrap">            {{burgermenu.model.customername | formattedusername:20 :true }}        <\/span>    <\/a><\/p><ul style="clear:both">    <li class="burger-title">        <p> Menu<\/p>    <\/li>    <li ng-click="selectSection(\'pizzas\')">        <a>Pizza<\/a>        <i class="pull-right fa fa-angle-right" />    <\/li>    <li ng-click="selectSection(\'new-products\')">        <a>XL Legends Range<\/a>        &nbsp;        <span class="display-num" ng-if="burgermenu.model.newProductCount >0"> {{burgermenu.model.newProductCount}}<\/span>        <i class="pull-right fa fa-angle-right" />    <\/li>    <li ng-class="{\'opened\' : burgermenu.model.isDealOpened}">        <accordion close-others="oneAtATime">            <accordion-group is-open="status.open">                <accordion-heading>                    <h3 ng-click="DealOpened()">                        <span class="accordion-title">                            Deals                        <\/span>                        <i class="pull-right fa" ng-class="{\'fa fa-angle-up\': status.open, \'fa fa-angle-down\': !status.open}"><\/i>                    <\/h3>                <\/accordion-heading>                <div ng-click="subMenu(\'deals\',\'pickup\')" class="submenu-height">                    <a class="paddingbottom">Pickup deals<\/a>                    <i class="pull-right fa fa-angle-right" />                <\/div>                <div ng-click="subMenu(\'deals\',\'delivery\')" class="submenu-item-padding">                    <a class="paddingbottom">Delivery deals<\/a>                    <i class="pull-right fa fa-angle-right" />                <\/div>            <\/accordion-group>        <\/accordion>    <\/li>    <!--<li ng-click="selectSection(\'deals\')">        <a>Deals<\/a>        <i class="pull-right fa fa-angle-right" />    <\/li>-->    <li style="border-bottom:none" class="no-close">        <accordion close-others="oneAtATime">            <accordion-group is-open="status.open">                <accordion-heading>                    <h3>                        <span class="accordion-title">                            Sides & Desserts                        <\/span>                        <i class="pull-right fa" ng-class="{\'fa fa-angle-up\': status.open, \'fa fa-angle-down\': !status.open}"><\/i>                    <\/h3>                <\/accordion-heading>                <div ng-click="subMenu(\'sides\',\'foodandsauces\')" class="submenu-height">                    <a class="paddingbottom">Food & Sauces<\/a>                    <i class="pull-right fa fa-angle-right" />                <\/div>                <div ng-click="subMenu(\'sides\',\'drinks\')" class="submenu-item-padding">                    <a class="paddingbottom">Drink<\/a>                    <i class="pull-right fa fa-angle-right" />                <\/div>            <\/accordion-group>        <\/accordion>    <\/li>    <li class="menu-item stores-menu textcolor bottom-link">        <a target="_self" href="#" ng-click="burgermenu.trackAndRedirect(\'/locations/index.html\',\'Footer\',\'Stores\',\'Stores\')">Stores <\/a>    <\/li>    <li class="menu-item textcolor bottom-link" ng-show="!burgermenu.model.isLoggedOut" data-toggle="modal" data-target="#login-dialog" ng-click="loadSpecialMenu()">Login <\/li>    <li class="menu-item textcolor bottom-link" ng-show="burgermenu.model.isLoggedIn" ng-click="burgermenu.onLogOut()">Logout <\/li><\/ul>');n.put("partials/header.html",'<!-- Header Component --><a id="top"><\/a><div class="navbar-wrapper navbar-wrapper-position-one">    <div class="container">        <div class="navbar navbar-inverse navbar-static-top" role="navigation">            <div class="container">                <div class="navbar-header">                    <button type="button" class="navbar-toggle collapsed navbar-toggle-open menuicon" ng-click="$spMenu.toggle()" >                        <span class="sr-only">Toggle navigation<\/span>                        <span class="icon-bar"><\/span>                        <span class="icon-bar"><\/span>                        <span class="icon-bar"><\/span>                        <span class="menuicon-name">MENU<\/span>                    <\/button>                    <button type="button" class="navbar-toggle collapsed navbar-toggle-closed hide" ng-click="$spMenu.toggle()" style="float:left">                        <span class="glyphicon glyphicon-remove"><\/span>                        <div class="menuicon-close-name">MENU<\/div>                    <\/button>                    <a class="navbar-brand" href="/" target="_self">                        <img src="/Images/pizza-hut-logo.png" alt="Pizza Hut Logo" class="img-responsive" />                    <\/a>                <\/div>                <div class="navbar-collapse collapse">                    <!--Navigation List -->                    <ul class="nav navbar-nav">                        <li><a href="/order/pizzas" target="_self" title="menu">MENU<\/a><\/li>                        <li class="separator">|<\/li>                        <li><a href="/order/deals" target="_self">Deals<\/a><\/li>                        <li class="separator">|<\/li>                        <li><a target="_self" href="#" ng-click="header.trackAndRedirect(\'/locations/index.html\',\'Footer\',\'Stores\',\'Stores\')">Stores<\/a><\/li>\t\t\t\t\t\t<li class="separator">|<\/li>\t\t\t\t\t\t                        <li><a href="/franchising" target="_self">franchising<\/a><\/li>                    <\/ul>                    <!--  user welcome component -->                    <rb-welcome-user><\/rb-welcome-user>                <\/div>            <\/div>        <\/div>    <\/div><\/div>');n.put("partials/hero.html",'<!-- Hero block --><div class="{{containerClass}} hero">    <div class="container deal-container" ng-show="{{showDeal}}">        <!-- Deal widget blocks -->        <rb-deal-widget><\/rb-deal-widget>    <\/div>    <img preload-image ng-src="/Images/pizza-img-3.jpg" default-image="/Images/pizza-img-3.jpg" fallback-image="/Images/pizza-img-3.jpg" class="img-hero-responsive bgloader" alt="Placeholder image" /><\/div>');n.put("partials/create-login.html",'<div class="modal fade" id="register-dialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">    <div class="modal-dialog">        <div class="modal-content create-login">            <div ng-show="createLogin.isLoading" class="cart-loading-panel">                <i class="fa fa-refresh fa-spin fa-3x" style="color: white;"><\/i>            <\/div>            <div class="modal-header">                <button type="button" class="close" data-dismiss="modal" ng-click="createLogin.onClose()"><span aria-hidden="true" class="fa fa-times-circle-o"><\/span><\/button>                <h1>Create a login<\/h1>            <\/div>            <div id="register-form-body" class="modal-body">                <p class="modal-error-message" ng-show="createLogin.model.isDisplayErrorMessage">{{ createLogin.model.errorMessage }}<\/p>                <form id="form_create_login" name="form_create_login" ng-submit="createLogin.onSubmit()" ng-init="createLogin.onLoaded()" novalidate>                    <fieldset>                        <legend>Create a login<\/legend>                        <!--First Name-->                        <div>                            <label for="CreateLoginFirstName">First name<span>*<\/span><\/label>                            <span class="messageContainer" ng-if="(form_create_login.CreateLoginFirstName.$invalid && form_create_login.CreateLoginFirstName.$dirty) || form_create_login.CreateLoginFirstName.$touched">                                <label class="errorMessage" ng-if="form_create_login.CreateLoginFirstName.$error.required">First name must be entered.<\/label>                                <label class="errorMessage" ng-if="form_create_login.CreateLoginFirstName.$error.maxlength">Invalid first name.<\/label>                            <\/span>                            <input type="text" class="form-control" placeholder="Your first name" id="CreateLoginFirstName" name="CreateLoginFirstName" ng-model="createLogin.model.firstName"                                   ng-maxlength="64" maxlength="64" required>                            <i class="check-field fa fa-check-circle-o"                               ng-class="{ \'check-field-completed\' : form_create_login.CreateLoginFirstName.$valid}"                               ng-if="!(form_create_login.CreateLoginFirstName.$invalid && (form_create_login.CreateLoginFirstName.$touched || form_create_login.CreateLoginFirstName.$dirty))"><\/i>                            <i class="glyphicon glyphicon-exclamation-sign exclamation-mark"                               ng-if="!form_create_login.CreateLoginFirstName.$valid && (form_create_login.CreateLoginFirstName.$touched || form_create_login.CreateLoginFirstName.$dirty)"><\/i>                        <\/div>                        <!--Last Name-->                        <div>                            <label for="CreateLoginLastName">Last name<span>*<\/span><\/label>                            <span class="messageContainer" ng-if="(form_create_login.CreateLoginLastName.$invalid && form_create_login.CreateLoginLastName.$dirty) || form_create_login.CreateLoginLastName.$touched">                                <label class="errorMessage" ng-if="form_create_login.CreateLoginLastName.$error.required">Last name must be entered.<\/label>                                <label class="errorMessage" ng-if="form_create_login.CreateLoginLastName.$error.maxlength">Invalid last name.<\/label>                            <\/span>                            <input type="text" class="form-control" placeholder="Your last name" id="CreateLoginLastName" name="CreateLoginLastName" ng-model="createLogin.model.lastName"                                   ng-maxlength="64" maxlength="64" required>                            <i class="check-field fa fa-check-circle-o"                               ng-class="{ \'check-field-completed\' : form_create_login.CreateLoginLastName.$valid}"                               ng-if="!(form_create_login.CreateLoginLastName.$invalid && (form_create_login.CreateLoginLastName.$touched || form_create_login.CreateLoginLastName.$dirty))"><\/i>                            <i class="glyphicon glyphicon-exclamation-sign exclamation-mark"                               ng-if="!form_create_login.CreateLoginLastName.$valid && (form_create_login.CreateLoginLastName.$touched || form_create_login.CreateLoginLastName.$dirty)"><\/i>                        <\/div>                        <!--Phone-->                        <div>                            <label for="CreateLoginPhone">Phone<span>*<\/span><\/label>                            <span class="messageContainer" ng-if="(form_create_login.CreateLoginPhone.$invalid && form_create_login.CreateLoginPhone.$dirty) || form_create_login.CreateLoginPhone.$touched">                                <label class="errorMessage" ng-if="form_create_login.CreateLoginPhone.$error.required">Phone number must be entered.<\/label>                                <label class="errorMessage"                                       ng-if="form_create_login.CreateLoginPhone.$error.minlength || form_create_login.CreateLoginPhone.$error.maxlength || form_create_login.CreateLoginPhone.$error.pattern">                                    Invalid phone.                                <\/label>                            <\/span>                            <input type="text" class="form-control" placeholder="Your phone number" id="CreateLoginPhone" name="CreateLoginPhone" ng-model="createLogin.model.phone"                                   ng-minlength="8" ng-maxlength="25" maxlength="25"                                   ng-pattern="createLogin.nzPhonePattern" required>                            <i class="check-field fa fa-check-circle-o"                               ng-class="{ \'check-field-completed\' : form_create_login.CreateLoginPhone.$valid}"                               ng-if="!(form_create_login.CreateLoginPhone.$invalid && (form_create_login.CreateLoginPhone.$touched || form_create_login.CreateLoginPhone.$dirty))"><\/i>                            <i class="glyphicon glyphicon-exclamation-sign exclamation-mark"                               ng-if="!form_create_login.CreateLoginPhone.$valid && (form_create_login.CreateLoginPhone.$touched || form_create_login.CreateLoginPhone.$dirty)"><\/i>                        <\/div>                        <!--Address-->                        <div>                            <label for="CreateLoginAddress1">Your address<span>*<\/span><\/label>                            <div class="addressHelperText">                                <span>Address format: Flat no. or Unit no. or Building no., Street Address, Suburb, City. <\/span>                                <i class="fa fa-info-circle" data-toggle="tooltip" rb-display-tooltip data-placement="top" data-html="true" data-original-title="<b>ADDRESS EXAMPLES<\/b><ul><li>5/666 Great South Road, Penrose, Auckland<\/li><li>Unit 3, 666 Great South Road, Penrose, Auckland<\/li><\/ul>"><\/i>                            <\/div>                            <label class="errorMessage" ng-if="form_create_login.hiddenAddressValue.$invalid && form_create_login.CreateLoginAddress1.$dirty">Invalid Address.<\/label>                            <label class="errorMessage"                                   ng-if="form_create_login.CreateLoginAddress1.$invalid && (form_create_login.CreateLoginAddress1.$touched || form_create_login.CreateLoginAddress1.$dirty)">                                Address must be entered.                            <\/label>                            <input type="text" class="form-control ui-autocomplete-input" placeholder="No., Street Address, Suburb, City" id="CreateLoginAddress1" name="CreateLoginAddress1"                                   ng-model="createLogin.model.customerAddressWorking"                                   typeahead="address for address in createLogin.onAddressFind()"                                   typeahead-min-length="3"                                   typeahead-wait-ms="150"                                   typeahead-on-select="createLogin.onAddressSelected($item, $model, $label)"                                   ng-class="{ \'ng-invalid-typeahead\' :form_create_login.hiddenAddressValue.$invalid && form_create_login.CreateLoginAddress1.$dirty}"                                   ng-change="createLogin.model.customerAddress = \'\'" autocomplete="off" required>                            <input type="text"                                   ng-model="createLogin.model.customerAddress"                                   ng-hide="true"                                   id="hiddenAddressValue"                                   name="hiddenAddressValue"                                   ng-required="(createLogin.model.customerAddressWorking.length>0                                   && form_create_login.CreateLoginAddress1.$dirty)" />                            <i class=" check-field fa fa-check-circle-o"                               ng-class="{ \'check-field-completed\' : form_create_login.hiddenAddressValue.$valid && createLogin.model.customerAddressWorking.length>0 && !form_create_login.CreateLoginPhone.$error.required }"                               ng-if="!(form_create_login.hiddenAddressValue.$invalid && (form_create_login.CreateLoginAddress1.$touched || form_create_login.CreateLoginAddress1.$dirty) ||                                        form_create_login.CreateLoginAddress1.$error.required && (form_create_login.CreateLoginAddress1.$touched || form_create_login.CreateLoginAddress1.$dirty))"><\/i>                            <i class="glyphicon glyphicon-exclamation-sign exclamation-mark"                               ng-if="!form_create_login.hiddenAddressValue.$valid && (form_create_login.CreateLoginAddress1.$touched || form_create_login.CreateLoginAddress1.$dirty) ||                                        form_create_login.CreateLoginAddress1.$error.required && (form_create_login.CreateLoginAddress1.$touched || form_create_login.CreateLoginAddress1.$dirty)"><\/i>                        <\/div>                        <!--Email-->                        <div>                            <label for="CreateLoginEmail1">Email<span>*<\/span><\/label>                            <span class="messageContainer" ng-if="(form_create_login.CreateLoginEmail1.$invalid && form_create_login.CreateLoginEmail1.$dirty) || form_create_login.CreateLoginEmail1.$touched">                                <label class="errorMessage" ng-if="form_create_login.CreateLoginEmail1.$error.email || form_create_login.CreateLoginEmail1.$error.pattern|| form_create_login.CreateLoginEmail1.$error.maxlength">Invalid email.<\/label>                                <label class="errorMessage" ng-if="form_create_login.CreateLoginEmail1.$error.required">Email must be entered.<\/label>                            <\/span>                            <input type="email" class="form-control" placeholder="Your email" id="CreateLoginEmail1" name="CreateLoginEmail1"                                   ng-model="createLogin.model.email"                                   ng-model-options="{allowInvalid: true}"                                   ng-pattern="createLogin.emailPattern"                                   ng-maxlength="60"                                   maxlength="60"                                   required>                            <i class="check-field fa fa-check-circle-o"                               ng-class="{ \'check-field-completed\' : form_create_login.CreateLoginEmail1.$valid}"                               ng-if="!(form_create_login.CreateLoginEmail1.$invalid && (form_create_login.CreateLoginEmail1.$touched || form_create_login.CreateLoginEmail1.$dirty))"><\/i>                            <i class="glyphicon glyphicon-exclamation-sign exclamation-mark"                               ng-if="!form_create_login.CreateLoginEmail1.$valid && (form_create_login.CreateLoginEmail1.$touched || form_create_login.CreateLoginEmail1.$dirty)"><\/i>                        <\/div>                        <!--Password-->                        <div>                            <label for="CreatePassword1">Password<span>*<\/span><\/label>                            <span class="messageContainer" ng-if="(form_create_login.CreatePassword1.$invalid && form_create_login.CreatePassword1.$dirty) || form_create_login.CreatePassword1.$touched">                                <label class="errorMessage" ng-if="form_create_login.CreatePassword1.$error.required">Password must be entered.<\/label>                                <label class="errorMessage" ng-if="form_create_login.CreatePassword1.$error.minlength || form_create_login.CreatePassword1.$error.maxlength || form_create_login.CreatePassword1.$error.pattern">                                    Invalid password.                                <\/label>                            <\/span>                            <input type="password" class="form-control" placeholder="Password" id="CreatePassword1" name="CreatePassword1" ng-model="createLogin.model.password"                                   ng-pattern="createLogin.passwordPattern"                                   ng-minlength="6" ng-maxlength="39" maxlength="39" required>                            <i class="check-field fa fa-check-circle-o"                               ng-class="{ \'check-field-completed\' : form_create_login.CreatePassword1.$valid}"                               ng-if="!(form_create_login.CreatePassword1.$invalid && (form_create_login.CreatePassword1.$touched || form_create_login.CreatePassword1.$dirty))"><\/i>                            <i class="glyphicon glyphicon-exclamation-sign exclamation-mark"                               ng-if="!form_create_login.CreatePassword1.$valid && (form_create_login.CreatePassword1.$touched || form_create_login.CreatePassword1.$dirty)"><\/i>                        <\/div>                        <!--Repeat Password-->                        <div>                            <label for="CreatePassword2">Repeat password<span>*<\/span><\/label>                            <span class="messageContainer" ng-if="(form_create_login.CreatePassword2.$invalid && form_create_login.CreatePassword2.$dirty) || form_create_login.CreatePassword2.$touched">                                <label class="errorMessage" ng-if="form_create_login.CreatePassword2.$error.required">Repeat password must be entered.<\/label>                                <label class="errorMessage" ng-if="form_create_login.CreatePassword2.$error.minlength || form_create_login.CreatePassword2.$error.maxlength || form_create_login.CreatePassword2.$error.pattern">                                    Invalid password.                                <\/label>                                <label class="errorMessage" ng-if="!form_create_login.CreatePassword2.$error.minlength && !form_create_login.CreatePassword2.$error.maxlength && !form_create_login.CreatePassword2.$error.required && !form_create_login.CreatePassword2.$error.pattern && form_create_login.CreatePassword2.$error.match">Oops! Your password don’t match.<\/label>                            <\/span>                            <input type="password" class="form-control" placeholder="Repeat your password" id="CreatePassword2" name="CreatePassword2" ng-model="createLogin.model.repeatPassword"                                   ng-pattern="createLogin.passwordPattern"                                   ng-minlength="6" ng-maxlength="39" maxlength="39"                                   match-with="createLogin.model.password"                                   required>                            <i class="check-field fa fa-check-circle-o"                               ng-class="{ \'check-field-completed\' : form_create_login.CreatePassword2.$valid}"                               ng-if="!(form_create_login.CreatePassword2.$invalid && (form_create_login.CreatePassword2.$touched || form_create_login.CreatePassword2.$dirty))"><\/i>                            <i class="glyphicon glyphicon-exclamation-sign exclamation-mark"                               ng-if="!form_create_login.CreatePassword2.$valid && (form_create_login.CreatePassword2.$touched || form_create_login.CreatePassword2.$dirty)"><\/i>                        <\/div>                        <!--Address desscription-->                        <div class="hide">                            <label for="DeliveryInstruction">Delivery instructions<\/label>                            <span class="messageContainer" ng-if="(form_create_login.DeliveryInstruction.$invalid && form_create_login.DeliveryInstruction.$dirty) || form_create_login.DeliveryInstruction.$touched">                                <label class="errorMessage" ng-if="form_create_login.DeliveryInstruction.$error.required">Repeat password must be entered.<\/label>                                <label class="errorMessage" ng-if="form_create_login.DeliveryInstruction.$error.minlength || form_create_login.DeliveryInstruction.$error.maxlength || form_create_login.DeliveryInstruction.$error.pattern">                                    Invalid password.                                <\/label>                                <label class="errorMessage" ng-if="!form_create_login.DeliveryInstruction.$error.minlength && !form_create_login.DeliveryInstruction.$error.maxlength && !form_create_login.DeliveryInstruction.$error.required && !form_create_login.DeliveryInstruction.$error.pattern && form_create_login.DeliveryInstruction.$error.match">Oops! Your password don’t match.<\/label>                            <\/span>                            <textarea type="password" class="form-control" placeholder="Delivery instruction" id="DeliveryInstruction" name="DeliveryInstruction" ng-model="createLogin.model.customerAddressData.customerAddressDescription"                                      ng-minlength="6" ng-maxlength="39" maxlength="39"><\/textarea>                            <i class="check-field fa fa-check-circle-o delivery-instruction"                               ng-class="{ \'check-field-completed\' : form_create_login.DeliveryInstruction.$valid && form_create_login.DeliveryInstruction.$touched}"                               ng-if="!(form_create_login.DeliveryInstruction.$invalid && (form_create_login.DeliveryInstruction.$touched || form_create_login.DeliveryInstruction.$dirty))"><\/i>                            <i class="glyphicon glyphicon-exclamation-sign exclamation-mark delivery-instruction"                               ng-if="!form_create_login.DeliveryInstruction.$valid && (form_create_login.DeliveryInstruction.$touched || form_create_login.DeliveryInstruction.$dirty)"><\/i>                        <\/div>                        <!--Checkout Discount-->                        <div>                            <label for="CreateLoginDiscounts">                                <input type="checkbox" id="CreateLoginDiscounts" value="option1" ng-model="createLogin.model.checkoutDiscount">                                <div class="checkout-discount-label">Please send me info on discounts, promos and other news<\/div>                                <a href="/privacy-policy" title="Privacy Policy" ga="[\'send\',\'event\',\'Footer\',\'\',\'Privacy policy\']">View our Privacy Policy<\/a>                            <\/label>                        <\/div>                    <\/fieldset>            <div class="modal-footer">                <button type="button" class="btn btn-canel-cta" data-dismiss="modal" ng-click="createLogin.onClose()">Cancel<\/button>                        <button type="submit" class="btn btn-primary-cta btn-buy-now" ng-click="createLogin.onSubmit()" ng-disabled="form_create_login.$invalid || form_create_login.CreateLoginPhone.$error.required" ga="[\'send\',\'event\',\'Forms\',\'\',\'Login Create\']">Save &amp; continue<\/button>                    <\/div>                <\/form>            <\/div>                    <\/div>    <\/div><\/div>');n.put("partials/forgot-password.html",'<div class="modal fade" id="forgotpassword" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">    <div class="modal-dialog">        <div class="modal-content">            <div class="modal-header">                <button type="button" class="close" data-dismiss="modal" ng-click="forgotPassword.onClose()"><span aria-hidden="true" class="side-panel-close fa fa-times-circle-o open-login-window"><\/span><\/button>                <h1>Forgot Password<\/h1>            <\/div>            <p id="forgotpasswordtext">To reset your password, please submit your email below<\/p>            <p id="emailconfirmationtext">An email has been sent to <strong id="customeremail">{{ forgotPassword.model.sendTo }}<\/strong><\/p>            <div class="modal-body">                <div ng-show="forgotPassword.isLoading" class="cart-loading-panel">                    <i class="fa fa-refresh fa-spin fa-3x" style="color: white;"><\/i>                <\/div>                <form id="form_forgot_password" name="form_forgot_password" ng-submit="forgotPassword.onSubmit()" novalidate>                    <p class="modal-error-message" ng-show="forgotPassword.model.isDisplayErrorMessage">{{ forgotPassword.model.errorMessage }}<\/p>                    <fieldset>                        <label id="emailwidth">Email<span>*<\/span><\/label>                        <span class="messageContainer" ng-if="(form_forgot_password.EmailInput.$invalid && form_forgot_password.EmailInput.$dirty) || form_forgot_password.EmailInput.$touched">                            <label class="errorMessage" ng-if="form_forgot_password.EmailInput.$error.email || form_forgot_password.EmailInput.$error.pattern">Invalid email.<\/label>                            <label class="errorMessage" ng-if="form_forgot_password.EmailInput.$error.required">Email must be entered.<\/label>                        <\/span>                        <div class="clearfix">                            <input type="email" class="form-control" id="EmailInput" name="EmailInput" placeholder="Email"                                   ng-model="forgotPassword.model.email"                                   ng-model-options="{allowInvalid: true}"                                   ng-pattern="forgotPassword.emailPattern"                                   required>                            <i ng-class="{ \'check-field fa fa-check-circle-o\' : form_forgot_password.EmailInput.$pristine && !form_forgot_password.EmailInput.$touched, \'check-field fa fa-check-circle-o check-field-completed\' : form_forgot_password.EmailInput.$valid, \'glyphicon glyphicon-exclamation-sign exclamation-mark\':!form_forgot_password.EmailInput.$valid && (form_forgot_password.EmailInput.$touched||form_forgot_password.EmailInput.$dirty)}"><\/i>                        <\/div>                    <\/fieldset>                <\/form>            <\/div>            <div class="modal-footer">                <button type="button" class="btn btn-primary-cta btn-sav-to-favourites pull-right" id="forgotpasswordsubmit"                        ng-click="forgotPassword.onSubmit()" ng-disabled="form_forgot_password.$invalid" ga="[\'send\',\'event\',\'Forms\',\'\',\'Forgot Password\']">                    Submit                <\/button>                <button type="button" class="btn btn-canel-cta pull-right passwordcancle" data-dismiss="modal" ng-click="forgotPassword.onClose()">Cancel<\/button>                <button type="button" class="btn btn-primary-cta btn-sav-to-favourites pull-right" id="continue" data-dismiss="modal" data-toggle="modal" data-target="#login-dialog" >Continue<\/button>                           <\/div>        <\/div>    <\/div><\/div>');n.put("partials/login.html",'<div class="modal fade" id="login-dialog" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">    <div class="modal-dialog">        <div class="modal-content login">            <div class="modal-header">                <button type="button" class="close" data-dismiss="modal" ng-click="login.onClose()"><span aria-hidden="true" class="side-panel-close fa fa-times-circle-o"><\/span><\/button>                <h1 class="bordernone">Login<\/h1>            <\/div>            <form id="form_login" name="form_login" ng-submit="login.onLogin()" novalidate>                <div class="modal-body">                    <div ng-show="login.isLoading" class="cart-loading-panel">                        <i class="fa fa-refresh fa-spin fa-3x" style="color: white;"><\/i>                    <\/div>                    <fieldset>                        <legend>Login<\/legend>                        <p class="modal-error-message" ng-show="form_login.loginEmail.$touched">{{ login.model.errorMessage }}<\/p>                        <!--Email-->                        <p>                            <label for="loginEmail">Email<span>*<\/span><\/label>                            <span class="messageContainer" ng-if="form_login.loginEmail.$touched" ng-messages="form_login.loginEmail.$error">                                <label class="errorMessage" ng-message="required">Email must be entered.<\/label>                                <label class="errorMessage" ng-message="email">Invalid email.<\/label>                                <label class="errorMessage" ng-message="pattern">Invalid email.<\/label>                            <\/span>                            <input type="email" class="form-control" placeholder="Email" id="loginEmail" name="loginEmail"                                   ng-model="login.model.username"                                   ng-model-options="{allowInvalid: true, updateOn: blur}"                                   ng-maxlength="60"                                   maxlength="60"                                   required                                   focusme>                            <i class="check-field fa fa-check-circle-o"                               ng-class="{ \'check-field-completed\' : form_login.loginEmail.$valid}"                               ng-if="!(form_login.loginEmail.$invalid && (form_login.loginEmail.$touched))"><\/i>                            <i class="glyphicon glyphicon-exclamation-sign exclamation-mark"                               ng-if="!form_login.loginEmail.$valid && (form_login.loginEmail.$touched)"><\/i>                        <\/p>                        <p>                            <label for="loginPassword">Your password<span>*<\/span><\/label>                            <span class="messageContainer" ng-if="form_login.loginPassword.$touched" ng-messages="form_login.loginPassword.$error">                                <label class="errorMessage" ng-message="required">Password must be entered.<\/label>                            <\/span>                            <input type="password" class="form-control" placeholder="Your password" id="loginPassword" name="loginPassword" ng-model="login.model.password" ng-focus="login.resetLoginButton()" required>                            <i class="check-field fa fa-check-circle-o"                               ng-class="{ \'check-field-completed\' : form_login.loginPassword.$valid}"                               ng-if="!(form_login.loginPassword.$invalid && (form_login.loginPassword.$touched))"><\/i>                            <i class="glyphicon glyphicon-exclamation-sign exclamation-mark"                               ng-if="!form_login.loginPassword.$valid && (form_login.loginPassword.$touched )"><\/i>                        <\/p>                        <p>                            <label>                                <input type="checkbox" id="rememberMeCheckBox"                                       name="rememberMeCheckBox"                                       ng-model="login.model.rememberMe"                                       ng-checked="login.model.rememberMe" /> Remember Me                            <\/label>                        <\/p>                    <\/fieldset>                    <div class="forgot-create-user">                        <a href="#" data-toggle="modal" data-target="#forgotpassword" title="" data-dismiss="modal" id="clearfogotpassword" ng-click="login.onClose()" ga="[\'send\',\'event\',\'Forms\',\'\',\'Forgot Password\']">Forgot your password?<\/a>                        <p>                            Don\'t have an account? <a href="#" title="" class="btn-create-login" ng-click="login.onClose();" data-toggle="modal" data-target="#register-dialog" data-dismiss="modal" ga="[\'send\',\'event\',\'Forms\',\'\',\'Register\']"> Register here<\/a>                        <\/p>                    <\/div>                <\/div>                <div class="modal-footer">                    <button type="button" class="btn btn-canel-cta" data-dismiss="modal" ng-click="login.onClose()">Cancel<\/button>                    <button type="submit" class="btn btn-primary-cta btn-login" ng-click="login.onLogin()" ng-disabled="form_login.$invalid" ga="[\'send\',\'event\',\'Forms\',\'\',\'Login\']">Login &amp; continue<\/button>                <\/div>            <\/form>        <\/div>    <\/div><\/div>');n.put("partials/reset-password.html",'    <div class="modal-content">        <div class="modal-header">            <button type="button" class="close" data-dismiss="modal" ng-click="resetPasswordForm.onClose()"><span aria-hidden="true" class="side-panel-close fa fa-times-circle-o open-login-window"><\/span><\/button>            <h1>Reset Password<\/h1>        <\/div>        <div class="modal-body">            <p ng-show="resetPasswordForm.showNotification">An email with your password has been send to <strong id="customeremail">{{ resetPasswordForm.model.sendTo }}<\/strong><\/p>            <p ng-hide="resetPasswordForm.showNotification">Please submit your new password below<\/p>            <div ng-show="resetPasswordForm.isLoading" class="cart-loading-panel">                <i class="fa fa-refresh fa-spin fa-3x" style="color: white;"><\/i>            <\/div>            <form id="form_changePassword" name="form_changePassword" ng-submit="resetPasswordForm.onSubmit()" novalidate>                <p class="modal-error-message" ng-show="resetPasswordForm.model.isDisplayErrorMessage">{{ resetPasswordForm.model.errorMessage }}<\/p>                <fieldset>                    <div>                        <label for="NewPassword">Password<span>*<\/span><\/label>                        <span class="messageContainer" ng-if="(form_changePassword.NewPassword.$invalid && form_changePassword.NewPassword.$dirty) || form_changePassword.NewPassword.$touched">                            <label class="errorMessage" ng-if="form_changePassword.NewPassword.$error.required">Password must be entered.<\/label>                            <label class="errorMessage" ng-if="form_changePassword.NewPassword.$error.minlength || form_changePassword.NewPassword.$error.maxlength || form_changePassword.NewPassword.$error.pattern">                                Invalid password.                            <\/label>                        <\/span>                        <input type="password" class="form-control" placeholder="Password" id="NewPassword" name="NewPassword" ng-model="resetPasswordForm.model.password"                               ng-pattern="createLogin.passwordPattern"                               ng-minlength="6" ng-maxlength="39" maxlength="39" required>                        <i class="check-field fa fa-check-circle-o"                           ng-class="{ \'check-field-completed\' : form_changePassword.NewPassword.$valid}"                           ng-if="!(form_changePassword.NewPassword.$invalid && (form_changePassword.NewPassword.$touched || form_changePassword.NewPassword.$dirty))"><\/i>                        <i class="glyphicon glyphicon-exclamation-sign exclamation-mark"                           ng-if="!form_changePassword.NewPassword.$valid && (form_changePassword.NewPassword.$touched || form_changePassword.NewPassword.$dirty)"><\/i>                    <\/div>                    <!--Repeat Password-->                    <div>                        <label for="ConfirmNewPassword">Repeat password<span>*<\/span><\/label>                        <span class="messageContainer" ng-if="(form_changePassword.ConfirmNewPassword.$invalid && form_changePassword.ConfirmNewPassword.$dirty) || form_changePassword.ConfirmNewPassword.$touched">                            <label class="errorMessage" ng-if="form_changePassword.ConfirmNewPassword.$error.required">Repeat password must be entered.<\/label>                            <label class="errorMessage" ng-if="form_changePassword.ConfirmNewPassword.$error.minlength || form_changePassword.ConfirmNewPassword.$error.maxlength || form_changePassword.ConfirmNewPassword.$error.pattern">                                Invalid password.                            <\/label>                            <label class="errorMessage" ng-if="!form_changePassword.ConfirmNewPassword.$error.minlength && !form_changePassword.ConfirmNewPassword.$error.maxlength && !form_changePassword.ConfirmNewPassword.$error.required && !form_changePassword.ConfirmNewPassword.$error.pattern && form_changePassword.ConfirmNewPassword.$error.match">Oops! Your password don’t match.<\/label>                        <\/span>                        <input type="password" class="form-control" placeholder="Repeat your password" id="ConfirmNewPassword" name="ConfirmNewPassword" ng-model="resetPasswordForm.model.repeatPassword"                               ng-pattern="createLogin.passwordPattern"                               ng-minlength="6" ng-maxlength="39" maxlength="39"                               match-with="createLogin.model.password"                               required>                        <i class="check-field fa fa-check-circle-o"                           ng-class="{ \'check-field-completed\' : form_changePassword.ConfirmNewPassword.$valid }"                           ng-if="!(form_changePassword.ConfirmNewPassword.$invalid && (form_changePassword.ConfirmNewPassword.$touched || form_changePassword.ConfirmNewPassword.$dirty))"><\/i>                        <i class="glyphicon glyphicon-exclamation-sign exclamation-mark"                           ng-if="!form_changePassword.ConfirmNewPassword.$valid && (form_changePassword.ConfirmNewPassword.$touched || form_changePassword.ConfirmNewPassword.$dirty)"><\/i>                    <\/div>                <\/fieldset>            <\/form>        <\/div>        <div class="modal-footer" ng-hide="resetPasswordForm.showNotification">            <button type="button" class="btn btn-primary-cta btn-sav-to-favourites pull-right" id="resetPasswordFormsubmit"                    ng-click="resetPasswordForm.onSubmit()" ng-disabled="form_changePassword.$invalid">                Submit            <\/button>            <button type="button" class="btn btn-canel-cta pull-right passwordcancle" data-dismiss="modal" ng-click="resetPasswordForm.onClose()">Cancel<\/button>        <\/div>    <\/div>');n.put("partials/welcome-user.html",'<div class="login-logout">    <p class="welcome-back " ng-if="welcomeuser.model.isLoggedIn">        <a target="_self" href="/myaccount">            Welcome back<br />            <span style="-ms-word-break:break-all;word-break:break-all">                {{welcomeuser.model.customername | formattedusername:20 :true }}            <\/span>        <\/a>    <\/p>    <span ng-show="!welcomeuser.model.isLoggedOut">        <a class=" btn btn-lg btn-log-in" role="button" data-toggle="modal" data-target="#login-dialog" ng-show="!welcomeuser.model.isLoggedOut" ng-click="welcomeuser.setCursor()" ga="[\'send\',\'event\',\'Forms\',\'\',\'Login\']">            Login        <\/a>    <\/span>    <span ng-if="welcomeuser.model.isLoggedIn">        <a class="btn btn-lg btn-logout " ng-show="welcomeuser.model.isLoggedIn" ng-click="welcomeuser.onLogOut()" ga="[\'send\',\'event\',\'Forms\',\'\',\'LogOut\']">LOG OUT<\/a>    <\/span><\/div>');n.put("partials/confirmation.html",'<div class="modal-header">    <button type="button" class="close" ng-click="close()">        <span aria-hidden="true" class="side-panel-close fa fa-times-circle-o"><\/span>    <\/button>    <h1>{{title}}<\/h1><\/div><div class="modal-body">    <span ng-if="message == \'\'">        Are you sure?    <\/span>        <span ng-if="message != \'\'">        {{message}}    <\/span><\/div><div class="modal-footer ng-scope">    <button class="btn btn-canel-cta" ng-click="yes()">Yes<\/button>    <button class="btn btn-primary-cta" ng-click="no()">No<\/button><\/div>');n.put("partials/edit-pizza-deal.html",'<div class="modal-header">    <button type="button" class="close" ng-click="close()">        <span aria-hidden="true" class="side-panel-close fa fa-times-circle-o"><\/span>    <\/button>    <h1>Which item do you want to delete?<\/h1><\/div><div class="modal-body">        <p ng-show="showError">Please select an item to delete<\/p>    <p ng-repeat="item in items">        <input type="checkbox"               name="selectedFruits[]"               value="{{item.productName}}"               ng-model="item.selected"> {{item.productName}} <span ng-show="item.currentChangeCount > 1">(customised)<\/span>    <\/p><\/div><div class="modal-footer ng-scope">    <button class="btn btn-primary" ng-click="yes()">Yes<\/button>    <button class="btn btn-warning" ng-click="no()">No<\/button><\/div>');n.put("partials/generic-error.html",'    <div class="modal-header">        <button type="button" class="close" ng-click="close()">            <span aria-hidden="true" class="side-panel-close fa fa-times-circle-o"><\/span>        <\/button>        <h1>We\'re Sorry<\/h1>    <\/div>    <div class="modal-body">        {{message}}    <\/div>');n.put("partials/notification.html",'    <div class="modal-header">        <button type="button" class="close" ng-click="close()">            <span aria-hidden="true" class="side-panel-close fa fa-times-circle-o"><\/span>        <\/button>        <h1>{{title}}<\/h1>    <\/div>    <div class="modal-body">        {{message}}    <\/div>');n.put("partials/product-item.html",'<div class="card">    <div class="face front">        <div>            <img class="product" preload-image default-image="/Images/missing-image.png" fallback-image="/Images/missing-image.png" ng-src="{{::productItemController.productItem.imageSource}}"                 style="width: 250px; height: 150px;" alt="{{::productItemController.productItem.ingredients}}" />            <h2>{{::productItemController.productItem.name | characters:25}}<\/h2>            <h3 ng-show="canShowPrice">${{::productItemController.productItem.price | number:2}}<\/h3>            <p class="flip-me">Tell me more<span class="fa fa-chevron-right"><\/span><\/p>            <span class="info hide"                  data-displayorder="{{productItemController.productItem.displayOrder}}"                  data-newdisplayorder="{{productItemController.productItem.newDisplayOrder}}"                  data-bestdisplayorder="{{productItemController.productItem.bestSellerDisplayOrder}}"                  data-validity="{{productItemController.productItem.validity}}"><\/span>        <\/div>        <div class="order-product" ng-transclude>        <\/div>    <\/div>    <div class="face back">        <div class="title">            <p class="flip-me"><span class="fa fa-times-circle"><\/span><\/p>            <h2>{{::productItemController.productItem.name | characters: 25}}<\/h2>            <h3>${{::productItemController.productItem.price | number:2}}<\/h3>        <\/div>        <div class="description">            <ul>                <li><\/li>            <\/ul>            <p>{{::productItemController.productItem.ingredients}}<\/p>        <\/div>        <div class="order-product" ng-transclude>        <\/div>    <\/div><\/div>');n.put("partials/product-list.html",'<!-- Four column tile --><div ng-class="{ \'container product-list\':!isNested, \'product-list\':!isNested, \'bgloader\': product.loading }">    <div class="row {{::headerClass}}">        <h1 ng-if="hasTitle">{{::headerTitle}}<\/h1>        <select class="product-list-filter"                ng-show="product.hasFilters"                ng-if="hasFilter"                ng-change="changeFilter()"                ng-model="product.selectedFilter">            <option value="">All<\/option>            <option ng-repeat="filter in product.filterList"                    ng-selected="{{filter.value == product.selectedFilter}}"                    value="{{filter.value}}">                {{filter.name}}            <\/option>        <\/select>    <\/div>    <div class="row row-1 body-content-margin" ng-if="product.hasProducts">        <div class="col-lg-3 col-sm-6 col-xs-12 product flip slide-down" ng-class="animation" ng-repeat="product in product.productListLive | filter:product.matchProductFilter">            <rb-product-item b-item="product">                <p ng-if="product.productType == 1 || product.bestSeller">                    <a class="btn-customise" ng-href="#" ng-click="customise(product.productId,product.name)" ng-if="product.enableOrderNow" ga="[\'send\',\'event\',\'Menu\',\'Customise\',\'In-menu\']">Customise<\/a>                    <a class="btn btn-quick-order" ng-href="#" ng-click="addQuickPizzaToCart(product.productId)" ng-if="product.enableOrderNow" ga="[\'send\',\'event\',\'Menu\',\'Pizzas\',\'{{footer.eventTrackingAction}}\']">                        Add to Cart                    <\/a>                    <a class="btn-customise" ng-click="customise(product.productId,product.name)" ng-if="!product.enableOrderNow" ga="[\'send\',\'event\',\'Menu\',\'Customise\',\'In-menu\']">                        Customise                    <\/a>                <\/p>                <!--//Sides//-->                <p ng-if="product.productType == 2">                    <a ng-switch="true" class="btn btn-order" ng-href="#" ng-click="addSideToCart(product.productId)" ga="[\'send\',\'event\',\'Menu\',\'Order Now\',\'Sides\']">                        Add to Cart                    <\/a>                <\/p>                <!--//Deals//-->                <p ng-if="product.productType == 3">                    <a ng-switch="true" class="btn btn-deal" href="/order/deal-detail?dealId={{product.productId}}" ga="[\'send\',\'event\',\'Menu\',\'Order Now\',\'Deals\']">                        Add to Cart                    <\/a>                <\/p>            <\/rb-product-item>        <\/div>        <div ng-if="!product.hasProducts">            no product list data        <\/div>        <div class="col-sm-12 col-sm-push-0 col-xs-10 col-xs-push-1 alert alert-warning" ng-if="hasFilter && (product.productList | filter:product.matchProductFilter).length === 0">            <p>                Sorry, we couldn\'t find any Pizzas that matched your choice of <strong>{{product.selectedFilter}}<\/strong>.            <\/p>        <\/div>    <\/div><\/div>');n.put("partials/promo-item.html",'<div class="promo">    <!-- promo item article -->    <article class="promotion {{style}} clearfix">        <!--<rb-display-file class="promotion-icon" file-type="image/svg+xml" file-path="{{data}}" ng-if="data != \'\'"><\/rb-display-file>-->        <a href="{{link}}" ><img ng-src="{{data}}" class="promotion-icon" /><\/a>        <div ng-transclude class="textarea"><\/div>    <\/article><\/div>')}])})(),function(){"use strict";var n=angular.module("main");n.constant("OPTIMISATION",!0);n.constant("CONSTANT1","RBS")}()