  <!--- <ion-header class="nav_header">
    <button class="nav_btn floatLeft fm_menu" menuToggle ion-button>

    </button>
    <div class="nav_header_title floatLeft">
        <img src="assets/imgs/fm_logo.png">
    </div>
   
 
</ion-header>-->

<ion-header class="nav_header theme_primary">
  <button class="nav_btn floatLeft fm_menu" menuToggle  ion-button>
      <ion-icon name="ios-menu" menuToggle></ion-icon>
  </button>
  <div class="nav_header_title floatLeft">
  Requests
  </div>
</ion-header>
<ion-content padding class="">
  <div class="fm_list">
    <div class="fm_list_tab">
     <!---  <ul>
        <li [ngClass]="{'active' : slidertab == 0}" (click)="goToSlide(0)">OPEN</li>
        <li [ngClass]="{'active' : slidertab == 1}" (click)="goToSlide(1)">ACTIVE</li>
        <li [ngClass]="{'active' : slidertab == 2}" (click)="goToSlide(2)">COMPLETED</li>
        <div class="clear"></div>
      </ul> -->
      <ion-slides pager="false" #mySlider class="fm_slide"  (ionSlideDidChange)="slideChanged()">
         
          <ion-slide class="theme_secondary">
              <ion-list>
                  <ion-item>
                    <h5>Max Jeffery</h5>
                    <div class="fill_detail">
                        <div class="fill_detail_half">
                          <p>Booked Service:</p>
                          <h6>Oil service, battery, Wheel aligment</h6>
                        </div>
                        <div class="fill_detail_half pl15">
                          <p>Booked for:</p>
                          <h6>12/12/2018, 9.30am</h6>
                          <p>Total Amount:<strong class="text_green">$452</strong></p>
                        </div>
                        <div class="clear"></div>
                    </div>
                  </ion-item>
                  <ion-item>
                      <h5>Max Jeffery</h5>
                      <div class="fill_detail">
                          <div class="fill_detail_half">
                            <p>Booked Service:</p>
                            <h6>Oil service, battery, Wheel aligment</h6>
                          </div>
                          <div class="fill_detail_half pl15">
                            <p>Booked for:</p>
                            <h6>12/12/2018, 9.30am</h6>
                            <p>Total Amount:<strong class="text_green">$452</strong></p>
                          </div>
                          <div class="clear"></div>
                      </div>
                    </ion-item>
                    <ion-item>
                        <h5>Max Jeffery</h5>
                        <div class="fill_detail">
                            <div class="fill_detail_half">
                              <p>Booked Service:</p>
                              <h6>Oil service, battery, Wheel aligment</h6>
                            </div>
                            <div class="fill_detail_half pl15">
                              <p>Booked for:</p>
                              <h6>12/12/2018, 9.30am</h6>
                              <p>Total Amount:<strong class="text_green">$452</strong></p>
                            </div>
                            <div class="clear"></div>
                        </div>
                      </ion-item>
                </ion-list>
            <ion-list>
              <ion-item *ngFor="let list_request of request_list" (click)="details(list_request.id)" [ngClass]="(list_request.read_garage_status == 0)?'stat':''">
                <div class="fm_list_left">
                  <div class="fm_list_top">
                    <div class="fm_list_top_circle floatLeft"><img *ngIf="list_request.profile_pic" [src]="list_request.profile_pic" ></div>
                    <h4 class="floatLeft">{{list_request.first_name}} {{list_request.last_name}}</h4>
                    <div class="clear"></div>
                    <p>Repair Details:</p>
                    <div class="fm_list_bottom">
                      <ul>
                          <li>{{list_request.work_name}}</li>
                      </ul>
                    </div>
                  </div>
                </div>
                <div class="fm_list_right">
                  <p> {{list_request.timestamp |date : 'dd'}}</p>
                  <h6> {{list_request.timestamp |date: 'MMM yyyy'}}</h6>
                  <img src="assets/imgs/fm_arw.png">
                </div>
              </ion-item>

               <div class="no_result_found"  *ngIf="!request_list">
                  <div class="no_result_icon">
                     <img src="assets/img/icon4.png">
                  </div>
                  <p>
                     No result found
                  </p>
                 </div>
            </ion-list>
          </ion-slide>
          <!--- <ion-slide class="theme_secondary">
            ACTIVE
          </ion-slide>
          <ion-slide class="theme_secondary">
            COMPLETED
          </ion-slide> --->
        </ion-slides>
    </div>
  </div>

</ion-content>
