<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>{$language.lblAdmin} : {$language.lblNewOrder}</title>
{include file='CommonStyles.tpl'}
{include file='CommonJavaScript.tpl'}
{include file='CommonCustomStyles.tpl'}
<link href="{$view_styles}/jquery-ui-1.8.19.custom.css" rel="stylesheet" type="text/css" />
<link href="{$view_styles}/add-edit-new.css" rel="stylesheet" type="text/css" />
<link href="{$view_styles}/order-add.css" rel="stylesheet" type="text/css" />
<link href="{$view_styles}/bootstrap.min.css" rel="stylesheet" type="text/css" />
<link href="{$view_styles}/colorbox.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" >
	var cart_have_item	= 0;
        var lblAddFreeProduct   = '{$language.lblAddFreeProduct}';
        var lblUpdate           = '{$language.lblUpdate}';
</script>
</head><body>
<div class="outer_container"> {include file='CommonTop.tpl'} 
  <!--End:Header Container--> 
  <!--***********************************************************************END HEADER CONTAINER******************************************************-->
  <div class="content_container">
    <div class="content_wrapper">
      <h2>{$language.lblNewOrder}</h2>
      <div id="common_message"></div>
      <div class="tab-content-outer clearfix">
        <div class="left_block fixing_left">
          <div class="tab-block-01">
            <h2><a href="Javascript:void(0);" rel="product-details-save"><span>&nbsp;</span>{$language.lblNewOrder}</a></h2>
          </div>
          <ul class="left-tab" id="maintab">
            <li class="sub tab_link productTab" rel="tab-product" > <a href="Javascript:void(0);"  class="left-tab-a active"  ><span>{$language.lblOrderProducts}</span></a>
            <li class="sub tabBilling tab_link" rel="tab-billing" > <a href="Javascript:void(0);" class=" left-tab-a" ><span>{$language.lblOrderBilling}</span></a> </li>
            <li class="sub tabShipping" rel="tab-shipping" > <a href="Javascript:void(0);" class="left-tab-a" ><span>{$language.lblOrderShipping}</span></a> </li>
            <li class="sub tabShippingMethod" rel="tab-Shipping-method" > <a href="Javascript:void(0);" class="left-tab-a" ><span>{$language.lblOrderShippingMethod}</span></a> </li>
			<li class="sub totalTab" rel="tab-total" > <a href="Javascript:void(0);" class="left-tab-a " ><span>{$language.lblOrderTotalSummary}</span></a> </li>
            <li class="sub tabPayment"  rel="tab-payment" > <a href="Javascript:void(0);" class="left-tab-a "><span>{$language.lblOrderPaymentDetails}</span></a> </li>
          </ul>
        </div>
        <div class="right_block fixing_right"> {form->start name="formOrderAdd" action="" method="post"
          enctype="multipart/form-data"}
          {form->hidden name="statehidValue" value="{$billingState}"}
          {form->hidden name="shippingStatehidValue" value=""}
          {form->hidden name="cartType" value="product_product"}
          <div class="tabpane" id="tab-product"  style="display:block;">
            <div class="tabpane_inner padding-change">
              <div class="form_listing clearfix ">
                <ul class="levl-00">
                  <li class="clearfix">
                    <h3><span>{$language.lblOrderSummary}</span></h3>
                    <div id="cart_message"></div>
                    <div id="cart_message_free"></div>
                  </li>
                  <li class="clearfix">
                    <div class="grid_table01">
                      <table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <thead>
                          <tr>
                            <th  align="left" valign="middle">{$language.lblProductTitle}</th>
                            <th width="150" align="left" valign="middle">{$language.lblQuantity}</th>
                            <th width="120" align="right" valign="middle">{$language.lblOrderUnitPrice}</th>
                            <th width="120" align="right" valign="middle">{$language.lblTotal}</th>
                            <th width="18" align="left" valign="middle"></th>
                          </tr>
                        </thead>
                        <tbody id="cart_products">
                        {$cartHtml}
                          </tbody>
                        
                      </table>
                    </div>
                  </li>
                  <li class="clearfix">
                    <ul class="levl-00">
					
						 <input type="button" name="showBilling" value="{$language.lblProceedToTheNext}" class="button03 curve-3 showBilling" id="showBilling" tabindex="12" />
						
                      <li class="clearfix">
                        <h3><span>{$language.lblOrderAddProducts}</span></h3>
                      </li>
                      <li class="clearfix">
                        <div class="left_box">
                          <ul class="levl-01">
                            <li class="clearfix">
                              <div class="left01  "> {$language.lblProductTitle} </div>
                              <div class="right01 "> {form->textbox name="product" class="textbox" onkeydown="if (event.keyCode == 13) document.getElementById('search_product').click()"} </div>
                            </li>
                            <li class="clearfix">
                              <div class="left01  "> {$language.lblBusiness} </div>
                              <div class="right01 "> {form->textbox name="business" class="textbox" onkeydown="if (event.keyCode == 13) document.getElementById('search_product').click()"} </div>
                            </li>
                            <li class="clearfix">
                              <div class="left01  "> &nbsp; </div>
                              <div class="right01 ">
                                <input type="button" id="search_product" name="search" value="{$language.lblSearch}" class="button04" />
                                <a href="Javascript:void(0);" class="action-link" id="reset_product">{$language.lblListAll}</a> </div>
                            </li>
                          </ul>
                        </div>
                      </li>
                    </ul>
                  </li>
                  <li class="clearfix" id="search_products">
                  </li>
                </ul>
              </div>
            </div>
          </div>
		  {include file='freeGiftProduct.tpl'}
		  
          <div class="tabpane" id="tab-billing" style="display:none;">
            <div class="tabpane_inner padding-change">
              <div class="form_listing clearfix ">
                <ul class="levl-00">
                  <li class="clearfix">
                    <h3><span>{$language.lblOrderBilling}</span></h3>
                    <div id="billing_message"></div>
                  </li>
                  <li class="clearfix">
                   <div class="left1"></div> 
                    <div class="right1">
					{html->anchor href="" caption=$language.lblOrderFindUser default=$language.lblOrderFindUser title=$language.lblOrderFindUser class="linkbtnt01 click search_user"}
                      </div>
                  </li>
                  <li class="clearfix">
                    <div class="left_box">
                      <ul class="levl-01">
                        <li class="clearfix">
                          <div class="left01   mandatory"> {$language.lblFirstName} </div>
                          <div class="right01 "> {form->textbox name="billingFirstName" 
                            class="textbox "  
                            validate="required" 
                            error=$language.errFirstName
                            maxlength="200" 
                            tabindex=2} </div>
                        </li>
                        <li class="clearfix">
                          <div class="left01   mandatory"> {$language.lblAddress1} </div>
                          <div class="right01 "> {form->textbox name="billingAddress" 
                            class="textbox "  
                            validate="required" 
                            error=$language.errAddress1 
                            maxlength="200"
                            tabindex=4} </div>
                        </li>
                        <li class="quantityDiv clearfix" style="">
                          <div class="left01   mandatory"> {$language.lblCountry} </div>
                          <div class="right01 "> {form->select name="billingCountry" 
                            caption="{if $resCountry|default:''|count>1}->{$language.lblSelect}{/if}"                        
                            options=$resCountry validate="required" 
                            class="width-92per" 
                            error=$language.errCountry
                            tabindex=6} </div>
                        </li>
                        <li class="clearfix">
                          <div class="left01   mandatory"> {$language.lblCity} </div>
                          <div class="right01 "> {form->textbox name="billingCity" 
                            class="textbox " 
                            validate="required" 
                            error=$language.errCityName maxlength="50"
                            tabindex=8} </div>
                        </li>
                        <li class="clearfix">
                          <div class="left01  mandatory"> {$language.lblPhone} </div>
                          <div class="right01 "><div class="w-25 fixing_left">{form->select class=""  name="bilCountrycode"  options=$resCountryCode value=$bilCountrycode style="margin-right:10px;    width: 85%;"} </div><div class="w-75 fixing_left">{form->textbox name="billingPhone" 
                            class="textbox " 
                            maxlength="10" 
                            validate="required" error=$language.errPhone
                              tabindex=10}</div> </div>
                        </li>

                      </ul>
                    </div>
                    <div class="right_box">
                      <ul class="levl-01">
                        <li class="clearfix">
                          <div class="left01   mandatory"> {$language.lblLastName} </div>
                          <div class="right01 "> {form->textbox name="billingLastName" 
                            class="textbox "  
                            validate="required" 
                            error=$language.errLastName 
                            maxlength="200" 
                            tabindex=3} {form->hidden name="billingAddress1" value=""}</div>
                        </li>
                        {*<li class="clearfix">
                          <div class="left01  "> {$language.lblAddress2} </div>
                          <div class="right01 "> {form->textbox name="billingAddress1" 
                            class="textbox " 
                            maxlength="200"
                            tabindex=5} </div>
                        </li>*}
                        <li class="clearfix">
                          <div class="left01   mandatory"> {$language.lblStateProvince} </div>
                          <div class="right01 "> <span id="stateInput"> {form->select tabindex="7" 
                            name="billingState" caption="->"|cat:$language.lblSelect
                            validate="stateSelectedType->isequal->state~*required"
                            error=$language.errState 
                            class="textbox02" 
                            onchange="getStateHiddenValue(this.value);"} </span> <span id="stateProvinceInput"> {form->textbox tabindex="7" 
                            name="billingProvince" 
                            maxlength="100" class="textbox " 
                            validate="stateSelectedType->isequal->province~*required"
                            error=$language.errProvince} </span><span id="loadProcessImage"></span> {form->hidden id="stateSelectedType"  name="stateSelectedType" value=""}  </div>
                        </li>
                        <li class="clearfix">
                          <div class="left01"> {$language.lblZipPostalCode} </div>
                          <div class="right01 "> {form->textbox name="billingZip" 
                            class="textbox" 
                            maxlength="20"
                            tabindex=9} </div>
                        </li>
						  <li class="clearfix">
                          <div class="left01   mandatory"> {$language.lblEmailID} </div>
                          <div class="right01 "> {form->textbox name="billingEmail" 
                        class="textbox " 
                        validate="required~*email" 
                        error=$language.errEnterValidEmailID maxlength="30"
                        tabindex=1
                        autocomplete=off}</div>
                        </li>
                      </ul>
                    </div>
                  </li>
                  <li class="clearfix proceed" >
                    <input type="button" name="updatebilling" 
                    value="{$language.lblProceedToTheNext}" class="button03 curve-3 proceedBilling" id="update_billing" tabindex="11" />
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="tabpane" id="tab-shipping" style="display:none;">
            <div  class="tabpane_inner padding-change" > 
              <!--Billing tab starts-->
              
              <div class="form_listing clearfix ">
                <ul class="levl-00">
                  <li class="clearfix">
                    <h3><span>{$language.lblOrderShipping}</span></h3>
                    <div id="shipping_message"></div>
                  </li>
                  <li class="clearfix">
                    <div class="right1 " id="divPayCopyAddress"> {form->checkbox name="billingshippingSame" 
                      onclick="billingShippingSame(this.checked)"}
                      &nbsp;{$language.lblBillingShippingSame} </div>
                  </li>
                  <li class="clearfix">
                    <div class="left_box">
                      <ul class="levl-01">
                        <li class="clearfix">
                          <div class="left01 mandatory"> {$language.lblFirstName} </div>
                          <div class="right01 "> {form->textbox name="shippingFname" 
                            class="textbox width-92per "  
                            validate="cartType->isequal->product_product~*required" 
                            error=$language.errFirstName
                            maxlength="200" 
                            tabindex=2} </div>
                        </li>
                        <li class="clearfix">
                          <div class="left01 mandatory"> {$language.lblAddress1} </div>
                          <div class="right01 "> {form->textbox name="shippingAddress" 
                            class="textbox width-92per "  
                            validate="cartType->isequal->product_product~*required" 
                            error=$language.errAddress1 
                            maxlength="200"
                            tabindex=4} </div>
                        </li>
                        <li class="quantityDiv clearfix" style="">
                          <div class="left01 mandatory"> {$language.lblCountry} </div>
                          <div class="right01 "> {form->select name="shippingCountry" 
                            caption="{if $resCountry|default:''|count>1}->{$language.lblSelect}{/if}"                                             
                            options=$resCountry validate="cartType->isequal->product_product~*required" 
                            class="width-92per" 
                            error=$language.errCountry
                            tabindex=6} </div>
                        </li>
                        <li class="clearfix">
                          <div class="left01 mandatory"> {$language.lblCity} </div>
                          <div class="right01 "> {form->textbox name="shippingCity" 
                            class="textbox width-92per " 
                            validate="cartType->isequal->product_product~*required" 
                            error=$language.errCityName maxlength="50"
                            tabindex=8} </div>
                        </li>
                         <li class="clearfix">
                          <div class="left01  mandatory"> {$language.lblPhone} </div>
                          <div class="right01 ">
                              <div class="w-25 fixing_left">{form->select class=""  name="shipCountrycode"  options=$resCountryCode value=$shipCountrycode style="margin-right:10px;width: 85%;"} </div><div class="w-75 fixing_left">{form->textbox name="shippingPhone" 
                            class="textbox " 
                            maxlength="10" 
                            validate="required" error=$language.errPhone
                              tabindex=10}</div>
                              
                               </div>
                        </li>   
                      </ul>
                    </div>
                    <div class="right_box">
                      <ul class="levl-01">
                        <li class="clearfix">
                          <div class="left01 mandatory"> {$language.lblLastName} </div>
                          <div class="right01 "> {form->textbox name="shippingLname" 
                            class="textbox width-92per "  
                            validate="cartType->isequal->product_product~*required" 
                            error=$language.errLastName 
                            maxlength="200" 
                            tabindex=3} {form->hidden name="shippingAddress1" value=""}</div>
                        </li>
                        {*<li class="clearfix">
                          <div class="left01"> {$language.lblAddress2} </div>
                          <div class="right01 "> {form->textbox name="shippingAddress1" 
                            class="textbox width-92per " 
                            maxlength="200"
                            tabindex=5} </div>
                        </li>*}
                        <li class="clearfix">
                          <div class="left01 mandatory"> {$language.lblStateProvince} </div>
                          <div class="right01 "> <span id="shippingStateInput"> {form->select tabindex="7" 
                            name="shippingState" caption="->"|cat:$language.lblSelect
                            validate="shippingStateSelectedType->isequal->state~*required"
                            error=$language.errState 
                            class="textbox02" 
                            onchange="getStateHiddenValue(this.value);"} </span> <span id="shippingStateProvinceInput"> {form->textbox tabindex="7" 
                            name="shippingProvince" 
                            maxlength="100" class="textbox width-92per " 
                            validate="shippingStateSelectedType->isequal->province~*required"
                            error=$language.errProvince} </span><span id="loadProcessImage"></span> {form->hidden id="shippingStateSelectedType"  name="shippingStateSelectedType" value=""}</div>
                        </li>
                        <li class="clearfix">
                          <div class="left01"> {$language.lblZipPostalCode} </div>
                          <div class="right01 "> {form->textbox name="shippingZip" 
                            class="textbox 
                            width-92per " 
                            maxlength="20"
                            tabindex=9} </div>
                        </li>
                      </ul>
                    </div>
                  </li>
                  <li class="clearfix proceed" >
                    <input type="button" name="updateshipping" 
                    value="{$language.lblProceedToTheNext}" class="button03 curve-3 proceedShipping" id="update_shipping" tabindex="12" />
                  </li>
                </ul>
              </div>
            </div>
          </div>
		  
		  
		  
		  <div class="tabpane" id="tab-Shipping-method" style="display:none;">
            <div  class="tabpane_inner padding-change" >
              <ul class="levl-00">
                <li class="clearfix">
                  <h3><span>{$language.lblOrderShippingMethod}</span></h3>
                  <div id="cart_message_shipmethod"></div>
                </li>
				</ul>
				<div class="checkout_shipping_method"></div>
            </div>
          </div>
		  
		  
		  
          <div class="tabpane" id="tab-total" style="display:none;">
            <div  class="tabpane_inner padding-change" >
              <ul class="levl-00">
                <li class="clearfix">
                  <h3><span>{$language.lblOrderTotalSummary}</span></h3>
                  <div id="cart_message_totsummary"></div>
                </li>
                <li class="clearfix">
                  <div class="grid_table01">
                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <thead>
                        <tr>
                          <th  align="left" valign="middle">{$language.lblProductTitle}</th>
                          <th width="150" align="left" valign="middle">{$language.lblQuantity}</th>
                          <th width="120" align="right" valign="middle">{$language.lblOrderUnitPrice}</th>
                          <th width="120" align="right" valign="middle">{$language.lblTotal}</th>
                          <th width="18" align="left" valign="middle"></th>
                        </tr>
                      </thead>
                      <tbody id="cart_summary">
                      
                      {$cartSummary|default:''}
                        </tbody>
                      
                    </table>
                  </div>
                </li>
                <li class="clearfix proceed">
                  <input type="button" name="proceed_payment" 
                    value="{$language.lblProceedToTheNext}" class=" button03 curve-3 proceedPayment" tabindex="11" />
                </li>
              </ul>
            </div>
          </div>
		  
		  
		  {form->close}
          <div class="tabpane" id="tab-payment" style="display:none;">
            <div  class="tabpane_inner padding-change" >
              <div class="form_listing">
                <ul class="levl-00">
                  <li class="clearfix">
                    <h3><span>{$language.lblOrderPaymentDetails}</span></h3>
                    <div id="payment_message"></div>
                  </li>
                </ul>
                <div class="clearfix" id="payment_summary"> </div>
              </div>
            </div>
          </div>
          </div>
      </div>
      <!--End: Right Block--> 
      
      <!--End: left Block-->
      <div class="clear"></div>
         
    </div>
      
  </div>
    
  <!--End:Content Container--> 
  {include file='CommonBottom.tpl'} </div>
      
