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

@php
use App\Models\Demography;
//echo "<pre>";

	//print_r(json_decode( base64_decode($AllModules)));
//echo "</pre>";

@endphp

<style>
	.col-md-4 .form-group
	{	
		margin-top: 5px 0px;
		margin-bottom: 5px 0px;
	}	
</style>

<br>
<div class="statbox widget box box-shadow">
	<div class="form-group row">

		<!-----------Accordian Starts-------->

		<div id="toggleAccordion" class="accordion">


			<!----------------------First Card Starts Here------------------------->
			<div class="card">
				<div class="card-header" id="...">
					<section class="mb-0 mt-0">
						<div role="menu" class="show" data-bs-toggle="collapse" data-bs-target="#defaultAccordionOne" aria-expanded="false" aria-controls="defaultAccordionOne">
							Contacts  <div class="icons"><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-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg></div>
						</div>
					</section>
				</div>

				@php
				$OpportunitieId=(String)Str::uuid();
				$ContactId=(String)Str::uuid();
				@endphp

				<div id="defaultAccordionOne" class="collapse show" aria-labelledby="..." data-bs-parent="#toggleAccordion">
					<div class="card-body">


						<input type="hidden" id="LeadModuleId" name="LeadModuleId" value="{{$ModuleId}}">
						<input type="hidden"  name="LeadId" value="{{$RowId}}">

						<form name="ContactForm" class="simple-example row" id="Form{{$ContactModuleId}}" action="javascript:void(0);"  method="post" enctype="multipart/form-data"  novalidate >


							<input type="hidden"  name="LeadId" value="{{$RowId}}">
							<input type="hidden"  name="ContactId" value="{{$ContactId}}">
							<input type="hidden"  name="OpportunitieId" value="{{$OpportunitieId}}">

							<x-convertleadedit.displaytype8v2 demographyconfigId="9f208dd2-e173-485c-845c-c1bc98f89f6b" :moduleid="$ContactModuleId" displaysearch="0" mandatory="1" :results="$results"/>

							@foreach($ContactFields as $field)

							<!--------input fields starts here----------->

							@switch($field->DisplayType)
							@case(1)
							<x-convertleadedit.displaytype1 :demographyconfigId="$field->DemographyConfigId" :moduleid="$ContactModuleId" :mandatory="$field->Required" :results="$results" :leadmoduleid="$ModuleId" :leaddemographyconfigid="$field->LeadDemographyConfigId"/>
							@break;
							@case(2)
							<x-convertleadedit.displaytype2 :demographyconfigId="$field->DemographyConfigId" :moduleid="$ContactModuleId" :mandatory="$field->Required" :results="$results" :leadmoduleid="$ModuleId" :leaddemographyconfigid="$field->LeadDemographyConfigId"/>
							@break;
							@case(3)
							<x-convertleadedit.displaytype3 :demographyconfigId="$field->DemographyConfigId" :moduleid="$ContactModuleId" :mandatory="$field->Required" :results="$results" :leadmoduleid="$ModuleId" :leaddemographyconfigid="$field->LeadDemographyConfigId"/>
							@break;
							@case(4)
							<x-convertleadedit.displaytype4 :demographyconfigId="$field->DemographyConfigId" :moduleid="$ContactModuleId" :mandatory="$field->Required" :results="$results" :leadmoduleid="$ModuleId" :leaddemographyconfigid="$field->LeadDemographyConfigId"/>
							@break;
							@case(5)
							<x-convertleadedit.displaytype5 :demographyconfigId="$field->DemographyConfigId" :moduleid="$ContactModuleId" :mandatory="$field->Required" :results="$results" :leadmoduleid="$ModuleId" :leaddemographyconfigid="$field->LeadDemographyConfigId"/>
							@break;
							@case(6)
							<x-convertleadedit.displaytype6 :demographyconfigId="$field->DemographyConfigId" :moduleid="$ContactModuleId" :mandatory="$field->Required" :results="$results" :leadmoduleid="$ModuleId" :leaddemographyconfigid="$field->LeadDemographyConfigId"/>
							@break;
							@case(7)
							<x-convertleadedit.displaytype7 :demographyconfigId="$field->DemographyConfigId" :moduleid="$ContactModuleId" :mandatory="$field->Required" :results="$results" :leadmoduleid="$ModuleId" :leaddemographyconfigid="$field->LeadDemographyConfigId"/>
							@break;
							@case(8)
							<x-convertleadedit.displaytype8n :demographyconfigId="$field->DemographyConfigId" :moduleid="$ContactModuleId" :mandatory="$field->Required" displaysearch='0' :results="$results" :leadmoduleid="$ModuleId" :leaddemographyconfigid="$field->LeadDemographyConfigId"/>
							@break;
							@case(9)
							<x-convertleadedit.displaytype9 :demographyconfigId="$field->DemographyConfigId" :moduleid="$ContactModuleId" :mandatory="$field->Required" :results="$results" :leadmoduleid="$ModuleId" :leaddemographyconfigid="$field->LeadDemographyConfigId"/>
							@break;
							@case(10)
							<x-convertleadedit.displaytype10 :demographyconfigId="$field->DemographyConfigId" :moduleid="$ContactModuleId" :mandatory="$field->Required" :results="$results" :leadmoduleid="$ModuleId" :leaddemographyconfigid="$field->LeadDemographyConfigId"/>
							@break;
							@case(11)
							<x-convertleadedit.displaytype11 :demographyconfigId="$field->DemographyConfigId" :moduleid="$ContactModuleId" :mandatory="$field->Required" :results="$results" :leadmoduleid="$ModuleId" :leaddemographyconfigid="$field->LeadDemographyConfigId"/>
							@break;
							@case(12)
							<x-convertleadedit.displaytype12n :demographyconfigId="$field->DemographyConfigId" :moduleid="$ContactModuleId" :mandatory="$field->Required" :results="$results" :leadmoduleid="$ModuleId" :leaddemographyconfigid="$field->LeadDemographyConfigId"/>
							@break;
							@case(13)
							<x-convertleadedit.displaytype13 :demographyconfigId="$field->DemographyConfigId" :moduleid="$ContactModuleId" :mandatory="$field->Required" :results="$results" :leadmoduleid="$ModuleId" :leaddemographyconfigid="$field->LeadDemographyConfigId"/>
							@break;
							@case(14)
							<x-convertleadedit.displaytype14 :demographyconfigId="$field->DemographyConfigId" :moduleid="$ContactModuleId" :mandatory="$field->Required" :results="$results" :leadmoduleid="$ModuleId" :leaddemographyconfigid="$field->LeadDemographyConfigId"/>
							@break;
							@case(15)
							<x-convertleadedit.displaytype15 :demographyconfigId="$field->DemographyConfigId" :moduleid="$ContactModuleId" :mandatory="$field->Required" :results="$results" :leadmoduleid="$ModuleId" :leaddemographyconfigid="$field->LeadDemographyConfigId"/>
							@break;
							@case(16)
							<x-convertleadedit.displaytype16 :demographyconfigId="$field->DemographyConfigId" :moduleid="$ContactModuleId" :mandatory="$field->Required" :results="$results" :leadmoduleid="$ModuleId" :leaddemographyconfigid="$field->LeadDemographyConfigId"/>
							@break;
							@case(17)
							<x-convertleadedit.displaytype17 :demographyconfigId="$field->DemographyConfigId" :moduleid="$ContactModuleId" :mandatory="$field->Required" :results="$results" :leadmoduleid="$ModuleId" :leaddemographyconfigid="$field->LeadDemographyConfigId"/>
							@break;
							@case(18)
							<x-convertleadedit.displaytype18 :demographyconfigId="$field->DemographyConfigId" :moduleid="$ContactModuleId" :mandatory="$field->Required" :results="$results" :leadmoduleid="$ModuleId" :leaddemographyconfigid="$field->LeadDemographyConfigId"/>
							@break;
							@case(19)
							<x-convertleadedit.displaytype19 :demographyconfigId="$field->DemographyConfigId" :moduleid="$ContactModuleId" :mandatory="$field->Required" :results="$results" :leadmoduleid="$ModuleId" :leaddemographyconfigid="$field->LeadDemographyConfigId"/>
							@break;
							@case(23)
							<x-convertleadedit.displaytype23 :demographyconfigId="$field->DemographyConfigId" :moduleid="$ContactModuleId" :mandatory="$field->Required" :results="$results" :leadmoduleid="$ModuleId" :leaddemographyconfigid="$field->LeadDemographyConfigId"/>
							@break;
							@case(25)
							<x-convertleadedit.displaytype25 :demographyconfigId="$field->DemographyConfigId" :moduleid="$ContactModuleId" :mandatory="$field->Required" :results="$results" :leadmoduleid="$ModuleId" :leaddemographyconfigid="$field->LeadDemographyConfigId"/>
							@break;
							@case(26)
							<x-convertleadedit.displaytype26 :demographyconfigId="$field->DemographyConfigId" :moduleid="$ContactModuleId" :mandatory="$field->Required" :results="$results" :leadmoduleid="$ModuleId" :leaddemographyconfigid="$field->LeadDemographyConfigId"/>
							@break;
							@case(27)
							<x-convertleadedit.displaytype27 :demographyconfigId="$field->DemographyConfigId" :moduleid="$ContactModuleId" :mandatory="$field->Required" :results="$results" :leadmoduleid="$ModuleId" :leaddemographyconfigid="$field->LeadDemographyConfigId"/>
							@break;
							@case(28)
							<x-convertleadedit.displaytype28 :demographyconfigId="$field->DemographyConfigId" :moduleid="$ContactModuleId" :mandatory="$field->Required" :results="$results" :leadmoduleid="$ModuleId" :leaddemographyconfigid="$field->LeadDemographyConfigId"/>
							@break;
							@default
							<x-convertleadedit.displaytype1 :demographyconfigId="$field->DemographyConfigId" :moduleid="$ContactModuleId" :mandatory="$field->Required" :results="$results" :leadmoduleid="$ModuleId" :leaddemographyconfigid="$field->LeadDemographyConfigId"/>
							@break;
							@endswitch	
							<!--------input fields ends here------------->

							@endforeach


						</form>

					</div>
				</div>
			</div>
			<!----------------------First Card Ends Here------------------------->


			@foreach($NewConvertLeadModules as $ConvertModuleId=>$ConvertFields)

			@php
			$Demography=new Demography;
			$moduleName=$Demography->getModuleName($ConvertModuleId);
			$primaryKeyName=$Demography->getPrimaryKeyName($ConvertModuleId);

			$primaryKey=Str::uuid();

			@endphp

			<div class="card">
				<div class="card-header" id="...">
					<section class="mb-0 mt-0">
						<div role="menu" class="" data-bs-toggle="collapse" data-bs-target="#defaultAccordionTwo{{$ConvertModuleId}}" aria-expanded="true" aria-controls="defaultAccordionTwo">
							{{$moduleName}} <div class="icons"><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-chevron-down"><polyline points="6 9 12 15 18 9"></polyline></svg></div>
						</div>
					</section>
				</div>
				<div id="defaultAccordionTwo{{$ConvertModuleId}}" class="collapse show" aria-labelledby="..." data-bs-parent="#toggleAccordion">
					<div class="card-body">

						<form name="ContactForm" class="simple-example row" id="Form{{$ConvertModuleId}}" action="javascript:void(0);"  method="post" enctype="multipart/form-data"  novalidate >


							<input type="hidden"  name="LeadId" value="{{$RowId}}">
							<input type="hidden"  name="ContactId" value="{{$ContactId}}">
							<input type="hidden"  name="OpportunitieId" value="{{$OpportunitieId}}">

							@if($primaryKeyName!="OpportunitieId")
							<input type="hidden"  name="{{$primaryKeyName}}" value="{{$primaryKey}}">
							@endif

							@php
							//echo "<pre>";
								//print_r($ConvertFields);
							//echo "</pre>";
							$moduleid=$ConvertModuleId;
							@endphp
							@foreach($ConvertFields as $field)

							<!--------input fields starts here----------->

							@switch($field->DisplayType)
							@case(1)
							<x-convertleadcreate.displaytype1 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@case(2)
							<x-convertleadcreate.displaytype2 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@case(3)
							<x-convertleadcreate.displaytype3 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@case(4)
							<x-convertleadcreate.displaytype4 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@case(5)
							<x-convertleadcreate.displaytype5 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@case(6)
							<x-convertleadcreate.displaytype6 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@case(7)
							<x-convertleadcreate.displaytype7 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@case(8)
							<x-convertleadcreate.displaytype8n :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required" displaysearch='0'/>
							@break;
							@case(9)
							<x-convertleadcreate.displaytype9 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@case(10)
							<x-convertleadcreate.displaytype10 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@case(11)
							<x-convertleadcreate.displaytype11 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@case(12)
							<x-convertleadcreate.displaytype12n :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@case(13)
							<x-convertleadcreate.displaytype13 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@case(14)
							<x-convertleadcreate.displaytype14 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@case(15)
							<x-convertleadcreate.displaytype15 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@case(16)
							<x-convertleadcreate.displaytype16 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@case(17)
							<x-convertleadcreate.displaytype17 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@case(18)
							<x-convertleadcreate.displaytype18 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@case(19)
							<x-convertleadcreate.displaytype19 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@case(23)
							<x-convertleadcreate.displaytype23 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@case(25)
							<x-convertleadcreate.displaytype25 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@case(26)
							<x-convertleadcreate.displaytype26 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@case(27)
							<x-convertleadcreate.displaytype27 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@case(28)
							<x-convertleadcreate.displaytype28 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@case(31)
							<x-convertleadcreate.displaytype31 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@case(32)
							<x-convertleadcreate.displaytype32 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@case(33)
							<x-convertleadcreate.displaytype33 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@default
							<x-convertleadcreate.displaytype1 :demographyconfigId="$field->DemographyConfigId" :moduleid="$moduleid" :mandatory="$field->Required"/>
							@break;
							@endswitch	
							<!--------input fields ends here------------->


							@endforeach

						</form>

					</div>
				</div>
			</div>

			@endforeach



		</div>
		<!-----------Accordian Ends-------->


		<div class="col-md-12">
			<center> 
				<button class="btn btn-primary" id="submitBtn" type="submit" onclick="SubmitAllForms()">Convert lead</button> 
			</center>
		</div>

	</div>
