<ion-header class="nav_header theme_primary">
  <button class="nav_btn floatLeft" ion-button (click)="back()">
      <ion-icon name="ios-arrow-back"></ion-icon>
  </button>
  <div class="nav_header_title floatLeft">
  Booking
  </div>
</ion-header>
<ion-content padding class="page_background">
  <div class="f_login_wrapper"   >
 <!--- <div [hidden]="page == 'offers' || page == 'quotes'" >
    <h4>Select Services Offered </h4>
    <hr> 
	 // <form [formGroup]="myForm" (ngSubmit)="logForm(myForm.value)" >
    <ion-list>
      <ion-item *ngFor="let serv of services_offered; let i=index" >
        <ion-label>  {{serv.service}} </ion-label>
        <ion-checkbox   (ionChange)="updateCheckedOptions(serv, $event.checked)" color=""></ion-checkbox>
      </ion-item>
    </ion-list>
	
	
  </div> --->
	<div *ngIf="page == 'fixprice'" > 
	 <h4>Selected </h4>
	 <h5>{{services_pg.service}}  €{{services_pg.price}}</h5>
    <hr> 
		 
  <ion-list *ngIf="selected_services">
                <ion-item *ngFor="let serv of selected_services; let i=index">
                    <ion-label class="floatLeft">
                      <span class="floatLeft">{{serv.service}}</span>
                      <span class="floatRight">€{{serv.price}}</span></ion-label>
                      <div class="clear"></div>
                  <ion-checkbox class="floatRight" (ionChange)="updateCheckedOptions(serv, $event.checked)"></ion-checkbox> 
                  </ion-item>
            </ion-list>
	</div>
	 	 
	 
	    
  </div>   
  <div *ngIf="service_message" class="empty_div_style" >service value empty</div>
	 <div *ngIf="book_message" class="empty_div_style" >Book Value Empty</div>
 <!--- <div class="s_search_appointment_list" >
					<ion-scroll scrollX="true" style="height:220px;">
						<ul *ngIf="timing">
						<ion-row nowrap>
									<li class="s_search_appointment_inner"  >
									<div class="s_appointment_head">
									<!--- *ngIf="timing.dates >= today_dt"  
										<button   class="nav_btn floatLeft text_color_one" (click)="get_next_dates('prev')"> <i primary class="fa fa-angle-left fa-lg"></i></button>
										<button class="nav_btn floatRight text_color_one" (click)="get_next_dates('next')"> <i primary class="fa fa-angle-right fa-lg"></i></button>
										<div class="s_appointment_head_date floatRight textCenter">
										<!---- <p class="p0"><strong>{{timing.dates | date : 'EEE d'}} </strong>  {{book_dates.date | date : 'yyyy'}}  </p> 
											<ion-item class="s_result_detail_datepicker"> 
												<ion-datetime  displayFormat="DD MMM, YYYY" min="{{today_dt}}" max="2040" pickerFormat="YYYY-MM-DD" [(ngModel)]="timing.dates" 
													(ngModelChange)="get_next_dates(doctor_profile.profile.id,timing.dates,'no')" 
													placeholder="Start Time">
												</ion-datetime>
											</ion-item>
										</div>
										
										<div class="clear"></div>
									</div>
									<div class="s_appointment_date_detail"  >
									  <div class="s_appoinment_result_noschedule text_color_one" *ngIf="schedule.length <=0" >
											<span   >No_Schedule_Found   </span>
											<span  >Doctor_Not_Available </span>
										</div>
										<ul *ngIf="schedule.length >0" >
										
										<!---	 *ngIf="book_dates.date > todayDate"  <li *ngIf="book_dates.times.length <=0" > <p>No Schedule Found</li>  
											<li *ngFor="let book_dates of schedule">
												<div id="s_custom_check_button"  >
												  <label>
													<input id="1" type="radio" name="services" value=""  (click)="select_time(timing.dates,book_dates)" >
													<p>{{book_dates}}</p>
												  </label>
												</div>
											</li>
										 </ul>
									 </div>
								</li>
					 </ion-row>
						</ul>
					</ion-scroll>
				</div> -->
				
				<hr>
				<h5>Total Amount: € {{total_price}}</h5>
				<h5>(Incl. 20% MwSt) </h5>
				
				
				 <div class="booking_div">
    <div class="nav_header">
         <button *ngIf="timing.dates >= tom"  class="nav_btn floatLeft text_primary" ion-button (click)="get_next_dates(timing.dates,'prev')" >
            <ion-icon name="arrow-back"></ion-icon>
        </button>
        <div class="nav_header_title floatLeft TextCenter text_dark">
            <ion-item class="s_result_detail_datepicker"> 
												<ion-datetime  displayFormat="DD MMM, YYYY" min="{{today_dt}}" max="2040" pickerFormat="YYYY-MM-DD" [(ngModel)]="timing.dates" 
													(ngModelChange)="get_next_dates(timing.dates,'no')" 
													placeholder="Start Time">
												</ion-datetime>
											</ion-item>
        </div>
        <button  class="nav_btn floatRight text_primary" ion-button (click)="get_next_dates(timing.dates,'next')" >
            <ion-icon name="arrow-forward"></ion-icon>
        </button>
    </div>

    <div class="booking_content"  *ngIf="schedule">
	 
	 <div class="s_appoinment_result_noschedule text_color_one" *ngIf="schedule.length <=0" >
	 <div class="empty_div_style">
			No Schedule Found   
	</div>
										
											 
										</div>
        <ul *ngIf="schedule.length >0">
            <li *ngFor="let book_dates of schedule" (click)="select_time(timing.dates,book_dates)" >
               {{book_dates}}
            </li>
            
        </ul>
    </div>
  </div>
				
				
				
<button class="fm_login_btn"  ion-button full  (click)="book()"  >Next</button>
</ion-content>
<ion-footer padding>
  
</ion-footer>
