<div class="row">
<div class="col">
<h2 class="heading2">Proposer Details</h2>
</div>
</div>
<div class="row mr-bottom">
<div class="col pdr5">
<div class="list">
<label class="item item-input item-stacked-label item-forgot item-input-text" focus-me>
<span class="input-label form-label">First Name <b>*</b></span>
<input type="text" name="proname" id="proname" ng-model="SolutionData.proname" onkeyup="limitText(this, 15);" onblur="formatName(this)" ng-disabled="IsPropFN">
</label>
</div>
</div>
<div class="col pdr5">
<div class="list">
<label class="item item-input item-stacked-label item-forgot item-input-text" focus-me>
<span class="input-label form-label">Middle Name</span>
<input type="text" name="proMname" id="proMname" ng-model="SolutionData.proMname" onkeyup="limitText(this, 15);" onblur="formatName(this)" ng-disabled="IsPropMN">
</label>
</div>
</div>
<div class="col pdr5">
<div class="list">
<label class="item item-input item-stacked-label item-forgot item-input-text" focus-me>
<span class="input-label form-label">Last Name <b>*</b></span>
<input type="text" name="proLname" id="proLname" ng-model="SolutionData.proLname" onkeyup="limitText(this, 15);" onblur="formatName(this)" ng-disabled="IsPropLN">
</label>
</div>
</div>
</div>
<div class="row mr-bottom">
<div class="col col-40 pdr5">
<div class="list">
<label class="item item-input item-stacked-label item-forgot item-input-text"> <span class="input-label form-label">Date of birth <b>*</b></span>
<input type="tel" placeholder="dd-mm-yyyy" ng-model="SolutionData.BirthDate" required valid-date>
</label>
<button class="button button-icon icon ion-calendar placeholder-icon" ng-disabled="isDateDisable" ng-click="openDatePicker()"></button>
</div>
</div>
<div class="col col-25 pdl5 pdr5">
<div class="list">
<label class="item item-input item-stacked-label item-forgot item-input-text"> <span class="input-label form-label">age <span class="star-orange">*</span></span>
<input type="text"
placeholder="age" ng-model="SolutionData.Age" disabled>
</label>
</div>
</div>
<div class="col col-33 pdl5 pdr5">
<div class="label-radio">NSAP <b>*</b><span><a class="info-icon" ng-click="openModal(20)"><i class="fa fa-info-circle"></i></a></span></div>
<ion-toggle ion-toggle-text ng-model="ProposerNSAPSelection" ng-change="changePropNSAP(ProposerNSAPSelection)"> </ion-toggle>
</div>
</div>
<div class="row mr-bottom">
<div class="col col-43">
<div class="label-radio">Gender <b>*</b></div>
<div class="common-gender-btn">
<input id="male_single" type="radio" ng-model="SolutionData.Gender" name="gender" value="Male" ng-disabled="IsPropGender" />
<label class="male icon-male-1" for="male_single"></label>
<input id="female_single" type="radio" name="gender" ng-model="SolutionData.Gender" value="Female" ng-disabled="IsPropGender" />
<label class="female icon-female-1" for="female_single"></label>
</div>
</div>
<div class="col ">
<div class="label-radio">Consume Tobacco <b>*</b></div>
<ion-toggle ion-toggle-text ng-model="SolutionData.tobacco" type="checkbox" ng-change="selectTobacco()"> </ion-toggle>
</div>
</div>
<div class="row ">
<div class="col">
<h2 class="heading3 mb-0">enter atleast one of email/mobile.</h2>
</div>
</div>
<div class="row mr-bottom">
<div class="col col-70 pdr5">
<div class="list">
<label class="item item-input item-stacked-label item-forgot item-input-text" focus-me> <span class="input-label form-label">Personal Email</span>
<input type="email" ng-model="SolutionData.EmailId" onkeyup="limitText(this, 50);"
ng-disabled="IsPropEmailId">
</label>
</div>
</div>
<div class="col col-33 pdr5">
<div class="list">
<label class="item item-input item-stacked-label item-forgot item-input-text " focus-me> <span class="input-label form-label">Mobile Number</span>
<input type="tel" min="0" class="mp_input" ng-model="SolutionData.Mobile" maxlength="10"
onkeyup="return numericFilter(this, 'SolutionData.Mobile')" onkeydown="return numericFilter(this, 'SolutionData.Mobile')" ng-disabled="IsPropMobile">
</label>
</div>
</div>
</div>
<div class="row mr-bottom">
<div class="col col-33">
<div class="label-radio">Staff <b>*</b></div>
<ion-toggle ion-toggle-text id="chbxShowAll" ng-model="SolutionData.Staff" type="checkbox" ng-change="staffSwitch()"> </ion-toggle>
</div>
<div class="col col-33">
<div class="list">
<label class="item item-input item-stacked-label item-forgot item-input-text"> <span class="input-label form-label">Employee ID </span>
<input ng-disabled="StaffID" type="text" class="mp_input" ng-model="SolutionData.StaffID" onkeyup="limitText(this, 8);">
</label>
</div>
</div>
</div>
</div>
<div class="common-col-right">
<div class="col pb-0">
<div class="row mr-top7">
<div class="col col-50">
<div class="label-radio">Is life assured same <b>*</b></div>
</div>
<div class="col col-33">
<ion-toggle ion-toggle-text type="checkbox" ng-model="SolutionData.lifeassured" ng-change="changeLASameAsPropOption(SolutionData.lifeassured)"> </ion-toggle>
</div>
</div>
<div ng-hide="SolutionData.lifeassured" class="assured-wrap mr-top03">
<div class="col assured-form">
<div class="row">
<div class="col">
<h2 class="heading2">Life Assured Details</h2>
</div>
</div>
<div class="row mr-bottom">
<div class="col pdr5">
<div class="list">
<label class="item item-input item-stacked-label item-forgot item-input-text"> <span class="input-label form-label">First Name <b>*</b></span>
<input type="text" name="LAname" id="LAname" ng-model="SolutionData.LAname" onkeyup="limitText(this, 15);" onblur="formatName(this)">
</label>
</div>
</div>
<div class="col plr5 pdr5">
<div class="list">
<label class="item item-input item-stacked-label item-forgot item-input-text"><span class="input-label form-label">Middle Name </span>
<input type="text" name="LaMname" id="LaMname" ng-model="SolutionData.LaMname" onkeyup="limitText(this, 15);" onblur="formatName(this)">
</label>
</div>
</div>
<div class="col">
<div class="list">
<label class="item item-input item-stacked-label item-forgot item-input-text"><span class="input-label form-label">Last Name <b>*</b></span>
<input type="text" name="LaLname" id="LaLname" ng-model="SolutionData.LaLname" onkeyup="limitText(this, 15);" onblur="formatName(this)">
</label>
</div>
</div>
</div>
<div class="row mr-bottom">
<div class="col col-40 pdr5">
<div class="list">
<label class="item item-input item-stacked-label item-forgot item-input-text"> <span class="input-label form-label">Date of birth <b>*</b></span>
<input type="text" placeholder="dd-mm-yyyy" ng-model="SolutionData.LABirthDate" disabled required valid-date>
</label>
<button class="button button-icon icon ion-calendar placeholder-icon" ng-click="openDatePickerLA()"></button>
</div>
</div>
<div class="col col-25 pdl5 pdr5">
<div class="list">
<label class="item item-input item-stacked-label item-forgot item-input-text"> <span class="input-label form-label">Age</span>
<input type="text" ng-model="SolutionData.LaAge" disabled>
</label>
</div>
</div>
<div class="col col-33 pdl5 pdr5">
<div class="label-radio">NSAP <b>*</b><span><a class="info-icon" ng-click="openModal(20)"><i class="fa fa-info-circle"></i></a></span></div>
<ion-toggle ion-toggle-text ng-model="LANSAPSelection" ng-change="changeLANSAP(LANSAPSelection)"> </ion-toggle>
</div>
</div>
<div class="row mr-bottom ">
<div class="col col-43">
<div class="label-radio">Gender <b>*</b></div>
<div class="common-gender-btn">
<input id="male_single1" type="radio" ng-model="SolutionData.LaGender" name="gender1" value="Male" />
<label class="male icon-male-1" for="male_single1"></label>
<input id="female_single1" type="radio" name="gender1" value="Female" ng-model="SolutionData.LaGender" />
<label class="female icon-female-1" for="female_single1"></label>
</div>
</div>
<div class="col ">
<div class="label-radio">Consume Tobacco <b>*</b></div>
<ion-toggle ion-toggle-text ng-model="SolutionData.LaTobacco"> </ion-toggle>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
test
![]()