<ion-header [translucent]="true">
    <ion-toolbar>
        <ion-title>
            Direccion
        </ion-title>
    </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true">


    <ion-item>
        <ion-label>Ciudad</ion-label>
        <ion-select placeholder="Seleccione" [(ngModel)]="data.ciudad">
            <ion-select-option value="0">Medellin</ion-select-option>
            <ion-select-option value="1">Pamplona</ion-select-option>

        </ion-select>
    </ion-item>

    <ion-item>

        <ion-select placeholder="Seleccione" [(ngModel)]="data.direccion">
            <ion-select-option value="CL">Calle</ion-select-option>
            <ion-select-option value="CRA">carrera</ion-select-option>
        </ion-select>
    </ion-item>
    <ion-item>

        <ion-input type="text" [(ngModel)]="data.numero" name="numero"></ion-input>
    </ion-item>
    <ion-item>
        <ion-label class="center" position="floating">#</ion-label>
        <ion-input type="text" [(ngModel)]="data.casa" name="casa"></ion-input>
    </ion-item>



    <br>

    <ion-button (click)="dir()">Solicitar dirección</ion-button>

    <ion-card>
        <p>{{direccion}}</p>
        <p>{{lat}}</p>
        <p>{{lng}}</p>
    </ion-card>
</ion-content>