<!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" class="no-js" ng-app="myapp" lang="{$SelCurrLanguage}">
        <head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
          <title>{$language.lblAccountinfo} : {$language.lblPersonalInformation}</title>
          <meta name="viewport" content="width=device-width">
          <meta name="Description" content="{$commonMetaDescription}" />
          <meta name="Keywords" content="{$commonMetaKeywords}" />
          {include file='CommonStyles.tpl'  }
          <link href="{$view_styles}/myaccount.css" rel="stylesheet" type="text/css" media="screen" />
          {include file='CommonJavaScript.tpl'  }
          {form->rootpath_script}
          {form->basepath_script}
          {include file='TheamingStyles.tpl'}
          <script type="text/javascript">
            {literal}
            $(document).ready(function(){
            	$('.panelmenu a[rel=personal]').parent().addClass('active');	
            	$("#userPicture").blur(function(){
            		$("#userPicture").removeClass("profImg");
            	});
            });	
            {/literal}
          </script>
        </head>
        <body ng-controller="SearchCtrl" class="{$languageDirection}">
            {*<!-- Begin : Outer Pane -->*}
          <div id="main" class="outer">
            {*<!-- Begin : Header--> *}
            {include file='CommonTop.tpl'} 
            {*<!-- End : Header --> *}
           {* <!-- Begin : Content Pane -->*}
            <div id="content-wrapper" ng-show="!query" class="pt-3 pb-4">
              <div class="container">
                  <div class="container-wraper">
                <div class="row">
                  {include file='account/CommonAccountRightMenu.tpl'}
                <div class="col-12 col-lg-9">
                    <div class="py-2 bg-white border-bottom">
                        <h2 class="acc-title shadow-box px-md-4 px-3 py-md-1 py-0 text-capitalize text-dark m-0">{$language.lblPersonalInformation}</h2>
                    </div>
                  <div class="right-panel bg-white settngs p-md-4 p-3">
                  <div id="common_message" ></div>
                   {* <!-- Begin : Content Pane --> *}
                    {form->start name="formUserProfileEdit" method="post" enctype="multipart/form-data"}            
                    {form->hidden name="statehidValue"}            
                    {form->hidden name="referralID"}
                    <fieldset class="form1 my-3">
                      <div class="profile-listing row">
                        <div class="edit-profile col-12">
                          <div class="form-group rtl-email">
                            <label class="mr-4 mb-0">{$language.lblEmailID} : </label>
                            <span class="text-primary">{$userEmail}</span>
                          </div>
                          <div class="clearfix form-group">
                            <label class="c-label mb-1">{$language.lblFirstName} <span class="mndty">*</span></label>
                            {form->textbox  name="userFirstName" maxlength="50"  tabindex="1"  class="form-control " validate_event="submit" validate="required" error=$language.errFirstName}
                          </div>
                          <div class="clearfix form-group">
                            <label class="c-label mb-1">{$language.lblLastName} <span class="mndty">*</span></label>
                            {form->textbox class="form-control " maxlength="50" tabindex="2" name="userLastName" validate_event="submit" validate="required" error=$language.errLastName}
                          </div>
                          <div class="row form-group">
                            <label class="col-12 mb-1">{$language.lblGender} <span class="mndty">*</span> </label>
                            <div class="col-12">
                              {form->radio name="userGender" tabindex="3" class="customradio" options="Male->"|cat:$language.lblMale|cat:"~*Female->"|cat:$language.lblFemale}                    
                              {form->validate  name="gender" validate="userGender->required"  error=$language.errGender} 
                            </div>
                          </div>
                                  
                          <div class="clearfix form-group">
                              {assign var="DOB" value="-"|explode:$userDOB}
                              <label class="mb-1">{$language.lblDateofBirth} <span class="mndty">*</span></label>
                              <div class="row">
                                  <div class="col-4"> 
                                    {form->select validate_event="submit" tabindex="4" value=$DOB[0] caption="->"|cat:$language.lblDate options=$dayArray class="form-control dob-valid" name="dobDay" validate="required~*isNumber" error=$language.errRequired|cat:"~*"|cat:$language.lblValidDte} 
                                  </div>

                                  <div class="col-4"> 
                                    {form->select tabindex="5"  value=$DOB[1]|default:'' caption="->"|cat:$language.lblMonth options="01->{$language.lblJan}~*02->{$language.lblFeb}~*03->{$language.lblMar}~*04->{$language.lblApr}~*05->{$language.lblMay}~*06->{$language.lblJun}~*07->{$language.lblJul}~*08->{$language.lblAug}~*09->{$language.lblSep}~*10->{$language.lblOct}~*11->{$language.lblNov}~*12->{$language.lblDec}" class="form-control dob-valid" name="dobMonth" validate="required~*isNumber" error=$language.errRequired|cat:"~*"|cat:$language.lblValidmon validate_event="submit"} 
                                  </div>
                                  <div class="col-4"> 
                                  {form->select tabindex="6"  value=$DOB[2]|default:'' caption="->"|cat:$language.lblYear options=$dobYearArray class="form-control dob-valid" name="dobYear" id="dobYear" validate="required~*isNumber" error=$language.errRequired|cat:"~*"|cat:$language.lblValidyr validate_event="submit"}
                                  </div>
                                  <div> {form->hidden name="hiddenDob" value=0}
                                    {form->validate  name="dob" validate="hiddenDob->isequal->1~*dob->required"  error=$language.errValidDOB}
                                  </div>
                              </div>
                            </div>
                          <div class="clearfix">
                            <div class="clearfix form-group">
                              <label class="mb-1">{$language.lblProfileLanguage} <span class="mndty">*</span> </label>
                              {form->select tabindex="9" options=$view_common_languages class="form-control "  name="userDefaultLanguage"} 
                            </div>
                          </div>
                             {form->submit tabindex="10" name="submit" id="submit" class="btn btn-secondary btn-block btn-md" form="formUserProfileEdit" value=$language.lblSaveChanges} 
                      </div>
                        </div>
                    </fieldset>
                  {form->close} 
                                  
                  </div>
                            {*<!-- End : Content Pane --> *}

                </div>
                </div>
                          </div>
                        </div>
                      </div>
                      
                    {form->close} 
                    {*<!-- End : Content Pane --> *}

                 
           {* <!-- End : Content Pane --> *}
            {*<!-- Begin : Footer	Pane --> *}
            {include file='CommonBottom.tpl'  } 
           {* <!-- End : Footer Pane --> *}
          </div>
         {*<!-- End : Outer Pane --> *}
          {html->messages_script id="common_message"}
          {include file='CommonJavaScriptBottom.tpl'  } 
          {html->script_group_start name="{$compiled_js_path}/account.profileedit.js"}
          {html->script src="{$common_js}/uploadImage.plugin.js"}
          {html->script src="{$common_frontend_js}/signup.page.js"}
          {html->script_group_end} 
          <script type="text/javascript">
            var editImageTitle='{$language.lbleditImageTitle}';
          </script> 
          {form->validate_script form="formUserProfileEdit"}
        </body>
      </html>