<ion-header>
    <ion-navbar>
        <ion-title>ABONO RECIBIDO</ion-title>
        <ion-buttons end>

        </ion-buttons>
      </ion-navbar>
</ion-header>
<ion-content padding class="main-view">
  <!--<div class="overlay" (click)="dismiss()"></div>--> 
  <div class="modal_content">
    <div [hidden]="!load">
        <ion-list>
          <ion-item>
            <b>Comercio:</b><br /> MY
          </ion-item>
          <ion-item>
            <b>Nro. de orden:</b><br /> {{data?.Tbk_orden_compra}}
          </ion-item>
          <ion-item>
            <b>Fecha y Hora:</b><br /> {{df(data?.pay_at) | date:'dd/MM/y HH:mm' }}
          </ion-item>
          <ion-item>
            <b>Monto abonado:</b><br /> $ {{data?.Tbk_monto | number:'1.0-0' }}
          </ion-item>
          <ion-item>
            <b>Cliente:</b><br /> {{data?.first_name}} {{data?.last_name}}
          </ion-item>
          <ion-item>
            <b>Cod. Autorización:</b><br /> {{data?.Tbk_codigo_autorizacion}}
          </ion-item>
          <ion-item>
            <b>Num. Tarjeta:</b><br /> XXXX XXXX XXXX {{data?.Tbk_Final_numero_Tarjeta}}
          </ion-item>
          <ion-item>
            <b>Tipo Tarjeta:</b><br /> {{(data?.Tbk_tipo_pago == 'VD' ? 'Débito' : 'Crédito')}}
          </ion-item>
          <ion-item>
            <b>Núm. Cuotas:</b><br /> {{(data?.Tbk_tipo_pago == 'VD' ? 'No aplica' : data?.Tbk_numero_cuotas)}}
          </ion-item>
        </ion-list>
        <p>Ante cualquier duda, contáctanos en el menú <b>Ayuda</b> de la App</p>

      <button ion-button round small (tap)="dismiss()">Aceptar</button>
    </div>
   
  </div>

</ion-content>