Angular registration page

registration.htm

<div class="container" ng-controller="adminUserCtrl as employee" style="margin-top:30px">
    <div class="col-md-10 col-md-offset-1">
        <div class="panel panel-default">
            <div class="panel-heading"><h3 class="panel-title"><strong>Add Employee </strong></h3>

                <div style="float:right; font-size: 80%; position: relative; top:-10px"><a href="#">All employee</a>
                </div>
            </div>

            <div class="panel-body">
                <form role="form" name="employeeFrom" ng-submit="employeeFrom.$valid && submit()">
                    <!--<div class="alert alert-danger">-->
                    <!--<a class="close" data-dismiss="alert" href="#">×</a>{{errorMessage}}-->
                    <!--</div>-->
                    {{employeeFrom.$valid}}
                    <div class="row">
                        <div class="col-xs-12 col-sm-4 col-md-4">
                            <div class="form-group">
                                <input type="text" ng-model="employee.first_name" name="first_name" id="first_name" class="form-control"
                                       placeholder="First Name" tabindex="1" required>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-4 col-md-4">
                            <div class="form-group">
                                <input ng-model="employee.middle_name" type="text" name="middle_name" id="middle_name" class="form-control"
                                       placeholder="Middle Name" tabindex="1">
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-4 col-md-4">
                            <div class="form-group">
                                <input ng-model="employee.last_name" type="text" name="last_name" id="last_name" class="form-control "
                                       placeholder="Last Name" tabindex="2" required>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12 col-sm-4 col-md-4">
                            <select id="gender" name="gender" class="form-control" required>
                                <option value="-1">Select Gender</option>
                                <option value="1">Male</option>
                                <option value="2">Fe-male</option>
                            </select>
                        </div>
                        <div class="col-xs-12 col-sm-4 col-md-4">
                            <div class="form-group">
                                <select id="marital" name="marital" class="form-control" required>
                                    <option value="-1">Select Marital Status</option>
                                    <option value="1">Single</option>
                                    <option value="2">Married</option>
                                    <option value="2">Un-Married</option>
                                </select>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-4 col-md-4">
                            <div class="form-group">
                                <!--<select id="nationality" name="nationality" class="form-control" required>-->
                                    <!--<option value="-1">Select Nationality</option>-->
                                    <!--<option value="1">Indian</option>-->
                                    <!--<option value="2">U.S.A</option>-->
                                    <!--<option value="2">Other</option>-->
                                <!--</select>-->
                                <select id="nationality" name="nationality" ng-model="employee.nationality" class="form-control" ng-options="country.name for country in countries" ng-required="true">
                                    <option value="">- Please Choose Nationality -</option>
                                </select>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-xs-12 col-sm-4 col-md-4">
                                <div class="form-group">
                                    <input type="date" placeholder="choose date" class="form-control" uib-datepicker-popup
                                           datepicker-options="dateOptions" date-disabled="disabled(date, mode)"/>
                                </div>
                        </div>
                        <div class="col-xs-12 col-sm-4 col-md-4">
                            <select id="role" name="role" class="form-control" required>
                                <option value="-1">Select Role</option>
                                <option value="1">User</option>
                                <option value="2">Admin</option>
                            </select>

                            <select id="role_name" name="role_name" ng-model="employee.role_name" class="form-control" ng-options="role.name for role in role_names" ng-required="true">
                                <option value="">- Please Choose Reporting -</option>
                            </select>
                        </div>
                        <div class="col-xs-12 col-sm-4 col-md-4">
                            <!--reportings as reporting.name for reporting in reportings track by reporting.id-->
                            <select id="reporting" name="reporting" ng-model="employee.reporting" class="form-control" ng-options="reporting.name for reporting in reportings" ng-required="true">
                                <option value="">- Please Choose Reporting -</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <input ng-model="employee.user_name" type="text" name="display_name" id="display_name" class="form-control "
                               placeholder="Display Name" tabindex="3" required>
                    </div>
                    <div class="form-group">
                        <input ng-model="employee.email" type="email" name="email" id="email" class="form-control " placeholder="Email Address"
                               tabindex="4" required>
                    </div>
                    <div class="row">
                        <div class="col-xs-12 col-sm-6 col-md-6">
                            <div class="form-group">
                                <input  ng-model="employee.password" type="password" name="password" id="password" class="form-control "
                                       placeholder="Password" tabindex="5" required>
                            </div>
                        </div>
                        <div class="col-xs-12 col-sm-6 col-md-6">
                            <div class="form-group">
                                <input  ng-model="employee.password_confirmation" type="password" name="password_confirmation" id="password_confirmation"
                                       class="form-control " placeholder="Confirm Password" tabindex="6" required>
                            </div>
                        </div>
                    </div>
                    <hr style="margin-top:10px;margin-bottom:10px;">
                    <button type="submit" class="btn btn-success pull-right">Create Account</button>
                </form>
            </div>
        </div>
    </div>
</div>