@extends('layouts.header')
@section('content')

@php
$ReportType[1]="Data Report - To Fetch Data from a Module";
$ReportType[2]="Data Report - Other Module";
$ReportType[3]="X Axis Report";
$ReportType[4]="X - Y Axis Report";
$ReportType[6]="Bar Graph's Report";
$ReportType[7]="Pie Chart's Report";
$ReportType[8]="Line Graph's Report";
$ReportType[9]="Comparison Graph's Report";
//Dont write for 5 , 5 is Drilldown Report
$PrimaryModuleId=$Result->PrimaryModuleId;
$AdHocReportType=$Result->AdHocReportType;
@endphp
<!--  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('CreateAdhocReport')}}">Create AdhocReport</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>Edit AdhocReport</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="AdHocReportName" id="AdHocReportName" class="form-control" placeholder="Name of the Report" value="{{$Result->AdHocReportName}}" 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)
													@if($Module->ModuleId==$PrimaryModuleId)
														<option value="{{$Module->ModuleId}}" selected>{{$Module->ModuleName}}</option>
													@else
														<option value="{{$Module->ModuleId}}">{{$Module->ModuleName}}</option>
													@endif
												@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="AdHocReportType" id="AdHocReportType" class="form-control workflowSelect" onChange="ModuleChangeAction()">
													<option value="">-- Select Type --</option>
													@foreach($ReportType as $EachReportTypeId=>$EachReport)
														@if($EachReportTypeId==$AdHocReportType)
															<option value="{{$EachReportTypeId}}" selected>{{$EachReport}}</option>
														@else
															<option value="{{$EachReportTypeId}}">{{$EachReport}}</option>
														@endif
														
													@endforeach
												</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>-->
												<textarea id="ReportDescription" name="ReportDescription">{{$Result->Description}}</textarea>
												<script>
													
												</script>
											</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="AdHocReportId" id="AdHocReportId" class="form-control" readonly="readonly" value="{{$UniqueId}}"/>
											</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="Update"/>
										</div>
									</div>
								</section>
								<section>
									<div id="ReportConfigDiv" name="ReportConfigDiv"></div>
								</section>
								<section>
									<div class="col-xs-12 col-sm-12 col-md-12">
										<div class="form-group">
											<div class="row" id="ReportDefaultFiltersDiv">
											</div>
										</div>
									</div>
								</section>
							</div>
						</div>
					</form>
				</div>
			</div>
		</div>
		<script>
		document.addEventListener('DOMContentLoaded',()=>{
			showfields();
			CKEDITOR.replace("ReportDescription");
			CKEDITOR.instances["ReportDescription"].on('change',function(){
				document.getElementById("ReportDescription").value=CKEDITOR.instances["ReportDescription"].getData();
			});
		})
		showfields();
		</script>
@endsection