<!DOCTYPE html>
<html ng-app="myapp" lang="{$SelCurrLanguage}">
  <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" />
  {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}";
    var lblBacktoLogin    =       "{$language.lblBacktoLogin}";
    var selectedPaymentKey    =       "{$selectedPaymentKey|default:''}";
    var paymentTabShow    =       "{$paymentTabShow|default:''}";
    var orderByRazorPay = "{$orderByRazorPay|default:'No'}";
    var otpEnableRegistration = "{$otpEnableCheckout|default:''}";
    var otpEnableCheckout = "{$otpEnableCheckout|default:''}"; 
  </script>
  
  <style>
/**
* The CSS shown here will not be introduced in the Quickstart guide, but
* shows how you can use CSS to style your Element's container.
*/
input,
.StripeElement {
  height: 40px;

  color: #32325d;
  background-color: white;
  border: 1px solid transparent;
  border-radius: 4px;

  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

input {
  padding: 10px 12px;
}

input:focus,
.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}
</style>
<script src="https://js.stripe.com/v3/"></script>
</head>
<body ng-controller="SearchCtrl" class="{$languageDirection} remove-fix">
  {*<!------------------------ 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 mt-3">
        <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="leftSide_inner col-lg-8 col-12">
            <div class="clearfix checkout-block p-lg-4 bg-white">
              <div class="checkoutNav mt-3 mb-5 border-bottom">
                <ul>
                  {if ! $commonUserID|default:0}
                  <li class="chk-login active position-relative text-center py-4">{$language.lblLoginSignUp}<span class="p-1 bg-white position-absolute"><i>&nbsp;</i></span></li>
                  {/if}
                  <li class="chk-billing position-relative text-center py-4">{$language.lblBillinginfo}<span class="p-1 bg-white position-absolute"><i>&nbsp;</i></span></li>
                  <li class="chk-shipping position-relative text-center py-4">{$language.lblShippinginfo}<span class="p-1 bg-white position-absolute"><i>&nbsp;</i></span></li>
                  <li class="chk-payment position-relative text-center py-4">{$language.lblPaymentInformation}<span class="p-1 bg-white position-absolute"><i>&nbsp;</i></span></li>
                </ul>
              </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 mb-3">
                {*<!------------------------ Begin 	: Payment ------------------------->*}
                {include file='cart/CheckoutPayment.tpl'} 
                {*<!------------------------- End 	: Payment -------------------------> *}
              </div>
                {form->hidden name="payFortCurrency" value=$payFortCurrency}
                {form->hidden name="open_key" value=$open_key}
                {form->hidden name="loggedInUserEmail" value=$loggedInUserEmail} 
                {form->hidden name="paymentSubmit" value=""} 
            </div>
          </div>
          <div class="inner-left col-lg-4 col-sm-12 col-12 order-lg-last order-first">

            <div class="clearfix checkout_block bg-white border">
              {include file='cart/CheckoutLeftBlock.tpl'} 
            </div>
          </div>    
        </div>
      </div>
      {*<!---------------------------- End : Content Pane ------------------------------------------------>*} 
    </div>
    {*<!--------------------------------------- Begin : Footer	Pane ----------------------------------->*}
    {form->hidden name="deal_cart_checkout" value=$deal_cart_checkout|default:''}
        {form->hidden name="company_logo" value=$companyLogo}
        {form->hidden name="pkStripeValue" value=$pkStripeValue}
        {form->hidden name="siteName" value=$siteName}
        {form->hidden name="currencyCode" value=$currencyCode}
    {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}';
    var selAddressID = '{$selAddressID|default:''}';

  </script>
  <script type="text/javascript">
    $(document).ready(function(){
        $('#hideBill').click(function(){
        $('.billingContent').show();
        $('.orderSum').hide() 
        });
            });
  </script>
<script src="https://checkout.stripe.com/checkout.js"></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?bn"}
  {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>
