<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-lg">
		<div class="modal-content">
			<form *ngIf="active" #orderStatusForm="ngForm" novalidate (ngSubmit)="save()" autocomplete="off">
				<div class="modal-header">
					<h4 class="modal-title">
						<span *ngIf="orderStatus.id">{{l("EditOrderStatus")}}</span>
						<span *ngIf="!orderStatus.id">{{l("CreateNewOrderStatus")}}</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="OrderStatus_OrderId">{{l("OrderId")}}</label>
						<!-- <input type="number" id="OrderStatus_OrderId" class="form-control"
							[(ngModel)]="orderStatus.orderId" name="OrderId" /> -->
						<select class="form-control kt-select2" id="updateSelectedOrder" data-placeholder="Select City"
							name="selectPreview">
							<!-- <option value="0">Select Tag Type</option> -->
							<option *ngFor="let orders of filteredOrders" [(value)]="orders.id"
								[selected]="orders.id == orderStatus.orderId ">
								{{orders.id}}
							</option>
						</select>
					</div>
					<div class="form-group">
						<label for="OrderStatus_OrderStatusTypeId">{{l("OrderStatus")}}</label>
						<!-- <input type="number" id="OrderStatus_OrderStatusTypeId" class="form-control"
							[(ngModel)]="orderStatus.orderStatusTypeId" name="OrderStatusTypeId" /> -->
						<select class="form-control kt-select2" id="updateSelectedOrderStatusType" data-placeholder="Select City"
							name="selectPreview">
							<!-- <option value="0">Select Tag Type</option> -->
							<option *ngFor="let orderStatusType of filteredOrderStatusTypes" [(value)]="orderStatusType.id"
								[selected]="orderStatusType.id == orderStatus.orderStatusTypeId">
								{{orderStatusType.description}}
							</option>
						</select>

					</div>

					<div class="form-group">
						<label for="OrderStatus_NoteId">{{l("Note")}}</label>
						<!-- <input type="number" id="OrderStatus_NoteId" class="form-control"
							[(ngModel)]="orderStatus.noteId" name="NoteId" /> -->
						<textarea id="OrderStatus_NoteId" class="form-control"
						[(ngModel)]="orderStatus.note" name="NoteId"></textarea>
					</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]="!orderStatusForm.form.valid"
						[buttonBusy]="saving" [busyText]="l('SavingWithThreeDot')"><i class="fa fa-save"></i>
						<span>{{l("Save")}}</span></button>
				</div>
			</form>
		</div>
	</div>

</div>