MINI Sh3ll

    <!-- Contact popup form -->
	<div class="popupDiv">
		<div class="popupBg"></div>
		<div class="popupContent">
			<div class="popup-modal">
				<div class="closeIcon"><a>x</a></div>
				<p class="formTitle"><strong>Enter your details to have us call you back!</strong></p>
				<div class="enquiry-form-wrp">
					<form action="" name="popup_enquiry_form" id="popup_enquiry_form" method="post" >
						<div class="form-group">
							<input type="text" class="form-control" id="name" name ="name" placeholder="Name">
						</div>
						<div class="form-group">
							<input type="text" class="form-control" id="companyName" name ="companyName" placeholder="Conpany Name">
						</div>
						<div class="form-group">
							<input type="text" class="form-control" id="contactNumber" name ="contactNumber" placeholder="Contact Number" maxlength="10">
						</div>
						<div class="form-group">
							<input type="email" class="form-control" id="email" name ="email" placeholder="Email">
						</div>
						<div class="form-group">
							<input type="text" class="form-control" id="comments" name ="comments" placeholder="Comments">
						</div>	
						
						<input type="hidden" class="form-control" id="pageName" name ="pageName" value="<?php echo $pagename?>" >										
						<input type="submit" class="btn enquiry-btn btn-default" name="submit" id="submit" value="Submit">
					</form>
				</div>
			</div>
		</div>
	</div>
	<!-- Contact popup form -->
	
	<!-- Webinar/Case-studies popup form -->
	<div class="popupDiv2">
		<div class="popupBg"></div>
		<div class="popupContent">
			<div class="popup-modal">
				<div class="closeIcon"><a>x</a></div>
				<p class="formTitle resourcesTitle"><strong>Receive a link to this {resource type} (webinar / case study..)</strong></p>
				<div class="enquiry-form-wrp">
					<form action="" name="resource_type_form" id="resource_type_form" method="post" >
						
						<div class="row">
                            <div class="col-md-6 col-sm-12">
								<div class="form-group">
									<input type="text" class="form-control" id="resource_type_first_name" name ="resource_type_first_name" placeholder="First Name">
								</div>
							</div>	
                            <div class="col-md-6 col-sm-12">
								<div class="form-group">
									<input type="text" class="form-control" id="resource_type_last_name" name ="resource_type_last_name" placeholder="Last Name">
								</div>
							</div>		
						</div>
						<div class="row">
                            <div class="col-md-6 col-sm-12">
								<div class="form-group">
									<input type="email" class="form-control" id="resource_type_email" name ="resource_type_email" placeholder="Business Email">
								</div>
							</div>	
                            <div class="col-md-6 col-sm-12">
								<div class="form-group">
									<input type="text" class="form-control" id="resource_type_contact_number" name ="resource_type_contact_number" placeholder="Phone" maxlength="10">
								</div>
							</div>		
						</div>
						<div class="row">
                            <div class="col-md-6 col-sm-12">
								<div class="form-group">
									<input type="text" class="form-control" id="resource_type_company_name" name ="resource_type_company_name" placeholder="Conpany Name">
								</div>
							</div>	
                            <div class="col-md-6 col-sm-12">
								<div class="form-group">
									<input type="text" class="form-control" id="resource_type_job_title" name ="resource_type_job_title" placeholder="Job Title">
								</div>
							</div>		
						</div>
						
						<input type="hidden" class="form-control" id="resource_type_type" name ="resource_type_type" >
						<input type="hidden" class="form-control" id="resource_type_id" name ="resource_type_id" >		
						<input type="hidden" class="form-control" id="resourceURL" name ="resourceURL" >		
						<input type="submit" class="btn enquiry-btn btn-default getResourceURL" name="submit" id="submit" value="Submit">
					</form>
				</div>
			</div>
		</div>
	</div>
	<!-- popup form -->
	
	<script src="js/jquery.validate.min.js"></script>
	<script>
	
		/* Back to top */
		window.onscroll = function() {
			scrollFunction()
		};

		function scrollFunction() {
			if (document.body.scrollTop > 400 || document.documentElement.scrollTop > 400) {
				document.getElementById("backToTop").style.display = "block";
			} else {
				document.getElementById("backToTop").style.display = "none";
			}
		}

		$('#backToTop').on("click", function() {
			$('html,body').animate({
				scrollTop: 0
			}, 'slow', function() {});
		});
		/* Back to top */
		
		$(window).load(function(){		
			//$(".popupBg, .openPopup").click(function() {
			$('body').on('click','.popupBg, .openPopup',function(){
				$('.popupDiv').css('display','block');	
				//$('.popupDiv2').css('display','none');			
			})
			$(".popupBg, .closeIcon").click(function() {
				$('.popupDiv').css('display','none');
				$('.popupDiv2').css('display','none');				
			})	
			
			$('body').on('click','.getDetails',function(){
				type = $(this).attr('type');
				title = $(this).attr('title');
				$("#resource_type_form input[name='resource_type_type']").val(type);
				id = $(this).attr('id');
				$("#resource_type_form input[name='resource_type_id']").val(id);
				$('.resourcesTitle').html('Receive a link to this '+type+' (' +title+ ')');
				
				$('.popupDiv2').css('display','block');
				$('.popupDiv').css('display','none');								
			})
			
			/* $('body').on('click','.getResourceURL',function(){
				type = encodeURIComponent($('#resource_type_form input[name="resource_type_type"]').val());
				id = encodeURIComponent($('#resource_type_form input[name="resource_type_id"]').val());
				
				$.ajax({						
					type: 'POST',
					url: 'ajaxResourcesURL.php',						
					data: 'type=' + type + '&id=' + id,	
					success: function(data) {
						console.log(data);						
						$("#resource_type_form input[name='resourceURL']").val(data);
					},
					error: function() { console.log('Something went wrong'); },
					fail: function() { console.log('Connection timeout'); },
					timeout: 40000
				})								
			}) */
			
		<?php if(in_array($pagename, $pages2)){ ?>
			var catValue = '<?php echo $catValue?>';                   
			var useCaseValue = $('.nav.nav-tabs.hidden-xs li.active').attr('id');
			console.log(catValue);
			console.log(useCaseValue);
			
			$.ajax({						
				type: 'POST',
				url: 'ajaxUseCasesBanner.php',						
				data: 'catValue=' + catValue + '&useCaseValue=' + useCaseValue,	
				success: function(data) {
					//console.log(data);
					$(".bgimage").css("background-image", "url(uploads/"+data+")");
				},
				error: function() { console.log('Something went wrong'); },
				fail: function() { console.log('Connection timeout'); },
				timeout: 40000
			})	
			
			$.ajax({						
				type: 'POST',
				url: 'ajaxUseCases.php',						
				data: 'catValue=' + catValue + '&useCaseValue=' + useCaseValue,	
				success: function(data) {
					//console.log(data);
					$('.bgimage.itOperations').html(data);
				},
				error: function() { console.log('Something went wrong'); },
				fail: function() { console.log('Connection timeout'); },
				timeout: 40000
			})
		<?php } ?>
			
		});
		
		$(document).ready(function(){	
			var currentCat = '<?php echo $currentCat;?>';	
			if(currentCat == 0){
				$('li.megaMenu ul.drop-down li[page="Business Intelligence"]').addClass('active');
			}
				
			jQuery.validator.addMethod("lettersonly", function(value, element) {
				return this.optional(element) || /^[a-z\s' ]+$/i.test(value);
			}, "Only alphabetical characters");
			
			$('#popup_enquiry_form').validate({
				rules: {
					name:{required:true, lettersonly: true },
					companyName:{required:true, lettersonly: true },
					contactNumber: { required: true, number:true, minlength: 10, maxlength: 10 },	
					email: { required: true, email: true },				
					comments: { required: true }				
				},
				messages: {
					name: { required: "Name is required" },                 
					companyName: { required: "Company name is required" },
					email: { required: "Email address is required", email: "Enter valid email address" },
					contactNumber: { required: "Mobile Number is required" },   
					comments: { required: "Specify your comment" }   
				},
				submitHandler: function(form) {
					var name = encodeURIComponent($('[name="name"]').val());                   
					var companyName = encodeURIComponent($('#companyName').val());
					var email = encodeURIComponent($('input[name="email"]').val());
					var contact = encodeURIComponent($('input[name="contactNumber"]').val());						
					var comments = encodeURIComponent($('input[name="comments"]').val());						
					var pageName = encodeURIComponent($('input[name="pageName"]').val());						
					$.ajax({						
						type: 'POST',
						url: 'popup_enquiry_form.php',						
						data: 'name=' + name + '&companyName=' + companyName + '&email=' + email + '&contact=' + contact + '&comments=' + comments + '&page=' + pageName,			
						beforeSend: function(){
							$('#popup_enquiry_form').html('<div class="text-center" ><br/><br/><h3 style="color: #b92b27;"> Please wait ... </h3><br/><br/></div>');
						},
						success: function(data) {
							console.log(data);
							if (data == 1) {
								$('.formTitle').hide();
								$('#popup_enquiry_form').html('<h3 class="apply_success" style="color: #0d8c1e;"> <br/><br/>Thank you for your enquiry. Our team will get back to you shortly.<br/><br/> </h3>')
							}
						},
						error: function() {
							alert('Something went wrong');
						},
						fail: function() {
							alert('Connection timeout');
						},
						timeout: 40000
					})
				}
			});
			
			$('#resource_type_form').validate({
				rules: {
					resource_type_first_name:{required:true, lettersonly: true },
					resource_type_last_name:{required:true, lettersonly: true },
					resource_type_email: { required: true, email: true },
					resource_type_contact_number: { required: true, number:true, minlength: 10, maxlength: 10 },
					resource_type_company_name:{required:true, lettersonly: true },					
					resource_type_job_title:{required:true }					
				},
				messages: {
					resource_type_first_name: { required: "First name is required" },                 
					resource_type_last_name: { required: "Last name is required" },    
					resource_type_email: { required: "Email address is required", email: "Enter valid email address" },  
					resource_type_contact_number: { required: "Mobile number is required" },      
					resource_type_company_name: { required: "Company name is required" },  
					resource_type_job_title: { required: "Job title is required" } 
				},
				submitHandler: function(form) {
					var first_name = encodeURIComponent($('[name="resource_type_first_name"]').val());                   
					var last_name = encodeURIComponent($('[name="resource_type_last_name"]').val()); 
					var email = encodeURIComponent($('input[name="resource_type_email"]').val());
					var contact = encodeURIComponent($('input[name="resource_type_contact_number"]').val());
					var company_name = encodeURIComponent($('input[name="resource_type_company_name"]').val());	
					var job_title = encodeURIComponent($('input[name="resource_type_job_title"]').val());		
					var resource_type_type = encodeURIComponent($('input[name="resource_type_type"]').val());	
					var resource_type_id = encodeURIComponent($('input[name="resource_type_id"]').val());
					var resourceURL = encodeURIComponent($('input[name="resourceURL"]').val());
					$.ajax({						
						type: 'POST',
						url: 'resource_type_form.php',						
						data: 'first_name=' + first_name + '&last_name=' + last_name + '&email=' + email + '&contact=' + contact + '&company_name=' + company_name + '&job_title=' + job_title + '&resource_type_type=' + resource_type_type + '&resource_type_id=' + resource_type_id,
						beforeSend: function(){
							$('#resource_type_form').html('<div class="text-center" ><br/><br/><h3 style="color: #b92b27;"> Please wait ... </h3><br/><br/></div>');
						},
						success: function(data) {
							console.log(data);
							if (data == 1) {
								$('.formTitle').hide();
								//$('#resource_type_form').html('<h3 class="apply_success" style="color: #0d8c1e;"> <br/><br/>Thank you for your enquiry. Our team will get back to you shortly.<br/><br/> </h3>');
								
								var r_type = resource_type_type;
								var r_id = resource_type_id;								
								$.ajax({						
									type: 'POST',
									url: 'ajaxResourcesURL.php',						
									data: 'type=' + r_type + '&id=' + r_id,	
									success: function(data) {
										console.log(data);						
										setInterval(function(){											
											$('#resource_type_form').html('<h3 class="apply_success" style="color: #0d8c1e;"> <br/><br/>Thank you for your enquiry. Our team will get back to you shortly.<br/><br/> </h3>');
										}, 3000);
										window.location.replace(data);
									},
									error: function() { console.log('Something went wrong'); },
									fail: function() { console.log('Connection timeout'); },
									timeout: 40000
								})
							}
						},
						error: function() {
							alert('Something went wrong');
						},
						fail: function() {
							alert('Connection timeout');
						},
						timeout: 40000
					})
				}
			});
		});
	</script>