<ion-header>
<ion-toolbar color="primary">
  <ion-buttons slot="start">
    <ion-menu-button></ion-menu-button>
  </ion-buttons>
  <ion-title>Postulaciones</ion-title>
</ion-toolbar>
</ion-header>
<ion-content padding>
<h2 text-capitalize style="padding-bottom: 0.5em">Ya contratado</h2>
<ion-refresher slot="fixed" (ionRefresh)="refresh($event)">
  <ion-refresher-content></ion-refresher-content>
</ion-refresher>
<ng-container *ngFor="let postulation of postulations; let i = index">
  <ion-card>
    <ion-item>
      <ion-label>
        <h2 text-capitalize>{{ postulation.category }}</h2>
        <ion-text color="primary"><p text-wrap (click)="openMaps(postulation.lat, postulation.lng)"><b><u>{{postulation.address}}</u></b></p></ion-text>
        <p text-wrap>Télefono: <a href="tel:{{ postulation.phone }}">{{ postulation.phone }}</a></p>
        <p text-wrap>Referencias: {{postulation.references}}</p>
        <p text-wrap text-capitalize>{{postulations_dates[i]}}</p>
        <p text-wrap>Monto: {{postulation.amount}}</p>
        <p text-wrap>Detalles: {{postulation.details}}</p>
      </ion-label>
    </ion-item>
  </ion-card>
</ng-container>
</ion-content>
