<ion-content>
    <div class="cart_wrapper">
        <div class="cart_head">
            <div class="nav_header">
                <ion-grid class="no-gutter">
                    <ion-row class="no-gutter">
                        <ion-col class="no-gutter" size="2">
                            <button class="nav_btn nav_back_white floatLeft" (click)="closeModal()">
                                <img src="../assets/arrow_white.png">
                            </button>
                        </ion-col>
                        <ion-col class="no-gutter" size="8">
                            <div class="nav_title floatLeft">
                                <h4></h4>
                            </div>
                        </ion-col>
                        <ion-col class="no-gutter" size="2">
                            <button class="nav_btn floatRight">
                            </button>
                        </ion-col>
                    </ion-row>
                </ion-grid>
            </div>
            <img src="../assets/white_tick.png">
            <h4>RIDER HAS<br> DELIVERED YOUR ORDER </h4>
            <p>{{currDate | date: 'MMM d, y, h:mm:ss a'}}</p>
        </div>
    </div>
</ion-content>
<ion-footer padding>
    <div class="row">
        <button class="login_btn" (click)="changeOrder(9)">I GOT MY ORDER</button>
    </div>
    <div class="row">
        <button class="resend_btn" (click)="changeOrder(10)">I DIDN'T GOT THE ORDER</button>
    </div>
    <div class="row">
        <button class="cancel_btn" (click)="changeOrder(0)">CANCEL THIS ORDER</button>
    </div>
</ion-footer>