{{mData.chartSystem}}
<section>
    <div class="col-sm-9 no-padding">
        Mittal, Prateek
        <br>
        Save Changes Cancel
        <br>
        To Speed Your Application Process, Please Be As Thorough As Possible When Providing The Information Below.
        <div class="col-sm-12 no-padding">
            <form class="no-padding">
                <div class="form-group col-sm-6">
                    <label for="input1">First Name:</label>
                    <input type="text" ng-model="data.fname" class="form-control" id="input1" placeholder="First Name">
                </div>
                <div class="form-group col-sm-6">
                    <label for="input2">Last Name:</label>
                    <input type="text" ng-model="data.lname" class="form-control" id="input2" placeholder="Last Name">
                </div>

                <div class="form-group col-sm-6">
                    <label for="input3">Middle Name:</label>
                    <input type="text" ng-model="data.mname" class="form-control" id="input3" placeholder="Middle Name">
                </div>
                <div class="form-group col-sm-6">
                    <label for="input4">Nickname:</label>
                    <input type="text" ng-model="data.nname" class="form-control" id="input4" placeholder="Nickname">
                </div>

                <div class="form-group col-sm-6">
                    <label for="input4">Password:</label>
                    <button class="form-control btn-success">Reset</button>
                </div>
                <div class="form-group col-sm-6">
                    <label for="input5">Country:</label>
                    <select class="form-control" ng-model="data.country" id="input5">
                        <option value="">Select</option>
                        <option value="USA">USA</option>
                        <option value="India">India</option>
                    </select>
                </div>

                <div class="form-group col-sm-12">
                    <label for="input6">Address1:</label>
                    <textarea type="text" ng-model="data.address1" class="form-control" id="input6"
                              placeholder="Address1"></textarea>
                </div>
                <div class="form-group col-sm-12">
                    <label for="input7">Address2:</label>
                    <textarea type="text" ng-model="data.address2" class="form-control" id="input7"
                              placeholder="Address2"></textarea>
                </div>

                <div class="form-group col-sm-4">
                    <label for="input8">City:</label>
                    <input type="text" ng-model="data.city" class="form-control" id="input8" placeholder="City">
                </div>
                <div class="form-group col-sm-4">
                    <label for="input9">State:</label>
                    <input type="text" ng-model="data.state" class="form-control" id="input9" placeholder="State">
                </div>
                <div class="form-group col-sm-4">
                    <label for="input10">Zip Code:</label>
                    <input type="text " ng-model="data.zipcode" class="form-control" id="input10" placeholder="Zipcode">
                </div>

                <div class="form-group col-sm-6">
                    <label for="input12">Birth Date:</label>
                    <input type="text" ng-model="data.birthdate" class="form-control" id="input12"
                           placeholder="Birth Date">
                </div>
                <div class="form-group col-sm-6">
                    <label>Gender:</label>
                    <div>
                        <div class="form-check radio-inline">
                            <label class="form-check-label">
                                <input type="radio" ng-model="data.gender" name="gender" value="Female" checked> Female
                            </label>
                        </div>
                        <div class="form-check radio-inline">
                            <label class="form-check-label">
                                <input type="radio" ng-model="data.gender" name="gender" value="Male"> Male
                            </label>
                        </div>
                    </div>
                </div>

                <div class="form-group col-sm-12">
                    <label for="input14">Social Security Number:</label>
                    <div class="row">
                        <div class=" col-sm-2"><input type="text" class="form-control col-sm-4" id="input14"></div>
                        <div class=" col-sm-2 "><input type="text" class="form-control col-sm-4" id="input15"></div>
                        <div class=" col-sm-2"><input type="text" class="form-control col-sm-4" id="input16"></div>
                    </div>
                </div>

                <div class="form-group col-sm-12" ng-if="mDataTemp.selected">
                    <label for="input5">Second Language:</label>
                    <div class="checkbox">
                        <div class="col-sm-4" ng-repeat="lang in  mData.sLanguage">
                            <!--<label><input type="checkbox" ng-click="onMyClick(mDataTemp,lang.name,this)" >{{lang.name}}</label>-->
                            <label><input type="checkbox" ng-model="mDataTemp.selected[lang.id]" ng-checked="mDataTemp.selected[lang.id]" ng-true-value="'{{lang.id}}'"  ng-false-value="''">{{lang.name}}</label>
                        </div>
                    </div>
                </div>
                aa {{mdataTemp.selected}} aa

                <button class="btn btn-primary" ng-click="testtt()">save to database</button>

                <div class="form-group col-sm-6">
                    <label for="input17">E-Mail Address:</label>
                    <input type="text" class="form-control" ng-model="data.email" id="input17"
                           placeholder="E-Mail Address">
                </div>
                <div class="form-group col-sm-6">
                    <label for="input18">Alternate E-Mail Address:</label>
                    <input type="text" class="form-control" ng-model="data.alternate_email" id="input18"
                           placeholder="Alternate E-Mail Address">
                </div>

                <div class="form-group col-sm-6">
                    <label for="input19">Phone Number:</label>
                    <input type="text" class="form-control" ng-model="data.phone" id="input19"
                           placeholder="Phone Number">
                </div>
                <div class="form-group col-sm-6">
                    <label for="input20">Mobile:</label>
                    <input type="text" class="form-control" ng-model="data.mobile" id="input20" placeholder="Mobile">
                </div>

                <div class="form-group col-sm-12">
                    <label>Profession:</label>
                    <div>
                        <div class="form-check radio-inline" ng-repeat="p in  mData.mProfession">
                            <label class="form-check-label"><input type="radio" ng-click="professionArea(p.id)"
                                                                   name="gender" ng-value="p.id"
                                                                   ng-checked="$index===0">{{p.name}}</label>
                        </div>
                    </div>
                </div>

                <div class="form-group col-sm-12">
                    <div>
                        <div class="form-check check-inline col-sm-4" ng-repeat="a in  mData.professionArea">
                            <label class="form-check-label">
                                <input type="checkbox" ng-checked="data.professionArea.indexOf(a.id) > -1"
                                       ng-model="a.selected" ng-value="a.id">{{a.name}}
                            </label>
                        </div>
                    </div>
                </div>

                <div class="form-group col-sm-12">
                    <label>Chart System Experience:</label>
                    <div>
                        <div class="form-check check-inline col-sm-6" ng-repeat="c in  mData.chartSystems">
                            <label class="form-check-label">
                                <input type="checkbox" ng-checked="data.chartSystems.indexOf(c.id) > -1"
                                       name="selected[]" ng-model="a.selected" ng-value="c.id">{{c.name}}
                            </label>
                        </div>
                    </div>
                </div>

            </form>

        </div>
    </div>
</section>

{{data}} {{mdata}}