<style type="text/css">
    .hide1 {
        display: none;
    }
</style>
<!-- START MAIN -->
<div data-ng-controller="AccessPasswdController">
    <!-- START WRAPPER -->
    <div class="wrapper">

        <!-- START CONTENT -->
        <section id="content">

            <!--start container-->
            <div class="container">

                <div class="col m12">
                    <h4>Access &AMP; Password</h4>
                </div>

                <div class="row no-space">
                    <div class="col s12 m12 l12">
                        <div class="card-panel">
                            <div class="row">
                                <div class="col m12 s12">
                                    <h5><strong>Access &amp; Password</strong></h5>
                                    <p>Use your password to sign in to Socioboard on the web and mobile apps. Make it nice and secure! </p>
                                    <a href="javascript:void(0);" ng-click="changepasswordModel()" class="btn btn_style modal-trigger" ng-if="password !=null">Change My Password</a>
                                    <a class="btn btn_style modal-trigger" ng-if="password ==null">You can't change password</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="row no-space">
                    <div class="col s12 m12 l12">
                        <div class="card-panel">
                            <div class="row">
                                <h5><strong>2-Step Login</strong></h5>
                                <p>2-Step Login, adds an extra layer of security for your Socioboard account. Whenever you log in to your account, after entering your username and password, you will be asked for a second authentication code that was sent to your mobile phone via text or free mobile app. </p>
                                <div class="col m12 s12" ng-if="userdata.emailValidateToken != 'Facebook' && userdata.emailValidateToken != 'Google' && userdata.socialLoginEnableFb==false && userdata.socialLoginEnableGo==false">
                                    <!--<h5><strong>2-Step Login</strong></h5>-->
                                    <!--<p>2-Step Login, adds an extra layer of security for your Socioboard account. Whenever you log in to your account, after entering your username and password, you will be asked for a second authentication code that was sent to your mobile phone via text or free mobile app. </p>-->
                                    <a href="javascript:void(0);" ng-click="enableModel()" class="btn btn_style modal-trigger" ng-if="userdata.twostepEnable!=true">Enable 2-Step Login</a>
                                    <a href="javascript:void(0);" ng-click="disableModel()" class="btn btn_style modal-trigger" ng-if="userdata.twostepEnable==true">Disable 2-Step Login</a>
                                </div>
                                <div class="col m12 s12" ng-if="userdata.emailValidateToken == 'Facebook' || userdata.emailValidateToken == 'Google' || userdata.socialLoginEnableFb==true || userdata.socialLoginEnableGo==true">
                                    <!--<h5><strong>2-Step Login</strong></h5>-->
                                    <!--<p>2-Step Login, adds an extra layer of security for your Socioboard account. Whenever you log in to your account, after entering your username and password, you will be asked for a second authentication code that was sent to your mobile phone via text or free mobile app. </p>-->
                                    <a ng-click="twostepsocialmessage()" class="btn btn_style grey" disable>Enable 2-Step Login</a>
                                </div>
                             </div>

                               
                                
                        </div>
                    </div>
                </div>
                <!--Social sign start-->
                <div class="row no-space">
                    <div class="col s12 m12 l12">
                        <div class="card-panel">
                            <div class="row">
                                <div class="col m12 s12">
                                    <h5><strong>Social Sign In</strong></h5>
                                    <p>You can sign in to Socioboard quickly and easily using your social networks. If you share access to a social network with someone else then make sure to switch this off so that they can't sign in to your account.</p>
                                    <ul class="collection" style="border: 0px solid #e0e0e0;">
                                        <li class="grey-text text-darken-4"><i class="fa fa-dot-circle-o fa-fw" aria-hidden="true"></i>Primary Account</li>
                                        <li class="collection-item avatar" >
                                            <div class="col s12" ng-if="userdetail.password!=null"> 
                                                <div ng-if="profilePicExist == 1" class="left">
                                                    <img src="{{userdetail.profilePicUrl}}" class="responsive-img profilePic">                                                   
                                                </div>
                                                <div ng-if="profilePicExist == 0" class="left">
                                                    <img src="{{user.ProfilePicUrl}}" class="responsive-img profilePic">
                                                </div>
                                                <div style="display: inline-block; margin-left:20px;">
                                                    <span>User login emailid</span><br />
                                                    <span>{{userdetail.emailId}}</span>
                                                </div>
                                            </div>
                                            <div class="col s12" ng-if="userdetail.emailValidateToken=='Facebook' && userFBPrimaryAcc.emailId!=null"> <!---->
                                                <div class="left">
                                                    <img src="{{userOwnFBAcc}}" class="responsive-img profilePic">
                                                    <img ng-if="userdetail.emailValidateToken=='Facebook'" class="responsive-img msgiconPoss" src="/contents/socioboard/images/fb_icon.png">
                                                </div>
                                                <div style="display: inline-block; margin-left:20px;">
                                                    <span ng-if="userdetail.emailValidateToken=='Facebook'">Facebook</span><br />
                                                    <span>{{userdetail.emailId}}</span>
                                                </div>                       
                                            </div>
                                            <div class="col s12" ng-if="userdetail.emailValidateToken=='Google'&& userGooglePrimaryAcc.emailId!=null">
                                                <div class="left">
                                                    <img src="{{userOwnGoogleAcc}}" class="responsive-img profilePic">
                                                    <img ng-if="userdetail.emailValidateToken=='Google'" class="responsive-img msgiconPoss" src="/contents/socioboard/images/gplus-icon.png">   
                                                </div>                                                
                                                <div style="display: inline-block; margin-left:20px;">
                                                    <span ng-if="userdetail.emailValidateToken=='Google'">Google</span><br />
                                                    <span>{{userdetail.emailId}}</span> 
                                                </div>              
                                            </div>
                                            
                                        </li>
                                    </ul>
                                    <ul class="collection" style="border: 0px solid #e0e0e0;">
                                        <li class="grey-text text-darken-4"><i class="fa fa-dot-circle-o fa-fw" aria-hidden="true"></i>Secondary Account</li>
                                        <li class="collection-item avatar" ng-repeat="profilesDet in fbprofiles">
                                            <div class="col s12">
                                                <div class="left">
                                                    <img src="{{profilesDet.profileUrl}}" class="responsive-img profilePic">
                                                    <img class="responsive-img msgiconPoss" src="/contents/socioboard/images/fb_icon.png">
                                                </div>                                                
                                                <div class="" style="display: inline-block; margin-left:20px;">
                                                    <span>Facebook</span><br />
                                                    <span>{{profilesDet.emailId}}</span>
                                                </div>
                                            </div>
                                            <div class="secondary-content margin-top-10">
                                                <div class="switch" ng-init="hasEnableF=profilesDet.socailSignInEnable">
                                                    <!--ng-if="user.password !=null"-->
                                                    <label>
                                                        Off
                                                        <input type="checkbox" ng-model="hasEnableF" ng-click="socialLoginFB(hasEnableF,profilesDet.fbUserId)">
                                                        <span class="lever"></span>
                                                        On
                                                    </label>
                                                </div>
                                            </div>
                                        </li>
                                        <li class="collection-item avatar" ng-repeat="Gplusprofile in lstGplusProfiles">
                                            <div class="col s12">
                                                <div class="left">
                                                    <img src="{{Gplusprofile.gpProfileImage}}" class="responsive-img profilePic">
                                                    <img class="responsive-img msgiconPoss" src="/contents/socioboard/images/gplus-icon.png">
                                                </div>
                                                <div class="" style="display: inline-block; margin-left:20px;">
                                                    <span>Google</span><br />
                                                    <span>{{Gplusprofile.emailId}}</span>
                                                </div>                                                                                                
                                            </div>
                                            <div class="secondary-content margin-top-10">
                                                <div class="switch" ng-init="hasEnableGo=Gplusprofile.socialSignInEnable">
                                                    <label>
                                                        Off
                                                        <input type="checkbox" ng-model="hasEnableGo" ng-click="socialLoginGoogle(hasEnableGo,Gplusprofile.gpUserId)">
                                                        <span class="lever"></span>
                                                        On
                                                    </label>
                                                </div>
                                            </div>
                                        </li>
                                    </ul>
                                    <hr />                                   
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--Social sign End-->
                <!--Session details start-->
                <div class="row no-space">
                    <div class="col s12 m12 l12">
                        <div class="card-panel">
                            <div class="row">
                                <div class="col m12 s12">
                                    <h5><strong>Sessions</strong></h5>
                                    <p>This is a list of devices that have used your account within the past 2 weeks. If there are any sessions you do not recognize, click the "Revoke" button to log them out.</p>
                                    <h6>Web</h6>
                                    <table>
                                        <thead>
                                            <tr>
                                                <th>IP Address</th>
                                                <th>Browser + OS</th>
                                                <th>Last Accessed</th>
                                                <th>First Sign In</th>
                                                <th>&nbsp;</th>
                                            </tr>
                                        </thead>

                                        <tbody>
                                            <tr ng-repeat="sessions in Sessions | filter:{sessionStatus:1}">
                                                <td>{{sessions.ipAddress}}</td>
                                                <td>{{sessions.browseros}}</td>
                                                <td>{{sessions.lastAccessedTime}}</td>
                                                <td>{{sessions.firstloginTime}}</td>
                                                <td><a ng-click="Revokesession(sessions.id,sessions.systemId)" class="blue-text">Revoke</a></td>
                                            </tr>
                                            <tr ng-repeat="sessions in userSessions | filter:{sessionStatus:0}">
                                                <td>{{sessions.ipAddress}}</td>
                                                <td>{{sessions.browseros}}</td>
                                                <td>{{sessions.lastAccessedTime}}</td>
                                                <td>{{sessions.firstloginTime}}</td>
                                                <td><a disable class="blue-text">Revoked</a></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!--Session details End-->
            </div>
            <!--end container-->
        </section>
        <!-- END CONTENT -->
    </div>
    <!-- END WRAPPER -->
