<!DOCTYPE html>
<html lang="en">

	<head>

		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
		<meta name="author" content="DSAThemes"/>	
		<meta name="description" content="Eventador - Premium Event, Conference & Meetup Landing Pages Pack"/>
		<meta name="keywords" content="Responsive, HTML5, DSAThemes, Conference, Meeting, Event, One Page, Landing">	
		<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
				
		<!-- SITE TITLE -->
		<title>Zurich Takaful Malaysia</title>
							
		<!-- FAVICON AND TOUCH ICONS  -->
		<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
		<link rel="icon" href="images/favicon.ico" type="image/x-icon">
		<link rel="apple-touch-icon" sizes="152x152" href="images/apple-touch-icon-152x152.png">
		<link rel="apple-touch-icon" sizes="120x120" href="images/apple-touch-icon-120x120.png">
		<link rel="apple-touch-icon" sizes="76x76" href="images/apple-touch-icon-76x76.png">
		<link rel="apple-touch-icon" href="images/apple-touch-icon.png">

		<!-- BOOTSTRAP CSS -->
		<link href="../css/bootstrap.min.css" rel="stylesheet">
				
		<!-- FONT ICONS -->
		<link href="../css/fa-svg-with-js.css" rel="stylesheet">	
				
		<!-- GOOGLE FONTS -->
		<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900" rel="stylesheet"> 		
		<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,800" rel="stylesheet"> 

		<!-- PLUGINS STYLESHEET -->
		<link href="../css/owl.carousel.min.css" rel="stylesheet">
		<link href="../css/owl.theme.default.min.css" rel="stylesheet" >
		<link href="../css/magnific-popup.css" rel="stylesheet">
				
		<!-- TEMPLATE CSS -->
		<link href="../css/style.css" rel="stylesheet"> 	

		<!-- RESPONSIVE CSS -->
		<link href="../css/responsive.css" rel="stylesheet"> 


					
	</head>
	

	
	<body>




		<!-- PRELOADER
		============================================= -->		
		<div id="loader-wrapper">
			<div id="loader">
				<div class="sk-folding-cube">
				  <div class="sk-cube1 sk-cube"></div>
				  <div class="sk-cube2 sk-cube"></div>
				  <div class="sk-cube4 sk-cube"></div>
				  <div class="sk-cube3 sk-cube"></div>
				</div>
			</div>
		</div>




		<!-- STYLE SWITCHER
		============================================= -->
  <!-- END SWITCHER -->




		<!-- PAGE CONTENT
		============================================= -->	
		<div id="page" class="page">



			<section id="register" class="bg-scroll wide-100 pre-register division">
				<div class="container white-color">		


					<!-- SECTION TITLE 	-->
					<div class="row">
						<div class="col-md-4 col-lg-4 section-title">

			 				<!-- Title -->
							<h2 class="banner-regular">Your guest details</h2>

							<!-- Text -->	
							<p>Please click the action button.</p>
							{{$message}}
							

						</div>
					
						<div class="col-md-8">
						
							<!-- Register Form -->
							<form id="register-form" name="registerform" class="row register-form">
			
								<!-- Form Inputs -->
								<div class="col-md-8">
									<div id="input_name" class="col-md-12">
										<input class="form-control name" type="text" name="name" value="{{$info->fullname}}" placeholder="First Name" disabled>
									</div>	

									<div id="input_email" class="col-md-12">
										<input class="form-control email" type="text" name="email" placeholder="Email Address" disabled value="{{$info->email}}">
									</div>		
									<div id="form_register_btn" class="col-md-12">
										<a href="/attendance/{{$info->id}}/{{$eventid}}" class="btn btn-medium btn-yellow">Take attendance</a>
										<br><br>
									</div> 		
									<div id="form_register_btn" class="col-md-12">
										<a href="/goodies/{{$info->id}}/{{$eventid}}" class="btn btn-medium btn-blue">Give goodies </a>
										<br><br>
									</div> 									
								</div>


								<div class="col-md-4">

									{!! QrCode::size(275)->generate(url('event/qrscan/'.$slug.'/'.$info->email.'/'.$info->invitation_code)); !!}

								</div>


								<!-- Form Select -->
								
									
								<!-- Form Submit Button -->
								
																		
								<!-- Form Message -->
								
																																													
							</form>	
							
						
						</div>						
					</div>	  <!-- End row -->					
				</div>	   <!-- End container -->	
			</section>	<!-- END REGISTER FORM  -->
			<!-- HERO-5
			============================================= -->	
			<section id="hero-5" class="bg-scroll bg-yellow hero-section division">	
				<div class="container">	
					<div class="row hero-row-160">


						<!-- HERO TEXT -->
						<div class="col-md-8 col-lg-6 offset-md-2 offset-lg-3 text-center">


							<!-- Event Description -->
							<div class="hero-txt">

								<!-- Title -->
								<h2>Zurich</h2>
								<h2 class="io">2018</h2>

								<h3>Takaful Agency Awards</h3>

								<!-- Event Place -->
								<h4>Melbourne, Australia</h4>

								<!-- Event Place -->
								<span>November 23-25</span>

							</div>


						</div>	<!-- END HERO TEXT -->


					</div>	  
				</div> 	   <!-- End container -->
			</section>	<!-- END HERO-5 -->



			<!-- SCHEDULE
			============================================= -->		
						<!-- REGISTER FORM 
			============================================= -->

			<!-- MEDIA-3 
			============================================= -->
		
			<!-- VENUE-1
			============================================= -->


		</div>	



		<!-- EXTERNAL SCRIPTS
		============================================= -->	
		<script src="../js/jquery-3.2.1.min.js"></script>
		<script src="../js/bootstrap.min.js"></script>	
		<script src="../js/fontawesome-all.js"></script>	
		<script src="../js/modernizr.custom.js"></script>
		<script src="../js/jquery.easing.js"></script>
		<script src="../js/retina.js"></script>	
		<script src="../js/jquery.stellar.min.js"></script>	
		<script src="../js/jquery.scrollto.js"></script>
		<script src="../js/jquery.appear.js"></script>
		<script src="../js/jquery.vide.min.js"></script>	
		<script src="../js/jquery.countdown.min.js"></script>	
		<script src="../js/jquery.magnific-popup.min.js"></script>
		<script src="../js/owl.carousel.min.js"></script>
		<script src="../js/register-form.js"></script>
		<script src="../js/comment-form.js"></script>
		<script src="../js/jquery.ajaxchimp.min.js"></script>		
		<script src="../js/jquery.validate.min.js"></script>
				
		<!-- Custom Script -->		
		<script src="../js/custom.js"></script>	

					
		<!-- HTML5 shim, for IE6-8 support of HTML5 elements. All other JS at the end of file. -->
		<!-- [if lt IE 9]>
			<script src="../../js/html5shiv.js" type="text/javascript"></script>
			<script src="../../js/respond.min.js" type="text/javascript"></script>
		<![endif] -->


		<!-- Google Map -->
		<script>
			function myMap() {
	  			var myCenter = new google.maps.LatLng(-37.817214,144.955925); 
				var mapCanvas = document.getElementById("gmap");
				var mapOptions = {center: myCenter, zoom: 17};
				var map = new google.maps.Map(mapCanvas, mapOptions);
				var marker = new google.maps.Marker({position:myCenter});
				marker.setMap(map);
			}
		</script> 

		<!-- To use this code on your website, get a free API key from Google. Read more at: https://www.w3schools.com/graphics/google_maps_basic.asp -->
		<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBOFa0iGSo8sm53JusirnEA9ySpI6Gw2Gg&callback=myMap"></script>
										
		<!-- Google Analytics: Change UA-XXXXX-X to be your site's ID. Go to http://www.google.com/analytics/ for more information. -->	
								
		<!--
		<script>
			var _gaq = _gaq || [];
			_gaq.push(['_setAccount', 'UA-XXXXX-X']);
			_gaq.push(['_trackPageview']);

			(function() {
				var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
				ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
				var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
			})();
		</script>
		-->


		<script src="../js/changer.js"></script>
		<script defer src="../js/styleswitch.js"></script>	


	</body>



</html>	