<ion-header>
    <ion-toolbar color="dark">
        <ion-buttons  start>
          <button ion-button icon-only color="royal">
            <!-- <ion-icon name="search"></ion-icon> -->
          </button>
        </ion-buttons>
        <ion-title>
          {{studentInformation.Firstname}} - Profile</ion-title>
        <ion-buttons end>
          <button ion-button icon-only color="light" (click)="logoutalert()">
            <ion-icon name="power" ></ion-icon>
          </button>
        </ion-buttons>
      </ion-toolbar>
</ion-header>

<ion-content padding>
 
 <!-- <div class="">
    <img src="{{commonUrl}}images/student/default.jpeg" *ngIf="studentInformation.ProfilePicPath =='' || studentInformation.ProfilePath =='NULL' || studentInformation.ProfilePath =='404'"/>
     <img   src="{{commonUrl}}images/{{studentInformation.ProfilePicPath}}" *ngIf="studentInformation.ProfilePicPath !='' || studentInformation.ProfilePath !='NULL'">
  </div> -->
  
    <img class="dp" src="{{commonUrl}}images/student/default.jpeg" *ngIf="studentInformation.ProfilePicPath =='' || studentInformation.ProfilePath =='NULL' || studentInformation.ProfilePath =='404'"/>
     <img  class="dp" src="{{commonUrl}}images/{{studentInformation.ProfilePicPath}}" *ngIf="studentInformation.ProfilePicPath !='' || studentInformation.ProfilePath !='NULL'">
     <div class="main">

 
    
      <!-- <ion-avatar item-start>
          <img class="circle-pic" 
          src="{{commonUrl}}images/student/default.jpeg" *ngIf="studentInformation.ProfilePicPath =='' || studentInformation.ProfilePath =='NULL' || studentInformation.ProfilePath =='404'"/>
          <img class="circle-pic" src="{{commonUrl}}images/{{studentInformation.ProfilePicPath}}" *ngIf="studentInformation.ProfilePicPath !='' || studentInformation.ProfilePath !='NULL'">
          <ion-label style="margin-left:25%;"></ion-label></ion-avatar> -->
        
            
           <!-- <ion-card>
             <ion-card-header></ion-card-header>
             <ion-card-content> -->
                <ion-item-group >
                    <ion-item-divider color="primary">Contact Information</ion-item-divider>
                    
                    <ion-item>
                      <ion-row>
                      <ion-col col-12 style="color:sienna;">Mobile Number</ion-col></ion-row>
                      <ion-row>
                     <ion-col col-12><span *ngIf="studentInformation.MobileNumber !=''">{{studentInformation.MobileNumber}}</span><span *ngIf="studentInformation.MobileNumber==''">--</span> </ion-col></ion-row></ion-item>
                     <ion-item>
                        <ion-row>
                        <ion-col col-12 style="color:sienna;">Email ID</ion-col></ion-row>
                        <ion-row>
                       <ion-col col-12><span *ngIf="studentInformation.EmailID !=''">{{studentInformation.EmailID}}</span><span *ngIf="studentInformation.EmailID==''">--</span> </ion-col></ion-row></ion-item>
                       <ion-item>
                          <ion-row>
                          <ion-col col-12 style="color:sienna;"> Alternate Number</ion-col></ion-row>
                          <ion-row>
                         <ion-col col-12><span *ngIf="studentInformation.AlternateNumber !=''">{{studentInformation.AlternateNumber}}</span><span *ngIf="studentInformation.AlternateNumber==''">--</span> </ion-col></ion-row></ion-item>
                         
                           <ion-item text-wrap>
                              <ion-row>
                              <ion-col col-12 style="color:sienna;">Present Address</ion-col></ion-row>
                              <ion-row>
                             <ion-col col-12><span *ngIf="studentInformation.PresentAddress !=''" >{{studentInformation.PresentAddress}}</span><span *ngIf="studentInformation.PresentAddress==''">--</span></ion-col></ion-row></ion-item>
                             <ion-item text-wrap>
                                <ion-row>
                                <ion-col col-12 style="color:sienna;">Permanent Address</ion-col></ion-row>
                                <ion-row>
                               <ion-col col-12><span *ngIf="studentInformation.PermanentAddress !=''">{{studentInformation.PermanentAddress}}</span><span *ngIf="studentInformation.PermanentAddress==''">--</span></ion-col></ion-row></ion-item>
                  </ion-item-group>
        <!-- </ion-card-content>

          </ion-card> -->
          <!-- <ion-card> -->
              <!-- <ion-card-header></ion-card-header> -->
              <!-- <ion-card-content> -->
                 <ion-item-group >
                     <ion-item-divider color="primary">General Information</ion-item-divider>
                     
                     <ion-item>
                       <ion-row>
                       <ion-col col-12 style="color:sienna;">Gender </ion-col></ion-row>
                       <ion-row>
                      <ion-col col-12> <span *ngIf="studentInformation.Gender !=''">{{studentInformation.Gender}}</span><span *ngIf="studentInformation.Gender==''">--</span></ion-col></ion-row></ion-item>
                      <ion-item>
                         <ion-row>
                         <ion-col col-12 style="color:sienna;">Date Of Birth</ion-col></ion-row>
                         <ion-row>
                        <ion-col col-12><span *ngIf="studentInformation.AadharNumber !=''">{{studentInformation.DOB}}</span><span *ngIf="studentInformation.DOB==''">--</span></ion-col></ion-row></ion-item>
                        <ion-item>
                           <ion-row>
                           <ion-col col-12 style="color:sienna;"> Father Name</ion-col></ion-row>
                           <ion-row>
                          <ion-col col-12><span *ngIf="studentInformation.Fathername !=''">{{studentInformation.Fathername}}</span><span *ngIf="studentInformation.Fathername==''">--</span> </ion-col></ion-row></ion-item>
                          <ion-item>
                             <ion-row>
                             <ion-col col-12 style="color:sienna;">Mother Name</ion-col></ion-row>
                             <ion-row>
                            <ion-col col-12><span *ngIf="studentInformation.MotherName !=''">{{studentInformation.MotherName}}</span><span *ngIf="studentInformation.MotherName==''">--</span> </ion-col></ion-row></ion-item>
                            <ion-item>
                               <ion-row>
                               <ion-col col-12 style="color:sienna;">Qualification</ion-col>
                              <ion-col col-12> <span *ngIf="studentInformation.AadharNumber !=''">{{studentInformation.PreQualification}}</span><span *ngIf="studentInformation.PreQualification==''">--</span></ion-col></ion-row></ion-item>
                              <ion-item>
                                  <ion-row>
                                  <ion-col col-12 style="color:sienna;"> Aadhar Number </ion-col></ion-row>
                                  <ion-row>
                                 <ion-col col-12><span *ngIf="studentInformation.AadharNumber !=''">{{studentInformation.AadharNumber}}</span><span *ngIf="studentInformation.AadharNumber==''">--</span> </ion-col></ion-row></ion-item>
                              <ion-item>
                                 <ion-row>
                                 <ion-col col-12 style="color:sienna;">Designation</ion-col></ion-row>
                                 <ion-row>
                                <ion-col col-12><span *ngIf="studentInformation.Designation !=''">{{studentInformation.Designation}}</span><span *ngIf="studentInformation.Designation==''">--</span></ion-col></ion-row></ion-item>
                   </ion-item-group>
         <!-- </ion-card-content> -->
         
           <!-- </ion-card> -->
           <!-- <ion-card>
              <ion-card-header></ion-card-header>
              <ion-card-content> -->
                 <ion-item-group >
                     <ion-item-divider color="primary">Other Information</ion-item-divider>
                     
                     <ion-item>
                       <ion-row>
                       <ion-col col-12 style="color:sienna;">Occupation</ion-col></ion-row>
                       <ion-row>
                      <ion-col col-7><span *ngIf="studentInformation.Occupation !=''">{{studentInformation.Occupation}}</span><span *ngIf="studentInformation.Occupation==''">--</span> </ion-col></ion-row></ion-item>
                      <ion-item>
                         <ion-row>
                         <ion-col col-12 style="color:sienna;">Caste</ion-col></ion-row>
                         <ion-row>
                        <ion-col col-12><span *ngIf="studentInformation.Caste !=''">{{studentInformation.Caste}}</span><span *ngIf="studentInformation.Caste==''">--</span></ion-col></ion-row></ion-item>
                        <ion-item>
                           <ion-row>
                           <ion-col col-12 style="color:sienna;"> Religion</ion-col></ion-row>
                           <ion-row>
                          <ion-col col-12><span *ngIf="studentInformation.Religion !=''">{{studentInformation.Religion}}</span><span *ngIf="studentInformation.Religion==''">--</span> </ion-col></ion-row></ion-item>
                          <ion-item>
                             <ion-row>
                             <ion-col col-12 style="color:sienna;">Referred By</ion-col></ion-row>
                             <ion-row>
                            <ion-col col-12><span *ngIf="studentInformation.ReferredBy !=''">{{studentInformation.ReferredBy}}</span><span *ngIf="studentInformation.ReferredBy==''">--</span> </ion-col></ion-row></ion-item>
                            <ion-item>
                               <ion-row>
                               <ion-col col-12 style="color:sienna;"> Referers <br/>MobileNumber</ion-col></ion-row>
                               <ion-row>
                              <ion-col col-12><span *ngIf="studentInformation.ReferersMobileNumber !=''">{{studentInformation.ReferersMobileNumber}}</span><span *ngIf="studentInformation.ReferersMobileNumber==''">--</span> </ion-col></ion-row></ion-item>
                             
                   </ion-item-group>
         <!-- </ion-card-content>
         
           </ion-card> -->
      
</div>
</ion-content>
