<div class="purchase_wrapper">
  <div class="container-fluid">
      <div class="loader_overlay" *ngIf="loader"></div>
      <div class="address_wrapper">
        <h3>Delivery Address</h3>
        <div class="address_inner_wrapper">
          <ul>
            <div *ngIf="userAddress && userAddress.length > 0;else noAddress">
              <li *ngFor="let addrs of userAddress" 
                  [ngClass]="address_id == addrs.id ? 'selected_add' : '' "
                  (click)="select_address(addrs.id)">
                <h4>{{addrs.name}} <span class="address">({{addrs.address_type === '1'?'Home':'Office'}})</span><span class="number">{{addrs.phone_no}}</span></h4>
                <p>{{addrs.house_no+', '+addrs.area+', '+addrs.state+', '+addrs.city}}</p>
                <div class="edit" (click)="editAddress(addrs.id)">
                  Edit
                </div>
              </li>
            </div>
            <div class="add_new" (click)="goToPage('addaddress')">
              Add new Address
            </div>
          </ul>
          <ng-template #noAddress>
            <div class="cmn_nodata">
              <img src="../../../assets/images/no_result.png">
              <p>Address is Not Added!</p>
            </div>
          </ng-template>
          <div class="row">
            <div class="col-md-6">
                <h2 *ngIf="prdtData">NGN {{prdtData.total_amount}}</h2>
                <!-- <h5>Delivery expected by Thur 1 May 2019</h5>  -->
                
            </div>
            <div class="col-md-6 textRight">
              <h4>
                  <div [ngClass]="(address_id > 0)?'delivery_btn floatRight':'delivery_btn floatRight disable_btn'" (click)="deliverProduct()">Deliver here</div>
                  <div class="clear"></div>
              </h4>
                
            </div>
          </div>
        </div>
      </div>
  </div>
</div>