<ion-content padding class="theme_background">
    <div class="booking_success" *ngIf="result">
        <ion-icon name="ios-checkmark-circle-outline"></ion-icon>
        <h1>{{'common.Success!' | translate}}</h1>
        <h5>{{'common.Your_booking_has_been_confirmed' | translate}}</h5>
        <h5>{{'common.Booking_ID_is ' | translate}}<strong> {{result.booked_id}} </strong><br> {{'common.on' | translate}} {{result.booking_date}} {{'common.at' | translate}} {{result.booking_time}}
        </h5>
    </div>
</ion-content>
<ion-footer>
    <ion-row>
        <ion-col col-6>
            <button ion-button class="done_btn" (click)="mybooking()"> {{'common.My_Booking' | translate}}</button>
        </ion-col>
        <ion-col col-6>
            <button ion-button class="done_btn" (click)="home()">{{'common.Go_to_Home' | translate}}</button>
        </ion-col>
    </ion-row>
</ion-footer>