<div bsModal #createOrEditModal="bs-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="createOrEditModal" aria-hidden="true" [config]="{backdrop: 'static'}">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <form *ngIf="active" #clinicForm="ngForm" novalidate (ngSubmit)="save()" autocomplete="off">
                <div class="modal-header">
                    <h4 class="modal-title">
                        <span *ngIf="clinic.id">{{l("EditClinic")}}</span>
                        <span *ngIf="!clinic.id">{{l("CreateNewClinic")}}</span>
                    </h4>
                    <button type="button" class="close" (click)="close()" aria-label="Close" [disabled]="saving">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body">
                 
                				 

								<!-- <div class="form-group">
									<label for="addressLine1">{{l("Address Line 1")}} *</label>
									<input type="text" id="addressLine1" class="form-control" [(ngModel)]="address.addressLine1" name="addressLine1"    required/>
								</div>

								<div class="form-group">
									<label for="addressLine2">{{l("Address Line 2")}}</label>
									<input type="text" id="addressLine2" class="form-control" [(ngModel)]="address.addressLine2" name="addressLine2"    />
								</div>
								<div class="form-group">
								<select class="form-control" id="addressType">
									
								</select>

								</div>
								 -->
								<!--  <addressForm #addressForm></addressForm> -->
								<!-- <div class="form-group">
									<label for="Clinic_ContactId">{{l("ContactId")}}</label>
									<input type="number" id="Clinic_ContactId" class="form-control" [(ngModel)]="clinic.contactId" name="ContactId"  />
								</div> -->


								<div class="kt-grid  kt-wizard-v2 kt-wizard-v2--white" id="kt_wizard_v2" data-ktwizard-state="first">
											<div class="kt-grid__item kt-wizard-v2__aside">
												<!--begin: Form Wizard Nav -->
												<div class="kt-wizard-v2__nav">
													<div class="kt-wizard-v2__nav-items kt-wizard-v2__nav-items--clickable">
														<!--doc: Replace A tag with SPAN tag to disable the step link click -->
														<div class="kt-wizard-v2__nav-item" data-ktwizard-type="step" data-ktwizard-state="current">
															<div class="kt-wizard-v2__nav-body">
																<div class="kt-wizard-v2__nav-icon">
																	<i class="flaticon-globe"></i>
																</div>
																<div class="kt-wizard-v2__nav-label">
																	<div class="kt-wizard-v2__nav-label-title">
																		Clinic Details
																	</div>
																	<div class="kt-wizard-v2__nav-label-desc">
																		Setup Clinic Details
																	</div>
																</div>
															</div>
														</div>
														<div class="kt-wizard-v2__nav-item" data-ktwizard-type="step" data-ktwizard-state="pending">
															<div class="kt-wizard-v2__nav-body">
																<div class="kt-wizard-v2__nav-icon">
																	<i class="flaticon-bus-stop"></i>
																</div>
																<div class="kt-wizard-v2__nav-label">
																	<div class="kt-wizard-v2__nav-label-title">
																		Setup Locations
																	</div>
																	
																</div>
															</div>
														</div>
														
														<div class="kt-wizard-v2__nav-item" data-ktwizard-type="step" data-ktwizard-state="pending">
															<div class="kt-wizard-v2__nav-body">
																<div class="kt-wizard-v2__nav-icon">
																	<i class="flaticon-clipboard"></i>
																</div>
																<div class="kt-wizard-v2__nav-label">
																	<div class="kt-wizard-v2__nav-label-title">
																		Summay
																	</div>
																	<div class="kt-wizard-v2__nav-label-desc">
																		Review and Submit
																	</div>
																</div>
															</div>
														</div>
													</div>
												</div>
												<!--end: Form Wizard Nav -->
											</div>
											<div class="kt-grid__item kt-grid__item--fluid kt-wizard-v2__wrapper">
												<!--begin: Form Wizard Form-->
												<form class="kt-form" id="kt_form" novalidate="novalidate">
													<!--begin: Form Wizard Step 1-->
													<div class="kt-wizard-v2__content" data-ktwizard-type="step-content" data-ktwizard-state="current">
														<div class="kt-heading kt-heading--md">Enter Clinic Details</div>
														<div class="kt-form__section kt-form__section--first">
															<div class="kt-wizard-v2__form">
																                				<div class="form-group">
																									<label for="accountNumber">{{l("Account No.")}} *</label>
																									<input type="text" id="accountNumber" class="form-control" [(ngModel)]="clinic.accountNumber" name="accountNumber"    required/>
																								</div>

																								<div class="form-group">
																									<label for="companyName">{{l("Clinic Name")}} *</label>
																									<input type="text" id="companyName" class="form-control" [(ngModel)]="clinic.companyName" name="companyName"    required/>
																								</div>
																								<div class="form-group">
																									<label for="email">{{l("Email")}} *</label>
																									<input type="email" id="email" class="form-control" [(ngModel)]="clinic.email" name="email"    required/>
																								</div>

																								<div class="form-group">
																									<label for="Clinic_ClinicNotes">{{l("ClinicNotes")}}</label>
																									<input type="text" id="Clinic_ClinicNotes" class="form-control" [(ngModel)]="clinic.clinicNotes" name="ClinicNotes"    />
																								</div>
																					
																								<br/><div class="m-checkbox-list">
																									<label for="Clinic_ClinicNotesVisibleToDriver" class="kt-checkbox">
																										<input id="Clinic_ClinicNotesVisibleToDriver" type="checkbox" name="ClinicNotesVisibleToDriver" [(ngModel)]="clinic.clinicNotesVisibleToDriver"> 
																										{{l("ClinicNotesVisibleToDriver")}}
																										<span></span>
																									</label>
																								</div>
																					
																								<div class="form-group">
																									<label for="Clinic_BillingNotes">{{l("BillingNotes")}}</label>
																									<input type="text" id="Clinic_BillingNotes" class="form-control" [(ngModel)]="clinic.billingNotes" name="BillingNotes"    />
																								</div>



															</div>
														</div>
													</div>
													<!--end: Form Wizard Step 1-->

													<!--begin: Form Wizard Step 2-->
													<div class="kt-wizard-v2__content" data-ktwizard-type="step-content">
														<div class="kt-heading kt-heading--md">Setup Your Current Location</div>
														<div class="kt-form__section kt-form__section--first">
															<div class="kt-wizard-v2__form">
																<addressForm #addressForm></addressForm>
															</div>
														</div>
													</div>
													<!--end: Form Wizard Step 2-->

													

													

													

													<!--begin: Form Wizard Step 6-->
													<div class="kt-wizard-v2__content" data-ktwizard-type="step-content">
														<div class="kt-heading kt-heading--md">Review your Details and Submit</div>
														<div class="kt-form__section kt-form__section--first">
															<div class="kt-wizard-v2__review">
																<div class="kt-wizard-v2__review-item">
																	<div class="kt-wizard-v2__review-title">
																		Account Details
																	</div>
																	<div class="kt-wizard-v2__review-content">
																		{{ clinic.companyName }}<br>
																		{{ clinic.accountNumber }}<br>
																		Email: {{ clinic.email }}<br>
																		Clinic Notes: {{ clinic.clinicNotes }}<br>
																		Clinic Notes Visible To Driver: <span id="visibleToDriver"></span><br> 
																		Billing Notes: {{ clinic.billingNotes }}
																	</div>
																</div>
																<div class="kt-wizard-v2__review-item">
																	<div class="kt-wizard-v2__review-title">
																	    {{"AddressInformation" | localize}}
																	</div>
																	<div class="kt-wizard-v2__review-content">
																	
																	</div>
																</div>
																
															</div>
														</div>
													</div>
													<!--end: Form Wizard Step 6-->

													<!--begin: Form Actions -->
													<div class="kt-form__actions">
														<button class="btn btn-secondary btn-md btn-tall btn-wide kt-font-bold kt-font-transform-u" data-ktwizard-type="action-prev">
															Previous
														</button>
														<button class="btn btn-success btn-md btn-tall btn-wide kt-font-bold kt-font-transform-u" data-ktwizard-type="action-submit">
															Submit
														</button>
														<button class="btn btn-brand btn-md btn-tall btn-wide kt-font-bold kt-font-transform-u" data-ktwizard-type="action-next">
															Next Step
														</button>
													</div>
													<!--end: Form Actions -->
												</form>
												<!--end: Form Wizard Form-->
											</div>
										</div>
					

                </div>
                <div class="modal-footer">
                    <!-- <button [disabled]="saving" type="button" class="btn btn-default" (click)="close()">{{l("Cancel")}}</button>
                    <button type="submit" class="btn btn-primary blue" [disabled]="!clinicForm.form.valid" [buttonBusy]="saving" [busyText]="l('SavingWithThreeDot')"><i class="fa fa-save"></i> <span>{{l("Save")}}</span></button> -->
                </div>
            </form>
        </div>
    </div>

</div>