@extends('layouts.header')
@section('content')
<!--  BEGIN CONTENT AREA  -->
		<br />
		<div class="page-header">
			<div class="breadcrumb-four">
				<ul class="breadcrumb">
					<li><a href="{{url('dashboard')}}"><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><span>Create Report</span></li> -->
					<li><a href="{{url('ReportsListView')}}">
						<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-database"><ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M21 12c0 1.66-4 3-9 3s-9-1.34-9-3"></path><path d="M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5"></path></svg>View Reports</a></li>
					<li class="active"><a href="{{url('CreateReport')}}">Create Report</a></li>
				</ul>
			</div>
		</div>
		<br />
		<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 Report</h4> -->
							</div>          
						</div>
					</div>
					<form action="{{url('/SaveReport')}}" method="POST" >
						@csrf
						<div class="widget-content widget-content-area">
							<div id="circle-basic" class="">
								<h3>Create Report</h3>
								<section>
									<div class="row">
										<div class="col-xs-12 col-sm-12 col-md-12">
											<div class="form-group">
												<strong>Report Name</strong><font color="red">&nbsp;*</font>
												<input type="text" name="ReportName" id="ReportName" class="form-control" placeholder="Name of the Report" maxlength="90" required="required">
											</div>
										</div>
										<div class="col-xs-12 col-sm-12 col-md-12">
											<div class="form-group">
												<strong>Primary Module</strong><font color="red">&nbsp;*</font>
												<select name="PrimaryModuleId" id="PrimaryModuleId" class="form-control workflowSelect" 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">
												<strong>Type of Report</strong><font color="red">&nbsp;*</font>
												<select name="ReportType" id="ReportType" class="form-control workflowSelect" onChange="ModuleChangeAction()">
													<option value="">-- Select Type --</option>
													<option value="1" title="Simple Pre-Defined Reports">Data Report - To Fetch a Data from a Module</option>
													<option value="12" title="XAxis">X-Axis Report</option>
													<option value="3" title="Statistics Report (X-Axis)">Basic Statistical Report</option>
													<option value="10" title="Pie Chart">Line Graph</option>
													<option value="4" title="Bar Graph">Bar Graph</option>
													<option value="8" title="Pie Chart">Pie Chart</option>
													<option value="5" title="Graphical Reports">Graphical Report</option>
													<option value="6" title="Only for Dropdown fields  (X/Y Axis)">Multi - Statistical Report</option>
													<option value="7" title="For all fields (X/Y Axis)">Multi - Statistical Report (All)</option>
													<option value="9" title="DateWise Report">Date Wise Report</option>
													<option value="11" title="SumofReport">SumofReport</option>
													<option value="13" title="SevendaysofReport">7Days BarGraph</option>
													<option value="14" title="ModuletoRelatedModuleDump">Module - RelatedModule Dump Report</option>
												</select>
											</div>
										</div>
										<div class="col-xs-12 col-sm-12 col-md-12">
											<div class="form-group">
												<strong>Description</strong><font color="red">&nbsp;*</font>
												<textarea name="ReportDescription" id="ReportDescription" class="form-control" placeholder="What kind of Report?"  required="required"></textarea>
											</div>
										</div>
										<div class="col-xs-12 col-sm-12 col-md-12">
											<div class="form-group">
												<input type="hidden" name="ReportUnqId" id="ReportUnqId" value="{{$UniqueId}}" class="form-control" />
												<input type="hidden" name="ReportId" id="ReportId" class="form-control" readonly="readonly" />
											</div>
										</div>
										<div class="col-xs-12 col-sm-12 col-md-12 text-center">
											<input type="button" class="btn btn-primary" onClick="ConfirmReport()" value="Confirm"/>
										</div>
									</div>
								</section>
								<h3>Choose Fields</h3>
								<section>
									<div id="ReportConfigDiv" name="ReportConfigDiv">Please fill the details in 1st Step!</div>
								</section>
								<h3>Add Conditions</h3>
								<section>
									<div class="col-xs-12 col-sm-12 col-md-12">
										<div class="form-group">
											<div class="row" id="ReportDefaultFiltersDiv">
												<!-- <div class="col-xs-12 col-sm-12 col-md-12" name="relatefieldsdiv" id="relatefieldsdiv">
													<strong>Related Fields</strong><font color="red">&nbsp;*</font>
													<select name="RelatedFields" id="RelatedFields" class="form-control">
														<option value="">-- Select Fields --</option>
													</select>
												</div>
												<div class="col-xs-12 col-sm-12 col-md-12" name="AddConditionDiv" id="AddConditionDiv">
													<input class="btn btn-primary" type="button" name="Add" value="Add" onClick="AddCondition()" />
												</div>
												<div class="col-xs-12 col-sm-12 col-md-12" name="ModuleFields" id="ModuleFields">
												</div> -->
											</div>
											
										</div>
									</div>

										<div class="col-xs-12 col-sm-12 col-md-12 text-center">
											<input type="button" class="btn btn-primary" onClick="GenerateReport()" value="Generate Report" id="generate_report" name="generate_report" />
										</div>
								</section>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
@endsection