<div id="payment-screen-1" class=" text-left">
    {form->start name="formPaymentContactInfo" method="post" enctype="multipart/form-data"}     
                        <h4 class="font-weight-bold">{$language.lblBookNow}</h4>
                        <p class="font-family-primary mb-lg-5 mb-4">{$language.lblLetsStartBooking}</p>
                        <div class="contact-information form-blk col-md-7 col-12 p-0">
                          <h6 class="font-weight-bold font-base mb-4">{$language.lblContactInformation}</h6>
                          <div class="col-12 p-0 mb-4">
                            <label class="font-normal text-secondary mb-1 font-weight-bold">{$language.lblName}<sup class="mndty font-normal font-weight-normal">*</sup></label>
                            <div class="row">
                              <div class="col-4 col-lg-3 pr-0">
                                 {form->select 
                          id="paysubtitle"
                          name="paysubtitle"
                          class="form-control  primary text-secondary" 
                          options="{$language.lblMr}->{$language.lblMr}~*{$language.lblMrs}->{$language.lblMrs}~*{$language.lblMiss}->{$language.lblMiss}~*{$language.lblDr}->{$language.lblDr}"
                        }
                              </div>
                              <div class="col-8 col-lg-9">
                                {form->textbox  name="payUserName" maxlength="50"  tabindex="1"  class="form-control text-secondary" validate="required" error=$language.errName}
                              </div>
                            </div>
                          </div>
                          <div class="col-12 p-0 mb-4">
                            <label class="font-normal text-secondary mb-1 font-weight-bold">{$language.lblPhoneNumber}.<sup class="mndty font-normal font-weight-normal">*</sup></label>
                              <div class="row">
                            <div class="col-4 col-lg-3 pr-0">
                                {form->select 
                          id="payCountrycode"
                          name="payCountrycode"
                          class="form-control  primary text-secondary" 
                          options=$resOTPCountry
                        }
                                 {*<select id="payCountrycode" class="form-control">
                                <option value="971">+971</option>
                            </select>*}</div>
                              <div class="col-8 col-lg-9">
                            {form->textbox name="payUserPhone" maxlength='10' class="form-control text-secondary"  tabindex="2" validate="required~*isNumber" error=$language.errPhone|cat:"~*"|cat:$language.errValidPhone} 
                                  </div>
                            <span class="col-12 font-small mt-2">{$language.lblPhoneSubText}</span>
                              </div>
                          </div>
                          <div class="col-12 p-0 mb-4">
                            <label class="font-normal text-secondary mb-1 font-weight-bold">{$language.lblEmailAddress}<sup class="mndty font-normal font-weight-normal">*</sup></label>
                            {form->textbox name="payUserEmail" class="form-control text-secondary"  tabindex="3" validate="required~*email" error=$language.errInvalidEmail} 
                          </div>
                          <div class="col-12 p-0 mb-4">
                           {form->checkbox class="pos-abs chkbx1"  name="payagree" value="1"}    
                            <label for="payagree"  class="font-normal text-secondary mb-1 font-weight-bold">{$language.lblDataProtectionText}</label>
                            <div> {form->validate name="payvalidateAgree" validate="payagree->required"  error=$language.errAgreement} </div>
                            
                          </div>
						  {if  $enable_captcha=='Yes' || 1} 
                <div class="col-12 mb-3">
							  <div class="" style="width:100%;margin:auto;padding: 10px 0 10px 0">
							  <div id="captcha4"></div>
								
										<div id="regMessage4"></div>
								</div>
							  <div class="clear"></div>
              </div>  
{/if}
                          <div class="col-12 p-0 mb-4 pt-2">
                            {*<input type="submit" id="to-payment-screen-2" class="btn btn-primary font-small font-weight-bold px-5 py-3" value="{$language.lblSubmit}"/>*}
                            {form->button tabindex="10" value="{$language.lblSubmit}"  tabindex="4" name="to-payment-screen-2" id="to-payment-screen-2" class="btn btn-primary font-small font-weight-bold px-5 py-3" form="formPaymentContactInfo"} 
                          </div>
                        </div>
        {form->close} 
                      </div>
{form->validate_script form="formPaymentContactInfo"}