<!DOCTYPE html>
      <html ng-app="myapp"> 
          <head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
          <title>{$language.lblCart} : {$commonMetaTitle}</title>
          <meta name="Description" content="{$commonMetaDescription}" />
          <meta name="viewport" content="width=device-width">
          <meta name="Keywords" content="{$commonMetaKeywords}" />
          {include file='CommonStyles.tpl'}
          <link rel="stylesheet" href="{$view_styles}/checkout.css" />
		  {assign var="checkoutpage" value="Yes"}
          {include file='CommonJavaScript.tpl'}
         
          <script type="text/javascript">
            var msgConfirmDelete="{$language.msgConfirmDelete}";
            var msgConfirmRemoveGift = 'Are you sure want to remove this gift ?';
               var okText	=	"{$language.lblOK}";
            var AlertText= "{$language.lblAlert}";
            var cancelText = "{$language.lblCancel}";
            var defaultCoupanCode = "{$language.lblPromoCode}";	
            var lblerrRequired = "{$language.errRequired}";	
            var lblerrInvalidEmail = "{$language.errInvalidEmail}";	
            var selecttext = "{$language.lblselecttext}";
            var lblHtmltags	= "{$language.lblHtmltags}";	
            var lblLogedAsGuest	= "{$language.lblLogedAsGuest}";	
          </script>
        </head>
        <body ng-controller="SearchCtrl"> 
          {*<!------------------------ Begin : Outer Pane ------------------------------------------------------>*}
          <div id="main" class="outer">
            <span class="overlay_checkout" style="display:none;"></span>
            {*<!------------------------------------ Begin : Header Pane ------------------------------------------>*} 
            {include file='cart/CheckoutCommonTop.tpl'} 
            {*<!---------------------------------------------- End : Header ----------------------------------------> *}
            {*<!----------------------------------- Begin : Content Pane ---------------------------------------------->*}
            <div id="content-wrapper" ng-show="!query">
              <div class="container CheckoutPane">
                <div id="common_message"></div>
                <div id="message_cart"></div>
                <div id="promo_message"></div>
                {if $cartData['error']|count|default:0 >0}
                <div  class="message_error default_message_error">
                  <span class="notifyClose defaultError">x</span>
                  <ul class="table-listing">
                    {foreach from=$cartData['error'] item="errorItem"}
                    <li>{$errorItem}</li>
                    {/foreach}
                  </ul>
                </div>
                {/if}
                <div class="row">
                  <div class="inner-left col-xs-12 margin-bottom">
                    <div class="clearfix checkout_block">
                      {include file='cart/CheckoutLeftBlock.tpl'} 
                    </div>
                  </div>
                  <div class="col-xs-12">
                    <div class="clearfix checkout-block light-bg">
                      <div class="checkoutNav">
                        <ul class="{if ! $commonUserID|default:0}before-login{else}after-login{/if}">
                          {if ! $commonUserID|default:0}
                          <li class="margin-bottom chk-login active">{$language.lblLogin}<span><i>&nbsp;</i></span></li>
                          {else}
                          <li class="margin-bottom logined">{$language.lblLogin}<span><i>&nbsp;</i></span></li>
                          {/if}
                          <li class="margin-bottom chk-billing">{$language.lblBilling}<span><i>&nbsp;</i></span></li>
                          <li class="chk-payment">{$language.lblPayment}<span><i>&nbsp;</i></span></li>
                        </ul>
                        <div class="line-to" style=""></div>
                      </div>
                      {if ! $commonUserID|default:0}
                      <div class="checkout_login billingfields" >
                        {*<!-------------------- Begin 	: Login ------------------------------>*} 
                        {include file='cart/CheckoutLogin.tpl'} 
                        {*<!--------------------- End 	: Login -------------------------------> *}
                      </div>
                      {/if}
                      <div class="checkout_billing billingfields" >
                        {*<!---------------------- Begin 	: Billing ------------------------------>*} 
                        {include file='cart/CheckoutBilling.tpl'} 
                        {*<!---------------------------- End 	: Billing -------------------------->*} 
                      </div>
                      <div class="checkout_shipping billingfields " >
                        {*<!------------------------- Begin 	: Shipping -----------------------> *}
                        {include file='cart/CheckoutShipping.tpl'} 
                        {*<!-------------------------- End 	: Shipping ----------------------->*} 
                      </div>
                      <div class="checkout_shipping_method billingfields " >
                        {*<!----------------------- Begin 	: Shipping ------------------------>*} 
                        {include file='cart/CheckoutShippingMethod.tpl'} 
                        {*<!------------------------ End 	: Shipping ----------------------------> *}
                      </div>
                      <div class="checkout_payment billingfields">
                        {*<!------------------------ Begin 	: Payment ------------------------->*}
                        {include file='cart/CheckoutPayment.tpl'} 
                        {*<!------------------------- End 	: Payment -------------------------> *}
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              {*<!---------------------------- End : Content Pane ------------------------------------------------>*} 
            </div>
            {*<!--------------------------------------- Begin : Footer	Pane ----------------------------------->*} 
            {include file='CommonBottom.tpl'} 
            {*<!--------------------------------------- End : Footer Pane ----------------------------------------->*} 
          </div>
          <script type="text/javascript">
            var cartShipAdrs = '{$cartShippingAddress|default:''}';
            var userAddressList = {$userAddressList|@json_encode};
            var orderProductType = '{$cartData.productType}';
          </script>
          <script type="text/javascript">
            $(document).ready(function(){
            	$('#hideBill').click(function(){
            	$('.billingContent').show();
            	$('.orderSum').hide() 
            	});
              $(".order-head .icon-plus-narrow").click(function() { 
                $(".hide-box").toggle();
                $(".order-head .icon-plus-narrow").toggleClass("active");
              });
                });
       
          </script>
          {html->script_group_start name="{$compiled_js_path}/cart.checkout.js"}
            {html->script src="{$common_js}/jquery-ui-1.10.2.custom.min.js"}
            {html->script src="{$common_frontend_js}/tab.plugin.js"}
            {html->script src="{$common_frontend_js}/checkout.page.js"}
          {html->script_group_end}
         
          {html->messages_script section="User" id="message_cart"}
          {html->messages_script section="Index" id="common_message_fromIndex"}
          {html->messages_script id="common_message"}
          {include file='CommonJavaScriptBottom.tpl'} 
        </body>
      </html>