<!--End:Outer Container--> 
{include file='CommonJavaScriptBottom.tpl'} 
<!--End:Outer Container--> 
{form->validate_script form="formOrderAdd"}
{html->messages_script id="common_message"} 
{form->rootpath_script}
{form->basepath_script} 

<script type="text/javascript" src="{$common_js}/validate.plugin.js"></script> 
<script type="text/javascript" src="{$view_javascript}/jquery.colorbox.js"></script> 
<script type="text/javascript" src="{$view_javascript}/bootstrap.min.js"></script> 
<script type="text/javascript" src="{$view_javascript}/slick.js"></script> 
<script type="text/javascript" src="{$view_javascript}/orderAdd.page.js"></script> 
<script type="text/javascript" src="{$view_javascript}/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="{$common_js}/jquery.form.js"></script>
<script type="text/javascript" >
var confirmation="{$language.lblConfirmation}";
var lblMsgConfirmOrderItemDelete="{$language.lblMsgConfirmOrderItemDelete}";
var lblEntervalidquantity="{$language.lblEntervalidquantity}";
var lblerrRequired="{$language.errEnterValidEmailID}";
var lblerrInvalidEmail="{$language.errEnterValidEmailID}";
var selecttext="{$language.lblSelect}";
var noResults="{$language.lblNoResults}";
var lblOrderFindUser="{$language.lblOrderFindUser}";
var lblUpdateCart="{$language.lblUpdateCart}";
var errUser="{$language.errUser}";

var currencyForJS	= {$currencyForJS};
   
	
</script>

</body>
</html>