</div>
<!-- END MAIN -->
<!-- change password -->
<div id="change_passwd" class="modal" style="width: 500px;">
    <div class="modal-content">
        <a href="javascript:void();" class="modal-action modal-close waves-effect waves-blue btn-flat right"><i class="icon-close"></i></a>
        <h5>Change My Password</h5>
        <form name="myform" ng-submit="UpdatePassword(updatePassword)">
            <div class="row no-space">
                <div class="input-field col s12">
                    <input ng-model="updatePassword.currentPassword" required class="validate" type="password">
                    <label for="password">Current Password</label>
                </div>
            </div>
            <div class="row no-space">
                <div class="input-field col s12">
                    <input ng-model="updatePassword.newPassword" type="password" required class="validate" title="Password must contain at least 8 characters, including at least 1 number and includes both lower and uppercase letters and special characters" data-rule-minlength="8" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[$&+,:;=?@@#|'<>.^*()%!-_]).{8,}">
                    <label for="new_password">New Password</label>
                </div>
            </div>
            <div class="row no-space">
                <div class="input-field col s12">
                    <input ng-model="updatePassword.conformPassword" type="password" required class="validate" title="Password must contain at least 8 characters, including at least 1 number and includes both lower and uppercase letters and special characters" data-rule-minlength="8" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z])(?=.*[$&+,:;=?@@#|'<>.^*()%!-_]).{8,}">
                    <label for="con_password">Confirm Password</label>
                </div>
            </div>
            <div class="input-field col s12">
                <button class="btn blue white-text modal-action waves-effect waves-blue btn-flat" type="submit" id="mail_btn">
                    Change Password
                    <i class="mdi-content-send right"></i>
                </button>
            </div>
        </form>
    </div>
    <!--<div class="modal-footer">
      <a href="javascript:void();" class="btn blue white-text modal-action modal-close waves-effect waves-blue btn-flat">Change</a>
    </div>-->
</div>

<!-- 2step_login enable enter password -->
<div id="2step_login_enable" class="modal" style="width: 500px;">
    <div class="modal-content">
        <a href="javascript:void();" class="modal-action modal-close waves-effect waves-blue btn-flat right"><i class="icon-close"></i></a>
        <h5>Please enter your password to enable two step login.</h5>
        <form ng-submit="enabletwosteplogin(verifyPassword)">
            <div class="row no-space">
                <div class="input-field col s12">
                    <input ng-model="verifyPassword.currentPassword" type="password" required class="validate">
                    <label for="password">Password</label>
                </div>
            </div>
            <div class="input-field col s12">
                <button class="btn blue white-text modal-action waves-effect waves-blue btn-flat" type="submit" id="mail_btn">
                    Submit
                    <i class="mdi-content-send right"></i>
                </button>
            </div>
        </form>
    </div>
    <!--<div class="modal-footer">
      <a href="" class="btn blue white-text modal-action modal-close waves-effect waves-blue btn-flat">Submit</a>
    </div>-->
</div>

<!-- 2step_login disable enter password -->
<div id="2step_login_disable" class="modal" style="width: 500px;">
    <div class="modal-content">
        <a href="javascript:void();" class="modal-action modal-close waves-effect waves-blue btn-flat right"><i class="icon-close"></i></a>
        <h5>Please enter your password to Disable two step login</h5>
        <form ng-submit="disabletwosteplogin(verifyPassword)">
            <div class="row no-space">
                <div class="input-field col s12">
                    <input ng-model="verifyPassword.currentPassword" type="password" required class="validate">
                    <label for="password">Password</label>
                </div>
            </div>
            <div class="input-field col s12">
                <button class="btn blue white-text modal-action waves-effect waves-blue btn-flat" type="submit" id="mail_btn">
                    Submit
                    <i class="mdi-content-send right"></i>
                </button>
            </div>
        </form>
    </div>
    <!--<div class="modal-footer">
      <a href="" class="btn blue white-text modal-action modal-close waves-effect waves-blue btn-flat">Submit</a>
    </div>-->
</div>
<!-- 2step_login_2 -->
<!--<div id="2step_login_2" class="modal" style="width: 500px;">
    <div class="modal-content">
      <a href="javascript:void();" class="modal-action modal-close waves-effect waves-blue btn-flat right"><i class="icon-close"></i></a>
      <h5>Set Up 2-Step Login</h5>
      <h6>Where would you like us to send your security codes?</h6>
      <form>
          <div class="row">
            <div class="input-field col s12 m6 l6">
                <input name="step_two" type="radio" id="text_sms" class="with-gap radio_trigger" data-rel="text_sms"/>
                <label for="text_sms">Text Message (SMS)</label>
            </div>
            <div class="input-field col s12 m6 l6">
                <input name="step_two" type="radio" id="email_send" class="with-gap radio_trigger" data-rel="email_send"/>
                <label for="email_send">Via Email</label>
            </div>
          </div>
          <div class="row no-space text_sms hide1">
              <div class="input-field col l6 s12">
                <select name="country_code" id="country-code" class=" dropdown-content-small">
                   <option value="+93">Afghanistan (+93)</option>
                   <option value="+355">Albania (+355)</option>
                   <option value="+213">Algeria (+213)</option>
                   <option value="+1684">American Samoa (+1684)</option>
                   <option value="+376">Andorra (+376)</option>
                   <option value="+244">Angola (+244)</option>
                   <option value="+1264">Anguilla (+1264)</option>
                   <option value="+672">Antarctica (+672)</option>
                   <option value="+1268">Antigua and Barbuda (+1268)</option>
                   <option value="+54">Argentina (+54)</option>
                   <option value="+374">Armenia (+374)</option>
                   <option value="+297">Aruba (+297)</option>
                   <option value="+61">Australia (+61)</option>
                   <option value="+43">Austria (+43)</option>
                   <option value="+994">Azerbaijan (+994)</option>
                   <option value="+1242">Bahamas (+1242)</option>
                   <option value="+973">Bahrain (+973)</option>
                   <option value="+880">Bangladesh (+880)</option>
                   <option value="+1246">Barbados (+1246)</option>
                   <option value="+375">Belarus (+375)</option>
                   <option value="+32">Belgium (+32)</option>
                   <option value="+501">Belize (+501)</option>
                   <option value="+229">Benin (+229)</option>
                   <option value="+1441">Bermuda (+1441)</option>
                   <option value="+975">Bhutan (+975)</option>
                   <option value="+591">Bolivia (+591)</option>
                   <option value="+387">Bosnia and Herzegovina (+387)</option>
                   <option value="+267">Botswana (+267)</option>
                   <option value="+55">Bouvet Island (+55)</option>
                   <option value="+55">Brazil (+55)</option>
                   <option value="+1284">British Virgin Islands (+1284)</option>
                   <option value="+673">Brunei (+673)</option>
                   <option value="+359">Bulgaria (+359)</option>
                   <option value="+226">Burkina Faso (+226)</option>
                   <option value="+257">Burundi (+257)</option>
                   <option value="+855">Cambodia (+855)</option>
                   <option value="+237">Cameroon (+237)</option>
                   <option selected="selected" value="+1">Canada (+1)</option>
                   <option value="+238">Cape Verde (+238)</option>
                   <option value="+1345">Cayman Islands (+1345)</option>
                   <option value="+236">Central African Republic (+236)</option>
                   <option value="+235">Chad (+235)</option>
                   <option value="+56">Chile (+56)</option>
                   <option value="+86">China (+86)</option>
                   <option value="+61">Christmas Island (+61)</option>
                   <option value="+61">Cocos [Keeling] Islands (+61)</option>
                   <option value="+57">Colombia (+57)</option>
                   <option value="+269">Comoros (+269)</option>
                   <option value="+242">Congo - Brazzaville (+242)</option>
                   <option value="+243">Congo - Kinshasa (+243)</option>
                   <option value="+682">Cook Islands (+682)</option>
                   <option value="+506">Costa Rica (+506)</option>
                   <option value="+225">Côte d’Ivoire (+225)</option>
                   <option value="+385">Croatia (+385)</option>
                   <option value="+5999">Curaçao (+5999)</option>
                   <option value="+357">Cyprus (+357)</option>
                   <option value="+420">Czech Republic (+420)</option>
                   <option value="+45">Denmark (+45)</option>
                   <option value="+253">Djibouti (+253)</option>
                   <option value="+1767">Dominica (+1767)</option>
                   <option selected="selected" value="+1">Dominican Republic (+1)</option>
                   <option value="+593">Ecuador (+593)</option>
                   <option value="+20">Egypt (+20)</option>
                   <option value="+503">El Salvador (+503)</option>
                   <option value="+240">Equatorial Guinea (+240)</option>
                   <option value="+291">Eritrea (+291)</option>
                   <option value="+372">Estonia (+372)</option>
                   <option value="+251">Ethiopia (+251)</option>
                   <option value="+500">Falkland Islands (+500)</option>
                   <option value="+298">Faroe Islands (+298)</option>
                   <option value="+679">Fiji (+679)</option>
                   <option value="+358">Finland (+358)</option>
                   <option value="+33">France (+33)</option>
                   <option value="+594">French Guiana (+594)</option>
                   <option value="+689">French Polynesia (+689)</option>
                   <option value="+241">Gabon (+241)</option>
                   <option value="+220">Gambia (+220)</option>
                   <option value="+995">Georgia (+995)</option>
                   <option value="+49">Germany (+49)</option>
                   <option value="+233">Ghana (+233)</option>
                   <option value="+350">Gibraltar (+350)</option>
                   <option value="+30">Greece (+30)</option>
                   <option value="+299">Greenland (+299)</option>
                   <option value="+1473">Grenada (+1473)</option>
                   <option value="+590">Guadeloupe (+590)</option>
                   <option value="+1671">Guam (+1671)</option>
                   <option value="+502">Guatemala (+502)</option>
                   <option value="+224">Guinea (+224)</option>
                   <option value="+245">Guinea-Bissau (+245)</option>
                   <option value="+592">Guyana (+592)</option>
                   <option value="+509">Haiti (+509)</option>
                   <option value="+504">Honduras (+504)</option>
                   <option value="+852">Hong Kong (+852)</option>
                   <option value="+36">Hungary (+36)</option>
                   <option value="+354">Iceland (+354)</option>
                   <option value="+91">India (+91)</option>
                   <option value="+62">Indonesia (+62)</option>
                   <option value="+964">Iraq (+964)</option>
                   <option value="+353">Ireland (+353)</option>
                   <option value="+44">Isle of Man (+44)</option>
                   <option value="+972">Israel (+972)</option>
                   <option value="+39">Italy (+39)</option>
                   <option value="+1876">Jamaica (+1876)</option>
                   <option value="+81">Japan (+81)</option>
                   <option value="+962">Jordan (+962)</option>
                   <option value="+7">Kazakhstan (+7)</option>
                   <option value="+254">Kenya (+254)</option>
                   <option value="+686">Kiribati (+686)</option>
                   <option value="+381">Kosovo (+381)</option>
                   <option value="+965">Kuwait (+965)</option>
                   <option value="+996">Kyrgyzstan (+996)</option>
                   <option value="+856">Laos (+856)</option>
                   <option value="+371">Latvia (+371)</option>
                   <option value="+961">Lebanon (+961)</option>
                   <option value="+266">Lesotho (+266)</option>
                   <option value="+231">Liberia (+231)</option>
                   <option value="+218">Libya (+218)</option>
                   <option value="+423">Liechtenstein (+423)</option>
                   <option value="+370">Lithuania (+370)</option>
                   <option value="+352">Luxembourg (+352)</option>
                   <option value="+853">Macau (+853)</option>
                   <option value="+389">Macedonia (+389)</option>
                   <option value="+261">Madagascar (+261)</option>
                   <option value="+265">Malawi (+265)</option>
                   <option value="+60">Malaysia (+60)</option>
                   <option value="+960">Maldives (+960)</option>
                   <option value="+223">Mali (+223)</option>
                   <option value="+356">Malta (+356)</option>
                   <option value="+692">Marshall Islands (+692)</option>
                   <option value="+596">Martinique (+596)</option>
                   <option value="+222">Mauritania (+222)</option>
                   <option value="+230">Mauritius (+230)</option>
                   <option value="+262">Mayotte (+262)</option>
                   <option value="+52">Mexico (+52)</option>
                   <option value="+691">Micronesia (+691)</option>
                   <option value="+373">Moldova (+373)</option>
                   <option value="+377">Monaco (+377)</option>
                   <option value="+976">Mongolia (+976)</option>
                   <option value="+382">Montenegro (+382)</option>
                   <option value="+1664">Montserrat (+1664)</option>
                   <option value="+212">Morocco (+212)</option>
                   <option value="+258">Mozambique (+258)</option>
                   <option value="+95">Myanmar [Burma] (+95)</option>
                   <option value="+264">Namibia (+264)</option>
                   <option value="+674">Nauru (+674)</option>
                   <option value="+977">Nepal (+977)</option>
                   <option value="+31">Netherlands (+31)</option>
                   <option value="+687">New Caledonia (+687)</option>
                   <option value="+64">New Zealand (+64)</option>
                   <option value="+505">Nicaragua (+505)</option>
                   <option value="+227">Niger (+227)</option>
                   <option value="+234">Nigeria (+234)</option>
                   <option value="+683">Niue (+683)</option>
                   <option value="+672">Norfolk Island (+672)</option>
                   <option value="+1670">Northern Mariana Islands (+1670)</option>
                   <option value="+47">Norway (+47)</option>
                   <option value="+968">Oman (+968)</option>
                   <option value="+92">Pakistan (+92)</option>
                   <option value="+680">Palau (+680)</option>
                   <option value="+970">Palestinian Territories (+970)</option>
                   <option value="+507">Panama (+507)</option>
                   <option value="+675">Papua New Guinea (+675)</option>
                   <option value="+595">Paraguay (+595)</option>
                   <option value="+51">Peru (+51)</option>
                   <option value="+63">Philippines (+63)</option>
                   <option value="+870">Pitcairn Islands (+870)</option>
                   <option value="+48">Poland (+48)</option>
                   <option value="+351">Portugal (+351)</option>
                   <option selected="selected" value="+1">Puerto Rico (+1)</option>
                   <option value="+974">Qatar (+974)</option>
                   <option value="+262">Réunion (+262)</option>
                   <option value="+40">Romania (+40)</option>
                   <option value="+7">Russia (+7)</option>
                   <option value="+250">Rwanda (+250)</option>
                   <option value="+290">Saint Helena (+290)</option>
                   <option value="+1869">Saint Kitts and Nevis (+1869)</option>
                   <option value="+1758">Saint Lucia (+1758)</option>
                   <option value="+508">Saint Pierre and Miquelon (+508)</option>
                   <option value="+1784">Saint Vincent and the Grenadines (+1784)</option>
                   <option value="+685">Samoa (+685)</option>
                   <option value="+378">San Marino (+378)</option>
                   <option value="+239">São Tomé and Príncipe (+239)</option>
                   <option value="+966">Saudi Arabia (+966)</option>
                   <option value="+221">Senegal (+221)</option>
                   <option value="+381">Serbia (+381)</option>
                   <option value="+248">Seychelles (+248)</option>
                   <option value="+232">Sierra Leone (+232)</option>
                   <option value="+65">Singapore (+65)</option>
                   <option value="+1721">Sint Maarten (+1721)</option>
                   <option value="+421">Slovakia (+421)</option>
                   <option value="+386">Slovenia (+386)</option>
                   <option value="+677">Solomon Islands (+677)</option>
                   <option value="+252">Somalia (+252)</option>
                   <option value="+27">South Africa (+27)</option>
                   <option value="+82">South Korea (+82)</option>
                   <option value="+211">South Sudan (+211)</option>
                   <option value="+34">Spain (+34)</option>
                   <option value="+94">Sri Lanka (+94)</option>
                   <option value="+597">Suriname (+597)</option>
                   <option value="+47">Svalbard and Jan Mayen (+47)</option>
                   <option value="+268">Swaziland (+268)</option>
                   <option value="+46">Sweden (+46)</option>
                   <option value="+41">Switzerland (+41)</option>
                   <option value="+886">Taiwan (+886)</option>
                   <option value="+992">Tajikistan (+992)</option>
                   <option value="+255">Tanzania (+255)</option>
                   <option value="+66">Thailand (+66)</option>
                   <option value="+228">Togo (+228)</option>
                   <option value="+690">Tokelau (+690)</option>
                   <option value="+676">Tonga (+676)</option>
                   <option value="+1868">Trinidad and Tobago (+1868)</option>
                   <option value="+216">Tunisia (+216)</option>
                   <option value="+90">Turkey (+90)</option>
                   <option value="+993">Turkmenistan (+993)</option>
                   <option value="+1649">Turks and Caicos Islands (+1649)</option>
                   <option value="+688">Tuvalu (+688)</option>
                   <option value="+1340">U.S. Virgin Islands (+1340)</option>
                   <option value="+256">Uganda (+256)</option>
                   <option value="+380">Ukraine (+380)</option>
                   <option value="+971">United Arab Emirates (+971)</option>
                   <option value="+44">United Kingdom (+44)</option>
                   <option selected="selected" value="+1">United States (+1)</option>
                   <option value="+598">Uruguay (+598)</option>
                   <option value="+998">Uzbekistan (+998)</option>
                   <option value="+678">Vanuatu (+678)</option>
                   <option value="+39">Vatican City (+39)</option>
                   <option value="+58">Venezuela (+58)</option>
                   <option value="+84">Vietnam (+84)</option>
                   <option value="+681">Wallis and Futuna (+681)</option>
                   <option value="+212">Western Sahara (+212)</option>
                   <option value="+967">Yemen (+967)</option>
                   <option value="+260">Zambia (+260)</option>
                   <option value="+263">Zimbabwe (+263)</option>
                </select>
              </div>
              <div class="input-field col l6 s12">
                <input placeholder="ex: 7795181291" id="phn_np" type="Number" class="validate">
                <label for="phn_np">Phone Number</label>
              </div>
          </div>
          <div class="row no-space email_send hide1">
              <div class="input-field col l12 s12">
                <input placeholder="ex: 7795181291" id="email_id" type="text" class="validate">
                <label for="email_id">Enter Mail Id</label>
              </div>
          </div>
      </form>
    </div>
    <div class="modal-footer">
      <a href="#2step_login_3" class="btn blue white-text modal-action modal-close waves-effect waves-blue btn-flat modal-trigger">Next</a>
    </div>
</div>-->

<script type="text/javascript">
    $('.radio_trigger').click(function() {
          $('.hide1').hide();
          $('.' + $(this).data('rel')).show();
      });
</script>