@extends('layouts.header')
@section('content')
<!--  BEGIN CONTENT AREA  -->
		<div class="page-header">
			<nav class="breadcrumb-one" aria-label="breadcrumb">
				<ol class="breadcrumb">
					<li class="breadcrumb-item"><a href="javascript:void(0);"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-home"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"></path><polyline points="9 22 9 12 15 12 15 22"></polyline></svg></a></li>
					<li class="breadcrumb-item"><a href="javascript:void(0);">WorkFlow</a></li>
					<li class="breadcrumb-item active" aria-current="page"><span>Create WorkFlow</span></li>
				</ol>
			</nav>
		</div>
		<div class="row">
			<div class="col-lg-12 col-md-12 layout-spacing">
				<div class="statbox widget box box-shadow">
					<div class="widget-header">
						<div class="row">
							<div class="col-xl-12 col-md-12 col-sm-12 col-12">
								<h4>Create WorkFlow....</h4>
							</div>          
						</div>
					</div>
					<form action="{{url('/SaveWorkFlow')}}" method="POST" >
						@csrf
						<div class="widget-content widget-content-area">
							<div id="circle-basic" class="">
								<h3>WorkFlow</h3>
								<section>
									<div class="row">
										<div class="col-xs-12 col-sm-12 col-md-12">
											<div class="form-group">
												<strong>WorkFlow Name:</strong><font color="red">&nbsp;*</font>
												<input type="text" name="WorkFlowName" id="WorkFlowName" class="form-control" placeholder="WorkFlow Name" maxlength="16" required="required">
											</div>
										</div>
										<div class="col-xs-12 col-sm-12 col-md-12">
											<div class="form-group">
												<strong>Run:</strong><font color="red">&nbsp;*</font>
												<select name="WorkFlowRun" id="WorkFlowRun" class="form-control">
													<option value="">-- Select Run --</option>
													<option value="1">On Create</option>
													<option value="1">On Edit</option>
													<option value="1">On Both</option>
												</select>
											</div>
										</div>
										<div class="col-xs-12 col-sm-12 col-md-12">
											<div class="form-group">
												<strong>Related Module:</strong><font color="red">&nbsp;*</font>
												<select name="ModuleId" id="ModuleId" class="form-control" onChange="ModuleChangeAction()">
													<option value="">-- Select Module --</option>
												@foreach($Modules as $Module)
													<option value="{{$Module->ModuleId}}">{{$Module->ModuleName}}</option>
												@endforeach
												</select>
											</div>
										</div>
										<div class="col-xs-12 col-sm-12 col-md-12">
											<div class="form-group">
												<div class="row">
													<strong>Related Fields:</strong><font color="red">&nbsp;*</font>
													<select name="RelatedFields" id="RelatedFields" class="form-control">
														<option value="">-- Select Fields --</option>
													</select>
													<input class="btn btn-primary" type="button" name="Add" value="Add" onClick="AddCondition()" />
												</div>
											</div>
										</div>
										<div class="col-xs-12 col-sm-12 col-md-12">
											<input type="Text" name="WorkFlowId" id="WorkFlowId" value="{{$UniqueId}}" class="form-control" />
										</div>
										<div class="col-xs-12 col-sm-12 col-md-12" name="ModuleFields" id="ModuleFields"></div>
										<div class="col-xs-12 col-sm-12 col-md-12" name="ModuleFields" id="ModuleFields">
											<input class="btn btn-primary" type="button" name="AddAction" value="AddAction" onClick="AddAction()" />
										</div>
										<div class="col-xs-12 col-sm-12 col-md-12 text-center">
											<button type="submit" class="btn btn-primary">Submit</button>
										</div>
									</div>
								</section>
								<h3>Conditions</h3>
								<section>
									<p>Wonderful transition effects.</p>
								</section>
								<h3>Actions</h3>
								<section>
									<p>The next and previous buttons help you to navigate through your content.</p>
								</section>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
@endsection