<ion-content padding class="main-view">
  <div class="overlay" (click)="dismiss()"></div>
  <div class="modal_content" align="center">

    <div class="loading" *ngIf="load==true">
      <ion-spinner name="ios"></ion-spinner>
    </div>
    <div *ngIf="load==false" class="body">
      <ion-grid>
      <ion-row>
        <ion-col col-10><h3>Datos de usuario</h3></ion-col>
        <ion-col col-2>
          <h3><ion-icon name="close-circle-outline" (click)="dismiss()"></ion-icon></h3>
        </ion-col>
      </ion-row>
      </ion-grid>
      
      <hr style="width:90%">
      <label align="left"><strong>Valorización</strong></label>
      <rating readOnly="true" max="5" [(ngModel)]="star" emptyStarIconName="star-outline" halfStarIconName="star-half" starIconName="star"
        nullable="true">
      </rating>
      <ion-item no-lines>
        <label align="left"><strong>Envios realizados: </strong></label>
        <label align="left" class="orange">{{numService}} Envios</label>
      </ion-item>
      <ion-item no-lines>
        <label align="left"><strong>Registrado hace:  </strong></label>
  
        <label align="left" class="orange">{{registro}}</label>
      </ion-item>
      <ion-item *ngFor="let data of coments; let i=index">
        <p>
          {{data.comments}}
        </p>
      </ion-item>
    </div>


  </div>

</ion-content>