unserver-unify

<div class="col-md-12 margin-bottom-50" ng-controller="SchoolSignupCtrl as ctrl"> <div class="col-md-12 reg-page"> <div class="reg-header"> <h2> {{'Register a new school'|translate}} </h2> <p> {{'Sign up to teach more students!'|translate}} </p> </div> <div class="wizard_step"> <div class="stage-container"> <div class="stage col-md-4 col-sm-4" ng-class="{'tmm-current':ctrl.wizardstep==0 , 'tmm-success':ctrl.maxstep>0 }"> <div class="stage-header fa fa-building-o"> </div> <div class="stage-content"> <h3 class="stage-title" translate=""> School Information </h3> </div> </div>  <div class="stage col-md-4 col-sm-4" ng-class="{'tmm-current':ctrl.wizardstep==1, 'tmm-success':ctrl.maxstep>1}"> <div class="stage-header fa fa-phone"> </div> <div class="stage-content"> <h3 class="stage-title" translate=""> Additional Information </h3> </div> </div>  <div class="stage col-md-4 col-sm-4" ng-class="{'tmm-current':ctrl.wizardstep==2}"> <div class="stage-header fa fa-check"> </div> <div class="stage-content"> <h3 class="stage-title" translate=""> View & Confirmation </h3> </div> </div>  <div class="clearfix"> </div> </div> </div>  <form class="form-horizontal" name="basicform" ng-class='{"shake":shaking}' ng-show="ctrl.wizardstep==0" role="form"> <div class="row"> <div class="col-md-12"> <div class="headline" style="margin-bottom: 10px;"> <h4 translate=""> Your information </h4> </div> </div> <div class="col-md-6"> <div ng-class='{"has-error":basicform.username.$invalid && submitted}'> <label class="control-label" for="username"> <span translate=""> Name (User Name) </span> <span class="manditory"> * </span> </label> <div> <input class="form-control margin-bottom-20" focus-me="true" name="username" ng-minlength="5" ng-model="ctrl.userCredentials.name" placeholder="{{ 'required_min_length' | translate:'{ length: 5 }' }}" required="" type="text"/> </div> </div> <div class="form-group alert alert-danger" ng-show="basicform.username.$invalid && submitted"> <p class="help-block col-xs-12" translate="field_required_min_length" translate-value-field="{{ 'User Name' | translate }}" translate-values="{length: 5}"> </p> </div> </div> <div class="col-md-6"> <div ng-class='{"has-error":basicform.fullname.$invalid && submitted}'> <label class="control-label" for="fullname"> <span translate=""> Full Name </span> <span class="manditory"> * </span> </label> <div> <input class="form-control margin-bottom-20" focus-me="true" name="fullname" ng-minlength="5" ng-model="ctrl.userCredentials.fullname" placeholder="{{ 'required_min_length' | translate:'{ length: 5 }' }}" required="" type="text"/> </div> <div class="form-group alert alert-danger" ng-show="basicform.fullname.$invalid && submitted"> <p class="help-block col-xs-12" translate="field_required_min_length" translate-value-field="{{ 'User Name' | translate }}" translate-values="{length: 5}"> </p> </div> </div> </div> <div class="col-md-6"> <div ng-class='{"has-error":basicform.email.$invalid && submitted}'> <label class="control-label" for="email"> <span translate=""> Email </span> <span class="manditory"> * </span> </label> <div> <input class="form-control margin-bottom-20" name="email" ng-minlength="5" ng-model="ctrl.userCredentials.email" placeholder="{{ 'required_min_length' | translate:'{ length: 5 }' }}" required="" type="email"/> </div> </div> <div class="form-group alert alert-danger" ng-show="basicform.email.$invalid && submitted"> <p class="help-block col-xs-12"> <span translate="field_required_min_length" translate-value-field="{{ 'Email' | translate }}" translate-values="{length: 5}"> </span> <span translate=""> It must be a valid email address. </span> </p> </div> </div> <div class="col-md-6"> <div> <label class="control-label" for="role"> <span translate=""> What is your role at the business </span> <span class="manditory"> * </span> </label> <div> <select class="form-control margin-bottom-20" name="role" ng-model="ctrl.userCredentials.role" required=""> <option name="role" translate="" value=""> Select one </option> <option id="owner_affiliation_1" name="role" translate="" value="OWNER"> Owner </option> <option id="owner_affiliation_0" name="role" translate="" value="GENERAL_MANAGER"> General Manager </option> <option id="owner_affiliation_2" name="role" translate="" value="AGENCY_CONSULTANT"> Agency / Consultant </option> <option id="owner_affiliation_7" name="role" translate="" value="ACCOUNTING_FINANCE"> Accounting / Finance </option> <option id="owner_affiliation_6" name="role" translate="" value="GUEST_SERVICES"> Guest Services / Front Office </option> <option id="owner_affiliation_8" name="role" translate="" value="MARKETING"> Marketing </option> <option id="owner_affiliation_9" name="role" translate="" value="REVENUE_MANAGEMENT"> Revenue Management </option> <option id="owner_affiliation_10" name="role" translate="" value="SALES"> Sales </option> <option id="owner_affiliation_4" name="role" translate="" value="OTHER"> Other </option> </select> </div> </div> <div class="form-group alert alert-danger" ng-show="basicform.role.$invalid && submitted"> <p class="help-block col-xs-12"> <span translate="select_one" translate-value-field="{{ 'role' | translate }}" translate-values="{length: 5}"> </span>  </p> </div> </div> </div> <div class="row"> <div class="col-md-6"> <div ng-class='{"has-error":basicform.password.$invalid && submitted}'> <label class="control-label" for="password"> <span translate=""> Password </span> <span class="manditory"> * </span> </label> <div > <input class="form-control margin-bottom-20" name="password" ng-minlength="5" ng-model="ctrl.userCredentials.pass" placeholder="{{ 'required_min_length' | translate:'{ length: 5 }' }}" required="" type="password"/> </div> </div> <div class="form-group alert alert-danger" ng-show="basicform.password.$invalid && submitted"> <p class="help-block col-xs-12" translate="field_required_min_length" translate-value-field="{{ 'Password' | translate }}" translate-values="{length: 5}"> </p> </div> </div> <div class="col-md-6"> <div ng-class='{"has-error":basicform.password2.$invalid && submitted}'> <label class="control-label" for="password2"> <span translate=""> Confirm Password </span> <span class="manditory"> * </span> </label> <div > <input class="form-control margin-bottom-20" match-target="ctrl.userCredentials.pass" name="password2" ng-minlength="5" ng-model="ctrl.userCredentials.re_pass" password-confirm="" placeholder="{{ 'It must be same as the password that previous enter.' | translate }}" required="" type="password"/> </div> </div> <div class="form-group alert alert-danger" ng-show="basicform.password2.$invalid && submitted"> <p class="help-block col-xs-12"> <span translate="field_required_min_length" translate-value-field="{{ 'Confirm Password' | translate }}" translate-values="{length: 5}"> </span> <span translate=""> It must be same as the password that previous enter. </span> </p> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="headline" style="margin-bottom: 10px;"> <h4 translate=""> Listing information for your School </h4> </div> </div> <div class="col-md-6"> <div ng-class='{"has-error":basicform.cfullname.$invalid && submitted}'> <label class="control-label" for="cfullname"> <span translate=""> Official business name </span> <span class="manditory"> * </span> </label> <div> <input class="form-control margin-bottom-20" name="cfullname" ng-minlength="5" ng-model="ctrl.company.name" placeholder="{{ 'required_min_length' | translate:'{ length: 5 }' }}" required="" type="text"/> </div> </div> <div class="form-group alert alert-danger" ng-show="basicform.fullname.$invalid && submitted"> <p class="help-block col-xs-12" translate="field_required_min_length" translate-value-field="{{ 'Full Name' | translate }}" translate-values="{length: 5}"> </p> </div> </div> <div class="col-md-6"> <div ng-class='{"has-error":basicform.country.$invalid && submitted}'> <label class="control-label" for="Country"> <span translate=""> Country </span> <span class="manditory"> * </span> </label> <div > <select class="form-control margin-bottom-20" name="country" ng-model="ctrl.company.country" required=""> <option name="role" selected="" translate="" value=""> Select one </option> <option name="role" selected="" translate="" value="singapore"> Singapore </option> <option name="role" selected="" translate="" value="china"> China </option> <option name="role" selected="" translate="" value="malaysia"> Malaysia </option> </select> </div> <div class="form-group alert alert-danger" ng-show="basicform.country.$invalid && submitted"> <p class="help-block col-xs-12" translate="field_required_min_length" translate-value-field="{{ 'country' | translate }}" translate-values="{length: 5}"> </p> </div> </div> </div> <div class="col-md-6"> <div> <label class="control-label" for="Address"> <span translate=""> Address </span> </label> <div > <input class="form-control margin-bottom-20" name="address" ng-model="ctrl.company.address" placeholder="Enter your address" type="text"/> </div> </div> </div> <div class="col-md-6"> <div ng-class='{"has-error":basicform.city.$invalid && submitted}'> <label class="control-label" for="city"> <span translate=""> City </span> </label> <div > <input class="form-control margin-bottom-20" name="city" ng-model="ctrl.company.city" placeholder="{{ 'Enter your City' | translate }}" type="text"/> </div> <div class="form-group alert alert-danger" ng-show="basicform.city.$invalid && submitted"> <p class="help-block col-xs-12" translate="field_required_min_length" translate-value-field="{{ 'City' | translate }}" translate-values="{length: 5}"> </p> </div> </div> </div> <div class="col-md-6"> <div> <label class="control-label" for="Zip"> <span translate=""> Zip code </span> </label> <div > <input class="form-control margin-bottom-20" name="age" ng-model="ctrl.company.postcode" placeholder="Enter your Zip code" type="number"/> </div> </div> </div> </div> <div class="row"> <div class="col-md-6"> <simple-map postcode="ctrl.company.postcode"> </simple-map> </div> </div> <div class="form-group"> <div class="col-sm-12 text-right"> <div> <div class="col-xs-offset-4 col-sm-offset-4 col-md-offset-3 col-lg-offset-2 "> <button class="btn btn-info" ng-click="ctrl.nextfrombasic(basicform)" translate="" type="button"> {{ {eng:'Next',chn:'下一步'} | trans }} </button> </div> </div> </div> </div> </form>   <form class="form-horizontal" name="form2" ng-class='{"shake":shaking}' ng-show="ctrl.wizardstep==1" role="form"> <div class="row"> <div class="col-md-6"> <div ng-class='{"has-error":form2.mobile.$invalid && submitted}'> <label class="control-label" for="mobile"> <span translate=""> Mobile </span> <span class="manditory"> * </span> </label> <div> <input class="form-control margin-bottom-20" name="mobile" ng-minlength="5" ng-model="ctrl.company.tel" placeholder="{{ 'Enter your Mobile Number' | translate:'{ length: 8 }' }}" required="" type="text"/> </div> </div> <div class="form-group alert alert-danger" ng-show="form2.mobile.$invalid && submitted"> <p class="help-block col-xs-12"> <span translate="field_required_min_length" translate-value-field="{{ 'Minimum length' | translate }}" translate-values="{length: 8}"> </span> <span> {{ 'Enter your Mobile Number' | translate:'{ length: 8 }' }} </span> </p> </div> </div> <div class="col-md-6"> <div ng-class='{"has-error":form2.fax.$invalid && submitted}'> <label class="control-label" for="fax"> <span translate=""> Fax </span> </label> <div> <input class="form-control margin-bottom-20" name="fax" ng-model="ctrl.company.fax" placeholder="{{ 'Enter your Fax Number' | translate:'{ length: 8 }' }}" type="text"/> </div> </div> <div class="form-group alert alert-danger" ng-show="form2.fax.$invalid && submitted"> <p class="help-block col-xs-12"> <span translate="field_required_min_length" translate-value-field="{{ 'Minimum length' | translate }}" translate-values="{length: 8}"> </span> <span> {{ 'Enter your Fax Number' | translate:'{ length: 8 }' }} </span> </p> </div> </div> <div class="col-md-6"> <div ng-class='{"has-error":form2.email.$invalid && submitted}'> <label class="control-label" for="email"> <span translate=""> School Email </span> <span class="manditory"> * </span> </label> <div> <input class="form-control margin-bottom-20" name="email" ng-minlength="5" ng-model="ctrl.company.email" placeholder="{{ 'Email for customer enquiries' | translate }}" required="" type="email"/> </div> </div> <div class="form-group alert alert-danger" ng-show="form2.email.$invalid && submitted"> <p class="help-block col-xs-12"> <span translate="field_required_min_length" translate-value-field="{{ 'Email' | translate }}" translate-values="{length: 5}"> </span> <span translate=""> It must be a valid email address. </span> </p> </div> </div> <div class="col-md-6"> <div ng-class='{"has-error":form2.website.$invalid && submitted}'> <label class="control-label" for="website"> <span translate=""> School Website Address </span> </label> <div> <input class="form-control margin-bottom-20" name="website" ng-model="ctrl.company.website" placeholder="{{ 'https://' | translate }}" type="website"/> </div> </div> </div> <div class="col-md-6"> <div ng-class='{"has-error":form2.facebook.$invalid && submitted}'> <label class="control-label" for="website"> <span translate=""> Facebook Page </span> </label> <div> <input class="form-control margin-bottom-20" name="facebook" ng-model="ctrl.company.facebook" placeholder="www.facebook.com/Yourschool" type="website"/> </div> </div> </div> </div> <hr> <div class="row"> <div class="col-md-6 margin-bottom-20"> <label class="control-label"> {{'Category'|translate}} </label> <div class="checkbox"> <label> <input name="category" ng-model="ctrl.company.category" style="margin-top:2px;" type="radio"/> {{'Primary'|translate}} </label> <label> <input name="category" ng-model="ctrl.company.category" style="margin-top:2px;" type="radio"/> {{'Secondary'|translate}} </label> <label> <input name="category" ng-model="ctrl.company.category" style="margin-top:2px;" type="radio"/> {{'Higher Secondary'|translate}} </label> </div> </div> </div> <div class="row"> <div class="col-md-6"> <label class="control-label"> {{'Description of your school'|translate}} </label> <div> <textarea class="form-control margin-bottom-20" ng-model="ctrl.company.description" style="width:100%; height:80px"> </textarea> </div> </div> </div> <div class="col-sm-12 text-right no-padding"> <div> <div class="col-xs-offset-4 col-sm-offset-4 col-md-offset-3 col-lg-offset-2 "> <button class="btn btn-warning" ng-click="ctrl.backtostep(0)" translate="" type="button"> {{ {eng:'Back',chn:'上一步'} | trans }} </button> <button class="btn btn-info" ng-click="ctrl.nextform2(form2)" translate="" type="button"> {{ {eng:'Next',chn:'下一步'} | trans }} </button> </div> </div> </div> <div class="clearfix"> </div> </hr> </form>   <form class="form-horizontal margin-bottom-50" name="formcareer" ng-class='{"shake":shaking}' ng-show="ctrl.wizardstep==2" role="form"> <div class="row"> <div class="col-md-12"> <div class="headline" style="margin-bottom: 10px;"> <h4 translate=""> Your information </h4> </div> </div> <div class="col-md-6"> <div ng-class='{"has-error":basicform.username.$invalid && submitted}'> <label class="control-label" for="username"> <span translate=""> Name (User Name) </span> <span class="manditory"> * </span> </label> <div> <input class="form-control margin-bottom-20" disabled="" focus-me="true" name="username" ng-minlength="5" ng-model="ctrl.userCredentials.name" placeholder="{{ 'required_min_length' | translate:'{ length: 5 }' }}" type="text"/> </div> </div> </div> <div class="col-md-6"> <div ng-class='{"has-error":basicform.fullname.$invalid && submitted}'> <label class="control-label" for="fullname"> <span translate=""> Full Name </span> <span class="manditory"> * </span> </label> <div> <input class="form-control margin-bottom-20" disabled="" focus-me="true" name="fullname" ng-minlength="5" ng-model="ctrl.userCredentials.fullname" placeholder="{{ 'required_min_length' | translate:'{ length: 5 }' }}" type="text"/> </div> </div> </div> <div class="col-md-6"> <div ng-class='{"has-error":basicform.email.$invalid && submitted}'> <label class="control-label" for="email"> <span translate=""> Email </span> <span class="manditory"> * </span> </label> <div> <input class="form-control margin-bottom-20" disabled="" name="email" ng-minlength="5" ng-model="ctrl.userCredentials.email" placeholder="{{ 'required_min_length' | translate:'{ length: 5 }' }}" type="email"/> </div> </div> </div> <div class="col-md-6"> <div> <label class="control-label" for="role"> <span translate=""> What is your role at the business </span> <span class="manditory"> * </span> </label> <div> <input class="form-control margin-bottom-20" disabled="" name="" ng-model="ctrl.userCredentials.role" type=""> </input> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="headline" style="margin-bottom: 10px;"> <h4 translate=""> Listing information for your School </h4> </div> </div> <div class="col-md-6"> <div ng-class='{"has-error":basicform.fullname.$invalid && submitted}'> <label class="control-label" for="fullname"> <span translate=""> Official business name </span> <span class="manditory"> * </span> </label> <div> <input class="form-control margin-bottom-20" disabled="" name="fullname" ng-minlength="5" ng-model="ctrl.company.name" placeholder="{{ 'required_min_length' | translate:'{ length: 5 }' }}" required="" type="text"/> </div> </div> </div> <div class="col-md-6"> <div> <label class="control-label" for="Country"> <span translate=""> Country </span> <span class="manditory"> * </span> </label> <div > <input class="form-control margin-bottom-20" disabled="" name="" ng-model="ctrl.company.country" type=""> </input> </div> </div> </div> <div class="col-md-6"> <div> <label class="control-label" for="Address"> <span translate=""> Address </span> </label> <div > <input class="form-control margin-bottom-20" disabled="" name="address" ng-model="ctrl.company.address" placeholder="Enter your address" type="text"/> </div> </div> </div> <div class="col-md-6"> <div> <label class="control-label" for="city"> <span translate=""> City </span> </label> <div > <input class="form-control margin-bottom-20" disabled="" name="city" ng-model="ctrl.company.city" placeholder="{{ 'Enter your City' | translate }}" type="text"/> </div> </div> </div> <div class="col-md-6"> <div> <label class="control-label" for="Zip"> <span translate=""> Zip code </span> </label> <div > <input class="form-control margin-bottom-20" disabled="" name="age" ng-model="ctrl.company.postcode" placeholder="Enter your Zip code" type="number"/> </div> </div> </div> </div> <div class="row"> <div class="col-md-6"> <div ng-class='{"has-error":basicform.mobile.$invalid && submitted}'> <label class="control-label" for="mobile"> <span translate=""> Mobile </span> <span class="manditory"> * </span> </label> <div> <input class="form-control margin-bottom-20" disabled="" name="mobile" ng-minlength="5" ng-model="ctrl.company.tel" placeholder="{{ 'Enter your Mobile Number' | translate:'{ length: 8 }' }}" type="text"/> </div> </div> </div> <div class="col-md-6"> <div ng-class='{"has-error":basicform.fax.$invalid && submitted}'> <label class="control-label" for="fax"> <span translate=""> Fax </span> </label> <div> <input class="form-control margin-bottom-20" disabled="" name="fax" ng-minlength="5" ng-model="ctrl.company.fax" placeholder="{{ 'Enter your Fax Number' | translate:'{ length: 8 }' }}" type="text"/> </div> </div> </div> <div class="col-md-6"> <div ng-class='{"has-error":basicform.email.$invalid && submitted}'> <label class="control-label" for="email"> <span translate=""> School Email </span> <span class="manditory"> * </span> </label> <div> <input class="form-control margin-bottom-20" disabled="" name="email" ng-minlength="5" ng-model="ctrl.company.email" placeholder="{{ 'Email for customer enquiries' | translate }}" type="email"/> </div> </div> </div> <div class="col-md-6"> <div ng-class='{"has-error":basicform.website.$invalid && submitted}'> <label class="control-label" for="website"> <span translate=""> Website Address </span> </label> <div> <input class="form-control margin-bottom-20" disabled="" name="website" ng-minlength="5" ng-model="ctrl.company.website" placeholder="{{ 'https://' | translate }}" type="website"/> </div> </div> </div> <div class="col-md-6"> <div ng-class='{"has-error":basicform.website.$invalid && submitted}'> <label class="control-label" for="website"> <span translate=""> Facebook Page </span> </label> <div> <input class="form-control margin-bottom-20" disabled="" name="website" ng-minlength="5" ng-model="ctrl.company.facebook" placeholder="www.facebook.com/School" type="website"/> </div> </div> </div> </div> <div class="row"> <div class="col-md-6"> <label class="control-label"> {{'Description of your school'|translate}} </label> <div> <textarea class="form-control margin-bottom-20" disabled="" ng-model="ctrl.company.description" style="width:100%; height:80px"> </textarea> </div> </div> </div> <div class="row"> <div class="col-md-11 checkbox"> <label> <input ng-model="readTerm" style="margin-top:2px;" type="checkbox"/> {{ {eng:'I have read the',chn:'已阅读'}|trans}} <a class="color-green" ng-click="ctrl.readTerm()"> {{ {eng:'Terms and Conditions',chn:' 服务条款'}|trans }} </a> </label> </div> </div> <div class="row"> <div class="col-md-11 checkbox"> <label> <input ng-model="ctrl.userCredentials.broadcastEmail" style="margin-top:2px;" type="checkbox"> {{ {eng:'Subscribe platform emails',chn:'订阅信息邮件'}|trans}} </input> </label> </div> </div> <div class="row"> <div class="col-sm-12 text-right no-padding"> <div> <div class="col-xs-offset-4 col-sm-offset-4 col-md-offset-3 col-lg-offset-2 "> <button class="btn btn-warning" ng-click="ctrl.backtostep(1)" translate="" type="button"> Edit </button> <button class="btn btn-u" ng-class="{'active': readTerm, 'disable': !readTerm}" ng-click="ctrl.registerWithCompany()" translate="" type="button"> Register </button> </div> </div> </div> </div> </form> </div> </div>