@props(['moduleid','source'])

<div id="CstmAgencyCreateDiv{{$moduleid}}" style="display:none">
	<div class="col-md-12 form-group">
		<input class="form-control" type="text" id="CstmAgencyName{{$moduleid}}" placeholder="Agency Name" onblur="ValidateAgencyName('{{$moduleid}}')">
		<div  id="CstmAgencyNameError{{$moduleid}}" style="display: none;">
			<font color="red">Please fill the Agency Name</font>
		</div>
	</div>

	<div class="col-md-12 form-group">
		<input class="form-control" type="text"   id="CstmAgencyId{{$moduleid}}" placeholder="Agency Id" onblur="ValidateAgencyName('{{$moduleid}}')">
		<div   id="CstmAgencyIdError{{$moduleid}}" style="display: none;">
			<font color="red">Please fill the Agency Id</font>
		</div>
	</div>

	<div class="col-md-12 form-group">
		<input class="form-control" type="text"   id="CstmLandlineNumber{{$moduleid}}" placeholder="Landline Number" onblur="ValidateAgencyName('{{$moduleid}}')">
		<div   id="CstmLandlineNumberError{{$moduleid}}" style="display: none;">
			<font color="red">Please fill the Landline Number</font>
		</div>
	</div>

</div>


<script>
	ValidateAgencyName= (moduleId)=>
	{
		AgencyName=$(`#CstmAgencyName${moduleId}`).val();
		AgencyId=$(`#CstmAgencyId${moduleId}`).val();
		LandlineNumber=$(`#CstmLandlineNumber${moduleId}`).val();

		if(AgencyName=="")
		{
			$(`#CstmAgencyNameError${moduleId}`).css("display","block")
			return;
		}
		else
		{
			$(`#CstmAgencyNameError${moduleId}`).css("display","none")
		}

		if(AgencyId=="")
		{
			$(`#CstmAgencyIdError${moduleId}`).css("display","block")
			return;
		}
		else
		{
			$(`#CstmAgencyIdError${moduleId}`).css("display","none")
		}

		if(LandlineNumber=="")
		{
			$(`#CstmLandlineNumberError${moduleId}`).css("display","block")
			return;
		}
		else
		{
			$(`#CstmLandlineNumberError${moduleId}`).css("display","none")
		}


		try
		{

			Swal.fire({
				title: 'Are you sure?',
				text: "You won't be able to revert this!",
				icon: 'warning',
				showCancelButton: true,
				confirmButtonColor: '#3085d6',
				cancelButtonColor: '#d33',
				confirmButtonText: 'Yes, add it!'
			}).then((result) => {

				if (result.isConfirmed) {
					SaveAgencyName(AgencyId,AgencyName,LandlineNumber,moduleId);
				}

			})

		}
		catch(e){
			return;
		}
	}

	SaveAgencyName=(AgencyId,AgencyName,LandlineNumber,moduleId)=>{

		url="{{url('api/tbo-SaveAgencyName')}}",

		$.ajax({
			type:"post",
			url,
			data:{AgencyId,AgencyName,LandlineNumber},
			beforeSend:()=>{},
			success:response=>{


				res=JSON.parse(response);

				if(res.Status=="error")
				{
					Snackbar.show({
						text: res.Message,
						pos: 'top-right',
						actionTextColor: '#fff',
						backgroundColor: '#e7515a'
					});
				}
				else
				{
					Snackbar.show({
						text: res.Message,
						pos: 'top-right',
					});


					AgencyName=$(`#CstmAgencyName${moduleId}`).val('');
					AgencyId=$(`#CstmAgencyId${moduleId}`).val('');
					$(`#CstmAgencyCreateDiv${moduleId}`).toggle()
				}

				console.log(response)
			}
		});
	}


	displayAddAgency=()=>
	{
		moduleId="{{$moduleid}}";
	// $('#CstmAgencyCreateDiv').css("display","block")
	$(`#CstmAgencyCreateDiv${moduleId}`).toggle()
}

</script>