<!doctype html>
<html ng-app="tellus">
	<head>
		<base href="/">
		<!-- META -->
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1"><!-- Optimize mobile viewport -->
		<meta name="theme-color" content="#4e3420" />
		<link rel="shortcut icon" href="/img/favicon.png" />
		<title>ΩΡΑ ΓΙΑ ΜΗΛΙΤΗ</title>
		<link rel="stylesheet" type="text/css" href="css/style.css">
		<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/pretty-checkbox@3.0/dist/pretty-checkbox.min.css"/>
		<script src="vendors/angular/angular.min.js"></script>		
		<script src="vendors/@uirouter/angularjs/release/angular-ui-router.min.js"></script>
		<script src="vendors/angular-animate/angular-animate.min.js"></script>
		<script src="vendors/angular-deep-blur/angular-deep-blur.js"></script>
		<script src="vendors/angularjs-slider/dist/rzslider.min.js"></script>
		<script type="text/javascript" src="vendors/angular-recaptcha/release/angular-recaptcha.min.js"></script>
		<script src="js/controllers/MainCtrl.js"></script>		
		<script src="js/controllers/HomeCtrl.js"></script>		
		<script src="js/controllers/TopCtrl.js"></script>
		<script src="js/controllers/ContactCtrl.js"></script>
		<script src="js/app.js"></script>
		<!-- Global site tag (gtag.js) - Google Analytics -->
		<meta name="mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-capable" content="yes">		
		<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">
		
		<meta property="og:title"              content="ΩΡΑ ΓΙΑ ΜΗΛΙΤΗ" />
		<meta property="og:description"        content="Δοκίμασε τους νέους μηλίτες OLD MOUT & BLIND PIG,
					βρες τον κωδικό, πες μας την γνώμη σου και κέρδισε ένα ταξίδι στο ΒΕΛΓΙΟ" />
		<meta property="og:image"  content="https://www.tellus.gr/img/1200x628_1.png" />
			
		<meta property="fb:app_id"              content="515287638897682" />
		<meta property="og:url"              content="https://www.tellus.gr/" />
	</head>
	<body ng-controller="TopController" ng-init="ageForm={};">
		<script>
		  window.fbAsyncInit = function() {
			FB.init({
				
			  appId      : '515287638897682',
			  cookie     : true,
			  xfbml      : true,
			  version    : 'v3.1'
			});
			  
			FB.AppEvents.logPageView();   
			  
		  };

		  (function(d, s, id){
			 var js, fjs = d.getElementsByTagName(s)[0];
			 if (d.getElementById(id)) {return;}
			 js = d.createElement(s); js.id = id;
			 js.src = "https://connect.facebook.net/en_US/sdk.js";
			 fjs.parentNode.insertBefore(js, fjs);
		   }(document, 'script', 'facebook-jssdk'));
		</script>
		<!-- Global site tag (gtag.js) - Google Analytics -->
		<script async src="https://www.googletagmanager.com/gtag/js?id=UA-127059381-1"></script>
		<script>
		  window.dataLayer = window.dataLayer || [];
		  function gtag(){dataLayer.push(arguments);}
		  gtag('js', new Date());

		  gtag('config', 'UA-127059381-1');
		</script>
		
		<ui-view></ui-view>
		
		<div id="navi" ng-if="age" ng-class="toggle" ng-click="openNavi()">
			<span></span>
			<span></span>
			<span></span>
		</div>
		<div class="footer-menu text-center" ng-if="age || checkState()">
			<a ui-sref="legal.privacy">ΠΟΛΙΤΙΚΗ ΠΡΟΣΤΑΣΙΑΣ ΠΡΟΣΩΠΙΚΩΝ ΔΕΔΟΜΕΝΩΝ</a> | 
			<a ui-sref="legal.terms">ΟΡΟΙ & ΠΡΟΥΠΟΘΕΣΕΙΣ</a> |
			<a ui-sref="legal.responsibly">ΥΠΕΥΘΥΝΗ ΚΑΤΑΝΑΛΩΣΗ</a> |
			<a ui-sref="legal.cookies">COOKIES</a>
		</div>
		<div class="navigator" ng-class="toggle">
			<div class="bigapple"><img src="img/applebig.png"/></div>
			<div class="main-logo text-center">
				<a ng-click="go('home')"><img src="/img/militis_time.png"></a>
			</div>
			<div class="navimenu">
				<ul>
					<li><a ng-click="go('home')">ΑΡΧΙΚΗ ΣΕΛΙΔΑ</a></li>
					<li><a ng-click="go('howto')">ΠΩΣ ΘΑ ΠΑΡΩ ΜΕΡΟΣ</a></li>
					<li><a ng-click="go('legal.contestterms')">ΟΡΟΙ ΔΙΑΓΩΝΙΣΜΟΥ</a></li>
					<li><a ng-click="go('winners')">ΝΙΚΗΤΕΣ</a></li>
					<li><a ng-click="go('contact')">ΕΠΙΚΟΙΝΩΝΙΑ</a></li>
				</ul>
			</div>
		</div>
		<div class="agegate" ng-if="!age && !checkState()">
		
		<div class="hometop">
			<div class="container text-center">
				<div class="logo"><img src="/img/applelogo.png"></div>			
				
			</div>
		</div>
		<div class="homebottom">
			<div class="container text-center">
				<form  ng-submit="checkDate()" name="forms.ageForm" id="ageForm" novalidate>
					<div class="row justify-content-center">	
							<div class="col-md-12"><h3>Η ΗΜΕΡΟΜΗΝΙΑ ΓΕΝΝΗΣΗΣ ΜΟΥ ΕΙΝΑΙ:</h3></div>
							<div class="wt-100"></div>
							<div class="col-md-3">						
							  <div class="form-group text-center">	
								<label for="inputDay">ΧΩΡΑ ΔΙΑΜΟΝΗΣ</label>						  
								<custom-select ng-required="true" name="country" ng-change="checkDate()" ng-model="agedata.country" default-text="Επιλέξτε...." text-field="name" value-field="code" items="countries" ></custom-select>
								<span class="verror" ng-show="forms.ageForm.ageday.$touched && forms.ageForm.agemonth.$touched && forms.ageForm.ageyear.$touched && forms.ageForm.country.$invalid"><i class="fas fa-exclamation"></i> Κάνε μια επιλογή από τη λίστα.</span>		
							 </div>
							</div>
							<div class="col-4 col-md-2">
							  <div class="form-group text-center">
								<label for="inputDay">ΗΜΕΡΑ</label>
								<input type="number" ng-change="checkDate()" min="1" max="31" class="form-control" name="ageday" id="ageday" ng-model="agedata.ageday" ng-required="true" maxlength="2" limit-to="2">	
								<span  class="verror" ng-show="forms.ageForm.ageday.$touched && forms.ageForm.ageday.$invalid"><i class="fas fa-exclamation"></i> Θα πρέπει να συμπληρώσεις την ημέρα γεννήσεώς σου</span>		
							 </div>
							</div>
							<div class="col-4 col-md-2">
							  <div class="form-group text-center">
								<label for="inputDay">ΜΗΝΑΣ</label>
								<input type="number"  ng-change="checkDate()" min="1" max="12" class="form-control" name="agemonth" id="agemonth" ng-model="agedata.agemonth" ng-required="true" limit-to="2">	
								<span  class="verror" ng-show="forms.ageForm.agemonth.$touched && forms.ageForm.agemonth.$invalid"><i class="fas fa-exclamation"></i> Θα πρέπει να συμπληρώσεις τον μήνα γεννήσεώς σου</span>		
							 </div>
							</div>
							<div class="col-4 col-md-2">
							  <div class="form-group text-center">
								<label for="inputDay">ΕΤΟΣ</label>
								<input type="number"  ng-change="checkDate()" min="1900" max="2018" class="form-control" name="ageyear" id="ageyear" ng-model="agedata.ageyear" ng-required="true" limit-to="4">	
								<span  class="verror" ng-show="forms.ageForm.ageyear.$touched && forms.ageForm.ageyear.$invalid"><i class="fas fa-exclamation"></i> Θα πρέπει να συμπληρώσεις το έτος γεννήσεώς σου</span>		
							 </div>
							</div>
							<div class="wt-100"></div>
							<div class="col-md-8 text-center"><span class="verror hard" ng-show="forms.ageForm.ageday.$touched && forms.ageForm.agemonth.$touched && forms.ageForm.ageyear.$touched && !forms.ageForm.country.$invalid && !age"><i class="fas fa-exclamation"></i> Δυστυχώς θα πρέπει να είσαι άνω των 18 ετών για να επισκεφτείς την σελίδα μας!</span></div>	
						
					</div>
					<!--<div class="row justify-content-center pt20">
						<div class="col pt20">
							<button ng-click="facebookAge()"><img src="/img/facebookcon.png" class="img-fluid"/></button>
						</div>
					</div>-->
				</form>
			</div>
		</div>	
		<div class="footer-menu text-center">Υποβάλοντας αυτή τη φόρμα, αποδέχεστε τους <a ui-sref="legal.terms">ΟΡΟΥΣ ΧΡΗΣΗΣ</a> και τα <a ui-sref="legal.cookies">COOKIES</a> αυτού του ιστοτόπου. Αυτός ο ιστοτόπος θα χρησιμοποιεί cookies</div>
		</div>
	</body>
</html>
