<!DOCTYPE HTML>
<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
		<title>Zurich - Takaful Agency Awards</title>
		<meta name="description" content="" />
		<meta name="keywords" content="" />
		<meta name="author" content="" />
		<meta name="robots" content="index,follow" />
		<link rel="shortcut icon" href="">
        <link rel="apple-touch-icon" href="">

	  	<!-- Facebook and Twitter Share Informations -->
	  	<meta property="og:type" content="website" />
		<meta property="og:title" content="" />
		<meta property="og:description" content="" />
		<meta property="og:image" content="" />
		<meta property="og:url" content="" />
		<meta property="og:site_name" content="" />
		<meta name="twitter:title" content="" />
		<meta name="twitter:image" content="" />
		<meta name="twitter:url" content="" />
		<meta name="twitter:card" content="" />
		
		<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat:400,700,800">
		<!-- To enable the modal popup, uncomment the next line -->
		<!-- <link rel="stylesheet" href="assets/css/bootstrap.min.css"> -->

		<link rel="stylesheet" href="contactme/css/select2.min.css">
		<link rel="stylesheet" href="contactme/css/bootstrap-datepicker.standalone.min.css">
		<link rel="stylesheet" href="contactme/css/jquery.timepicker.css">
		<link rel="stylesheet" href="contactme/css/contactme-1.4.css">
		
		<!-- To enable the gallery plugin, uncomment the next line -->
		<!-- <link rel="stylesheet" href="assets/lightgallery/css/lightgallery.min.css"> -->
		<link rel="stylesheet" href="assets/css/jonny-1.2.css">
		<!-- To enable the custom css file, uncomment the next line -->
		<!-- <link rel="stylesheet" href="assets/css/custom.css"> -->
	</head>
	<body>
		<section class="jonny">
			<div class="infos">
				<!-- BACKGROUND IMAGE -->
				<!-- To enable the background image, follow these steps: -->
				<!-- - Comment the background video line -->
				<!-- - Uncomment the next lines -->
				<img src="assets/imgs/cover/hero-5.png" alt="Cover">
				
				<!-- BACKGROUND VIDEO -->
				<!-- To enable the background video, follow these steps: -->
				<!-- - Set a background image to use for mobile devices (this is necessary because the video autoplay is blocked from android and ios devices to avoid consuming a lot of data) -->
				<!-- - Uncomment the next lines -->
				<!-- - Set the "data-width" and "data-height" with the width and height of the video. (use the values given by youtube in the share section. Note: 560 and 315 are the most used values) -->
				<!-- - Replace "YOUR_VIDEO_ID" with the id of the youtube video (2 times) -->
				<!--
				<div class="videoCover" data-width="560" data-height="315">
					<iframe src="https://www.youtube.com/embed/YOUR_VIDEO_ID?rel=0&amp;autoplay=1&amp;loop=1&amp;controls=0&amp;showinfo=0&amp;mute=1&amp;playlist=YOUR_VIDEO_ID" frameborder="0"></iframe>
				</div>
				-->
				<div class="contain">
					<div>
						<div>
							
							<h1 class="title">2018<br />Takaful Agency Awards</h1>
							<p class="description">Join us for the amazing night and blissfull gathering of the year</p>
							<!-- Set the data-countdown value with this format: yyyy/mm/dd hh:ii:ss -->
							<!-- Note: set the time in 0-24 format, two digits for each: hours, minutes and seconds -->
							<!-- To enable the countdown, uncomment the import .js line and the next line: -->
							<div class="countdown" data-countdown="2018/10/15 18:00:00">
								<div class="days">
									<div>&nbsp;</div>
									<span>days</span>
								</div>
								<div class="hours">
									<div>&nbsp;</div>
									<span>hours</span>
								</div>
								<div class="minutes">
									<div>&nbsp;</div>
									<span>minutes</span>
								</div>
								<div class="seconds">
									<div>&nbsp;</div>
									<span>seconds</span>
								</div>
							</div>
							
						</div>
					</div>
				</div>
			</div>
			<div class="form">
				<div>
					<div>
					<img src="assets/imgs/logo/logo.jpg" class="logo" alt="Logo">
					<br><br>
						<h3>Accept your invitation <br /></h3>
						<br>
						<!-- START - Contact Form -->
						{!! QrCode::size(250)->generate(url('event/qrscan/zurich/'.$email.'/'.$invcode)); !!}
						<p>{{$email}}</p>
						<br>

						<form class="contactMe small" action="/invite/accept/" method="GET" enctype="multipart/form-data">
						 <!-- <input type="hidden" name="_token" value="{{ csrf_token() }}"> -->
						  <input type="hidden" name="evenid" value="{{ $eventid }}">
							<section>
								
									<input type="hidden" name="email" data-displayname="Email" class="field" placeholder="Your e-mail" required value="{{$email}}">
								
									<input type="hidden" name="name" data-displayname="Name" class="field" placeholder="Your Invitation code" required value="{{$invcode}}">
								
														

								<div class="msg"></div>

								<button class="btn" type="submit">Accept</button>
								<br><br><p>{{$notice}}</p>
							</section>
						</form>

      

       				<!-- END - Contact Form -->
					</div>
				</div>
			</div>
		</section>

		<!-- START GALLERY IMAGES -->
		<!-- To enable the gallery plugin, uncomment the next lines -->
		<!--
		<section id="gallery1" class="gallery-items">
			<a href="assets/imgs/gallery/demo-1.jpg"></a>
			<a href="assets/imgs/gallery/demo-2.jpg"></a>
			<a href="assets/imgs/gallery/demo-3.jpg"></a>
			<a href="assets/imgs/gallery/demo-4.jpg"></a>
		</section>
		-->
		<!-- END GALLERY IMAGES -->

		<!-- START MODAL POPUP -->
		<!-- To enable the modal popup, uncomment the next lines -->
		<!--
		<section id="popup1" class="modal customModal fade" tabindex="-1" role="dialog">
			<div class="modal-dialog" role="document">
				<div class="modal-content">
					<img src="assets/imgs/popup-cover.jpg" class="fit-width" alt="">
					<h3>Popup informations title</h3>
					<p>Sed posuere consectetur est at lobortis. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec id elit non mi porta gravida at eget metus.</p>
					<p>Nullam id dolor id nibh ultricies vehicula ut id elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Donec id elit non mi porta gravida at eget metus. Curabitur blandit tempus porttitor.</p>
					<p>Nulla vitae elit libero, a pharetra augue. Donec ullamcorper nulla non metus auctor fringilla. Sed posuere consectetur est at lobortis. Etiam porta sem malesuada magna mollis euismod.</p>
					<p>Curabitur blandit tempus porttitor. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Curabitur blandit tempus porttitor. Cras justo odio, dapibus ac facilisis in, egestas eget quam.</p>
					<div class="buttons centered marginTop">
						<a href="#" class="black" data-dismiss="modal">CLOSE</a>
					</div>
				</div>
			</div>
		</section>
		-->
		<!-- END MODAL POPUP -->

		<!-- START SHARE PLUGIN CONTENT -->
		<!-- To enable the share plugin, uncomment the next lines -->
		<!--
		<section id="share-plugin-content" class="j-hide">
			<div class="addthis_inline_share_toolbox"></div>
		</section>
		-->
		<!-- END SHARE PLUGIN CONTENT -->
		
		<script src="assets/js/jquery-3.2.1.min.js"></script>
		<script src="assets/js/modernizr-touch-events.js"></script>
		<!-- To enable the modal popup, uncomment the next line -->
		<!-- <script src="assets/js/bootstrap.min.js"></script> -->
		<!-- To enable the countdown, uncomment the next line: -->
		<script src="assets/js/jquery.countdown.min.js"></script>
		<!-- To enable the gallery plugin, uncomment the next line -->
		<!-- <script src="assets/lightgallery/js/lightgallery.min.js"></script> -->

	
		<!-- To enable Google reCAPTCHA, uncomment the next line: -->
		<!-- <script src="https://www.google.com/recaptcha/api.js?onload=initRecaptchas&render=explicit" async defer></script> -->

		<!-- To enable the share plugin you have to signup on addthis.com website, choose the type "INLINE share buttons" and follow the steps to add the socials you need. After done it, copy the PUBID code (ra-xxxxxxxxx) and paste it in the next line by replacing "YOUR_PUBID". Don't forget to uncomment the next line -->
		<!-- <script src="//s7.addthis.com/js/300/addthis_widget.js#pubid=YOUR_PUBID"></script> -->

		<script src="assets/js/jonny-1.2.js"></script>
	</body>
</html>