</div>

@endsection

<script>



	SubmitAllForms=async ()=>
	{
		// console.clear();
		AllModules=	JSON.parse(atob("{{$AllModules}}"))
		try
		{
			await validateForm();
			await SaveForms();	
		}
		catch(e){

			console.log(e);

			Snackbar.show({
				text:  'Please fill all the required fields', 
				pos: 'top-right',
				actionTextColor: '#fff',
				backgroundColor: '#e7515a'
			});
			// alert("Invalid Form");
		}
		
	}


	SaveForms=()=>{

		return new Promise((resolve,reject)=>{

			FormDatas=[];
			AllModules.map((ModuleId)=>{
				var formData = JSON.stringify($(`#Form${ModuleId}`).serializeArray());
				console.log(`#Form${ModuleId}`,formData);
				FormDatas.push(
				{
					ModuleId: ModuleId,
					source: "Create",
					data:formData,
				}				
				);
			});


			console.log(`FormDatas`,FormDatas);
			
			$.ajax({
				url: "{{ url('ConvertLeadSaveV2') }}",
				type: 'POST',
				data: {FormDatas,OpportunitieId:"{{$OpportunitieId}}",ContactId:"{{$ContactId}}",RowId:"{{$RowId}}"},
				headers: {'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')},
				beforeSend:function(){
					$('#submitBtn').prop('disabled',true);
				},
				success: function(response) {
					// $('#submitBtn').prop('disabled',true);
					// console.log(response);
					Snackbar.show({
						text:  "Lead Created Successfully", 
						pos: 'top-right',
					});

					var ContactModuleId = '8066d57c-96a5-11eb-948a-56b1773fd56f';
					window.location = "{{ url('ListView/8066d57c-96a5-11eb-948a-56b1773fd56f') }}";
					resolve();

				},
			});

		});
	}

	validateForm=()=>
	{
		return new Promise((resolve,reject)=>{

			var forms = document.getElementsByClassName('simple-example');
			var invalid = $('.simple-example .invalid-feedback');
			var validation = Array.prototype.filter.call(forms, function(form) {
			// alert('func called');

			if (form.checkValidity() === false) {
				event.preventDefault();
				event.stopPropagation();
				invalid.css('display', 'block');				
				reject();
			} else {
				
				invalid.css('display', 'none');
			}
			form.classList.add('was-validated');

		});

			resolve();


		});
	}
</script>