<ion-header>
    <ion-navbar>
        <button ion-button menuToggle>
            <ion-icon name="menu"></ion-icon>
        </button>
        <ion-title>{{ getTitle() }}</ion-title>
    </ion-navbar>
</ion-header>
<ion-content>
   <ion-list [virtualScroll]="getItems()" approxItemHeight="35px">
		<ion-item *virtualItem="let item" (doubleTap)="openOptions(item)" [ngClass]="{ 'selected-item': item === getSelectedItem() }">
			<h2>{{ item.contact_name || "Sin Contacto" }}</h2>
            <p>{{ item.name }}</p>
            <p>
                <strong>Probabilidad:</strong>
                {{ item.probability }}
            </p>
            <p>
                <strong>Celular:</strong>
                {{ item.mobile || "n/a" }}
            </p>
            <p>
                <strong>Teléfono:</strong>
                {{ item.phone || "n/a" }}
            </p>
            <p>
                <strong>Dirección:</strong>
                {{ item.street || "n/a"}}
            </p>
		</ion-item>
	</ion-list>
    <ion-fab right bottom>
        <button ion-fab (click)="goToDetails()">
            <ion-icon name="add"></ion-icon>
        </button>
    </ion-fab>
</ion-content>
