<ion-header class="nav_header theme_primary">
  <button class="nav_btn floatLeft" ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
  </button>
  <div class="nav_header_title floatLeft">
    Garnedo
  </div>
   
</ion-header>
<ion-content>
  <div class="fm_home_wrapper">
    <div class="fm_home_banner">
      <div class="fm_home_photo">
	  <span *ngIf="user_data" >
		<img *ngIf="user_data.profile_pic!=''" [src]="user_data.profile_pic" > 
	   </span></div>
	  <div class="fm_home_banner_detail">
        <div class="fm_home_detail_inner">
          <p *ngIf="user_data" >Welcome back</p>
          <p *ngIf="!user_data" > Hi</p>
          <h4 *ngIf="user_data" >{{user_data.first_name}} {{user_data.last_name}} </h4>
          <h4 *ngIf="!user_data" >Guest User</h4>
        </div>
        <div class="edit" *ngIf="user_data" (click)="edit_profile()" ></div>
      </div>
      <div class="clear"></div>
      <hr>
      <h4>Find the offers next door</h4>
    </div>
    <div class="fm_home_section">
	<span *ngIf="offers" >
        <div *ngFor="let offer_list of offers" class="fm_home_poster" (click)="get_profile(offer_list.garage_id,offer_list,offer_list.garage_service_id)" >
            <!-- <img *ngIf="offer_list.img" [src]="offer_list.img">
           -->
            <div class="fm_poster_inner">
              <ion-row>
                <ion-col col-12 class="textRight">
                  <h5>{{offer_list.description}}</h5>
                  <h6>-{{offer_list.discount}}%</h6>
                  <!--<button class="poster_btn">Book Now</button>
                  <p>Conditions apply !</p> -->

                </ion-col>
              </ion-row>
            </div>
        </div>
		</span>
		<div class="no_resultfound" *ngIf="!offers">
    <img src="assets/imgs/noresult.png">
    <p>No offers Found</p>
     
  </div>
		 
        <br>
      <!---  <div class="fm_home_tip">
          <button ion-button (click)="view_more()">

View More Offers
        
          </button>
          
        </div> -->
        <div class="clear"></div>
    </div>
  </div>
</ion-content>
