<? 
include_once("../common/includes/settings.php");
require_once('settings/config.php');
include_once("../common/classes/Carbon.php");
$sandbox_mode=false;
require_once('settings/paypal_config.php');

use Carbon\Carbon;

$challengeDetail = ChallengeDetail::byId(2);
$challengeName = $challengeDetail->name;

$event_start_date = Carbon::parse($challengeDetail->start_date);
$event_end_date = Carbon::parse($challengeDetail->end_date);

$actual_end_date = Carbon::parse($challengeDetail->end_date)->addDay(1);

$reg_end_date = Carbon::createFromFormat('Y-m-d H:i:s', '2016-05-27 00:00:00');

// Redirect to index when registration period ends
if(Carbon::now() >= $reg_end_date) {
	header("Location: ".$GLOBAL_HOSTHTTP_URL."/togo920/index.php");
	exit;
}

## Redirect if not Login
if (!isInSession()) {
    header ("Location: ".$GLOBAL_HOSTHTTP_URL."/members/login.php?cb=".urlencode($THISURL->getUrl()));
    exit;
}

$user = new User(getSessionUserid());
if ($user->isBanned()) {
    header ("Location: ".$GLOBAL_HOSTHTTP_URL."/common/logout.php");
    exit;
}

$cuser = ChallengeUser::where('cid', $challengeDetail->cid)->where('userid', getSessionUserid())->getOne();

if($cuser) {
	header("Location: ".$GLOBAL_HOSTHTTP_URL."/togo920/thank-you.php");
	exit;
}

// $togo810_users = ChallengeUser::where('cid', 1)->orderBy('first_name', 'asc')->get();

$registration_limit = 1000;
$challenge_users = ChallengeUser::where('cid', $challengeDetail->cid)->get();

$waiting = count($challenge_users) > $registration_limit ? true : false;
$populate = false;

$user_waiting = ChallengeSignupWaitingList::where('userid', getSessionUserid())->where('cid', $challengeDetail->cid)->get();

if(count($user_waiting) > 0) {
	$populate = true;

	if($waiting) {
	    header ("Location: ".$GLOBAL_HOSTHTTP_URL."/togo920/registration_waiting_list.php");
	  	exit;
	}
}

$now=date('Y-m-d H:i:s'); //to replace mysql NOW() 

$t810_user = ChallengeUser::where('cid', 1)->where('userid', getSessionUserid())->getOne();

//Process Form
if(isset($_POST['Submit'])) {

    $dob = Carbon::parse($_POST['dob']);
    $membership = $_POST['membership'];

    if($waiting) {
    	//PUT TO WAITING LIST
    	$ChallengeSignup = new ChallengeSignupWaitingList;
    } else {
    	//SIGNUP
    	$ChallengeSignup = new ChallengeSignup;
    }
    
    //Check for form validation
    
    //populate $ChallengeSignup
    $ChallengeSignup->cid = $challengeDetail->cid; //2 Togo920
    $ChallengeSignup->userid = getSessionUserid();
    $ChallengeSignup->first_name = $_POST['first_name'];
    $ChallengeSignup->last_name = $_POST['last_name'];
	$ChallengeSignup->gender = $_POST['gender'];
    $ChallengeSignup->email = $_POST['email'];
    $ChallengeSignup->mobile = $_POST['mobile'];
    $ChallengeSignup->address = $_POST['address'];
    $ChallengeSignup->city = $_POST['city'];
    $ChallengeSignup->country = $_POST['country'];
    $ChallengeSignup->postal_code = $_POST['postal_code'];
    $ChallengeSignup->jersey_size = $_POST['jersey_size'];
    $ChallengeSignup->axa = isset($_POST['axa']) ? 1 : 0;
    $ChallengeSignup->nric = isset($_POST['nric']) ? $_POST['nric'] : "";
    $ChallengeSignup->dob = $dob->format('Y-m-d');
    $ChallengeSignup->date_created = $now;
    $ChallengeSignup->date_modified = $now;

    if($membership != '') {

    	if($membership == 'Club Rainbow') {
    		$ChallengeSignup->membership = $_POST['membership'];
    		$ChallengeSignup->club_rainbow_name = $_POST['club_rainbow_name'];
    		$ChallengeSignup->nric = $_POST['nric'];

    		$price = 45;
    	} else if($membership == 'TOGO810') {
    		$ChallengeSignup->membership = $_POST['membership'];

    		$price = 45;
    	} else {
    		$ChallengeSignup->membership = $_POST['membership'];
    		$ChallengeSignup->matriculation_no = $_POST['matriculation_no'];
    		$ChallengeSignup->matriculation_year = $_POST['matriculation_year'];

    		$price = 39;
    	}

    } else {
    	$price = 48;
    }

    $sid = $ChallengeSignup->save();
    if(!$sid>0) {
        sendErrorEmail('Togo920 Registration Error', 'Signup insertion error');
    }
    
    if($waiting) {
    	$message = $ChallengeSignup->first_name . ' ' . $ChallengeSignup->last_name . ' has been put on the waiting list.';

    	$header = "MIME-Version: 1.0\n";
		$header .= "Content-type: text/html; charset=\"iso-8859-1\"\n";
		$header .= "Bcc: marvin.baga@oneshift.com\r\n";
		$header .= "From: togo920@togoparts.com <togo920@togoparts.com>\n";
		$header .= "X-Sender: <togo920@togoparts.com>\n";
		$header .= "X-Mailer: PHP\n"; //mailer
		$header .= "X-Priority: 3\n";
		$header .= "Return-Path: <togo920@togoparts.com>\n";
		@mail('togo920@togoparts.com', 'TOGO920 Waiting List Signup', $message, $header);

    	header ("Location: ".$GLOBAL_HOSTHTTP_URL."/togo920/registration_waiting_list.php");
    	exit;
    }
    
    //PayPal log
    $paypalLog = new PayPalLog;
    $paypalLog->item = $challengeDetail->name;
    $paypalLog->currency = 'SGD';
    $paypalLog->amount = $price;
    $paypalLog->userid = getSessionUserid();
    $paypalLog->reference = ''; //store paypal receipt_ID, empty first
    $paypalLog->status = 0;
    $paypalLog->transactiondate = $now; //now
    $paypalLog->transactiondate_rtn = $now; //now
    $paypalLog->date_created = $now; //now
    $paypal_log_id = $paypalLog->save(); //insert first to get the id to passback to signup 
    //echo('ppid='.$paypal_log_id.'<br>');
    
    if(!$paypal_log_id>0) {
        error_log('Paypal Log insertion error');
        sendErrorEmail('Togo920 Registration Error', 'Paypal Log insertion error');
        //exit;
    }
    
    //https://developer.paypal.com/docs/classic/paypal-payments-standard/integration-guide/Appx_websitestandard_htmlvariables/
	$ppAmount = $price;
	//test users
	if(getSessionUserid()==31788) {
		//$ppAmount=0.5;
	}
	
    $paypalParams = '?cmd=_xclick';
    $paypalParams .= '&business='.urlencode($togoparts_reciever_email);
    $paypalParams .= '&item_name='.urlencode($challengeDetail->name);
    $paypalParams .= '&item_number='.urlencode($challengeDetail->name);
    $paypalParams .= '&amount='.urlencode($ppAmount);
    $paypalParams .= '&notify_url='.urlencode($CHALLENGE_NOTIFY_URL);
    $paypalParams .= '&return='.urlencode($CHALLENGE_SUCCESS_URL);
    $paypalParams .= '&cancel_return='.urlencode($CHALLENGE_CANCEL_URL);
    $paypalParams .= '&cpp_header_image='.urlencode($CHALLENGE_HEADER_IMG);
    $paypalParams .= '&custom='.urlencode($paypal_log_id);
    $paypalParams .= '&rm=2'; //Return method - the buyer's browser is redirected to the return URL by using the POST method, and all payment variables are included 
    $paypalParams .= '&city=Singapore';
    $paypalParams .= '&country=SG';
    $paypalParams .= '&cpp_headerback_color='.urlencode('#FFFFFF');
    $paypalParams .= '&cpp_headerborder_color='.urlencode('#FFFFFF');
    $paypalParams .= '&display=1';
    $paypalParams .= '&image_url='.urlencode('http://www.togoparts.com/images/togoparts_logo_pp_150x150.gif');
    $paypalParams .= '&shipping=0.00';
    $paypalParams .= '&no_shipping=1';
    $paypalParams .= '&no_note=1';
    $paypalParams .= '&currency_code=SGD';
    $paypalParams .= '&tax=0.00';
    $paypalParams .= '&lc=SG';
    $paypalParams .= '&bn=PP-BuyNowBF';
    
    $payPalSubmit = $paypal_url.$paypalParams;
    
    //Update paypal_log wiht message - get params
    $ppMessage = 'GET VARS: '.$paypalParams;
    $updateArray = array('message'=>$ppMessage);
    $db->where('id', $paypal_log_id);
    $db->update('paypal_log', $updateArray);
    
    //Update signup with paypal_id to prepare for IPN notifiy
    $updateArray = array('paypal_log_id'=>$paypal_log_id);
    $db->where('sid', $sid);
    $db->update('challenge_signup', $updateArray);
    
    //echo($payPalSubmit); exit;
    
    header("Location: ".$payPalSubmit);

    exit;
}

## Fill in the following for SEO
$canonical_url = 'http://www.togoparts.com/pages/index.php'; 
$WEBPAGE_TITLE = "TOGO920 Registration | ".$GLOBAL_PORTAL_NAME;
$meta_description = "Register for the TOGO920 Challenge";
$meta_keywords = "";
$canonical_url = ""; //for canonical meta rel tag if applicable
$noSitetakeover = true; 
?>
<!DOCTYPE html>
<html lang="en">
<head>
<? require_once ($GLOBAL_ABSOLUTE_PATH."/common/includes/htmlheader-new.inc.php");?>
<meta name="description" content="Join in thousands of cyclists as they vote for the most popular bike brands and service providers in Singapore!">
<meta name="msapplication-TileColor" content="#ffc40d">
<meta name="msapplication-TileImage" content="//www.togoparts.com/mstile-144x144.png">
<link href="//fonts.googleapis.com/css?family=Scada" rel="stylesheet" type="text/css" />
<link href="css/custom-style.css" rel="stylesheet" type="text/css" />
<style>
h1 {
	font-family: 'Roboto Condensed', sans-serif;
	color: #fff;
	font-size: 45px;
	margin-top: 40px;
	padding: 10px 0;
}
h1 + p {
	font-size: 16px;
	color: #fff;
	font-family: 'Fira Sans', sans-serif;
	line-height: 25px;
	margin-left: 5px;
}
h2, h3 {
	font-family: 'Roboto Condensed', sans-serif;
	padding: 10px 0;
}
h2 {
	font-size: 32px;
	font-weight: normal;
	margin-bottom: 20px;
}
h3 {
	font-size: 20px;
	line-height: 25px;
}
.awards { /*height: auto; */
}
.awards p {
	font-size: 16px;
	color: #595959;
	font-family: 'Fira Sans', sans-serif;
}
.text p {
	line-height: 25px;
	margin: 10px 0;
}
.vertical-text {
	transform: rotate(90deg);
	transform-origin: left top 0;
	width: 200px;
	text-align: left;
	margin-top: 10px;
	margin-left: 48px;
}
.vertical-text p {
	font-weight: bold;
	display: inline-block;
	font-size: 17px !important;
}
.line {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.num {
	font-size: 50px !important;
	color: #D2D2D2 !important;
	font-weight: bold;
	text-align: center;
	margin-bottom: 0;
}
.img-box {
	overflow: hidden;
}
.award-img {
	float:left;
}
.award-img-right {
	float:right;
}
#award-banner {
	background: url('images/banner.jpg') no-repeat; /*background-size: 100% 100%;*/
	height: 589px;
	margin-bottom: 64px;
}
#award-banner .logo {
	display: block;
	margin: 20px auto 0 auto;
}
#award-banner .vote {
	font-size: 20px;
	padding: 7px 50px;
	font-family: 'Roboto Condensed', sans-serif;
}
#awards1 {
	height: 550px;
}
#awards2 { /*height: 425px;*/
	border-bottom:1px solid #ebebeb;
	padding-bottom: 50px;
	margin-bottom:50px;
}
#awards3 { /*height: 500px;*/
	border-bottom:1px solid #ebebeb;
	padding-bottom: 50px;
	margin-bottom:50px;
}
#awards4 { /*height: 500px;*/
	border-bottom:1px solid #ebebeb;
	padding-bottom: 50px;
	margin-bottom:50px;
}
#awards5 { /*height: 500px;*/
	border-bottom:1px solid #ebebeb;
	padding-bottom: 50px;
	margin-bottom:50px;
}
#awards-bottom {
	height: 100px;
}
#awards1, #awards3 {
	text-align: left;
}
#awards2 {
	text-align: right;
}
#awards1 .img-box {
	height: 220px;
}
#awards2 .img-box {
	height: 180px;
}
#awards3 .img-box {
	height: 90px;
}
#awards1 .award-img {
	margin-top: 70px;
}
#awards3 .text {
	margin-top: 0px;
}
#awards3 #num3 {
	margin-top: 50px;
}
#awards3 ul {
	text-align: left;
	font-family: 'Fira Sans', sans-serif;
	font-size: 16px;
}
.orange {
	color: #FF7900 !important;
}
.gray {
	color: #595959;
}
.bold {
	font-weight: bold;
}
.vote {
	font-size: 22px;
	background-color: #F78620;
	padding: 12px 24px;
}
.font-large {
	font-size: 20px !important;
}
.vote:hover {
	background-color: #E7740B;
}
#logo-mobile {
	display: none;
}
#vote-btn-mobile {
	display: none;
}
#getting-started {
	color:#fff;
	float:left;
	font:400 75px 'Roboto', sans-serif;
	margin:-15px 0 20px;
	padding:0;
	width:100%;
}
#getting-started span {
	float:left;
	padding:0 5px;
	text-align:center;
	text-transform:uppercase;
}
#getting-started span span {
	float:none;
	padding:0;
}
#getting-started span .color {
	color:#F00;
	font-size:75px;
}
#getting-started span span span {
	display:block;
	float:none;
	font-size:20px;
	padding:0;
}
@media (min-width: 1601px) and (max-width: 1920px) {
#link-banner { background-size:100%;}
}

 @media (min-width: 992px) and (max-width: 1199px) {
 #award-banner {
 background-size:cover;
 height: 377px;
 margin-bottom: 40px;
padding:20px 0;
}
 .banner-txt {
margin:0;
padding:15px;
width:80%;
}
 .banner-txt h5 {
font-size:30px;
line-height:45px;
margin:0 0 10px;
}
.banner-time h4 {
font-size:35px;
margin:0 0 10px;
}
#getting-started {
color:#fff;
float:left;
font:400 50px 'Roboto', sans-serif;
margin:-10px 0 15px;
padding:0;
width:100%;
}
#getting-started span {
float:left;
padding:0 5px;
text-align:center;
text-transform:uppercase;
}
#getting-started span span {
float:none;
padding:0;
}
#getting-started span .color {
color:#F00;
font-size:50px;
}
#getting-started span span span {
display:block;
float:none;
font-size:20px;
padding:0;
}
}
 @media (min-width: 768px) and (max-width: 991px) {
 #wrapper {
 min-width: auto;
}
 .container {
width:740px;
}
 #award-banner {
 background-size:cover;
 height: 390px;
 margin-bottom: 40px;
padding:20px 0;
}
 .banner-txt {
margin:0;
padding:15px;
width:80%;
}
 #awards4 .text a.view {
background-size:contain;
width:275px;
margin:20px 0 0 0;
line-height:46px;
}
 #awards4 .text a.view:hover {
background-size:contain;
width:275px;
}
 #awards4 .text a.view2 {
background-size:contain;
width:275px;
margin:0px 0 0 0;
line-height:46px;
}
 #awards4 .text a.view2:hover {
background-size:contain;
width:275px;
}
 #awards3 ul {
background:none;
padding:0;
}
 #clock {
font-size:25px;
color:#fff;
font-weight:300;
font-family: 'Roboto', sans-serif;
line-height:55px;
text-shadow:2px 2px 2px rgba(0, 0, 0, 0.4);
}
 .colour {
color:#F00;
}
#clock span {
font-size:45px;
}
 .banner-txt h5 {
font-size:30px;
}
.banner-time h4 {
margin:0 0 10px;
font-size:30px;
}
#getting-started {
color:#fff;
float:left;
font:400 45px 'Roboto', sans-serif;
margin:-10px 0 10px;
padding:0;
width:100%;
}
#getting-started span {
float:left;
padding:0 5px;
text-align:center;
text-transform:uppercase;
}
#getting-started span span {
float:none;
padding:0;
}
#getting-started span .color {
color:#F00;
font-size:45px;
}
#getting-started span span span {
display:block;
float:none;
font-size:20px;
padding:0;
}

.link ul { padding-left:15px;}
.reg-frm { width:88%; margin-top:25px;}


}
 @media (max-width: 767px) {
 .award-img {
width:100%;
}
 .award-img-right {
width:100%;
}
 #award-banner {
height:300px;
background-size:cover;
padding:20px;
}
 .banner-txt {
margin:0;
width:80%;
padding:15px;
}
 .banner-txt h5 {
font-size:28px;
line-height:normal;
}
 .banner-time h4 {
font-size:28px;
line-height:normal;
}
 #award-banner {
height: 360px;
padding:20px 10px;
margin-bottom:35px;
}
 .banner-txt {
margin-top:0;
width:100%;
padding:15px;
}
 .banner-txt h5 {
font-size:25px;
line-height:normal;
}
 .banner-time h4 {
font-size:25px;
line-height:normal;
}
 #awards2 {
float:left;
width:100%;
margin-bottom: 20px;
 padding-bottom: 20px;
}
 #awards2 .text {
padding:0;
margin:20px 0 0 0;
}
 #awards2 .text {
text-align:center;
}
 #awards3 {
float:left;
width:100%;
margin-bottom: 20px;
 padding-bottom: 20px;
}
 #awards3 .text {
padding:0;
margin:20px 0 0 0;
}
 #awards3 .text {
text-align:center;
}
 #awards3 ul {
background:none;
padding:0;
}
 #awards3 ul li {
padding-bottom:25px;
text-align:center;
}
 #awards4 {
float:left;
width:100%;
margin-bottom: 20px;
 padding-bottom: 20px;
}
 #awards4 .text {
padding:0;
margin:20px 0 0 0;
}
 #awards4 .text {
text-align:center;
}
 #awards4 .text a.view {
background-size:contain;
width:275px;
margin:20px 0 0 26%;
line-height:46px;
}
 #awards4 .text a.view:hover {
background-size:contain;
width:275px;
}
 #awards4 .text a.view2 {
background-size:contain;
width:275px;
margin:0px 0 0 26%;
line-height:46px;
}
 #awards4 .text a.view2:hover {
background-size:contain;
width:275px;
}
 #awards5 {
float:left;
width:100%;
margin-bottom: 20px;
 padding-bottom: 20px;
}
 #awards5 .text {
padding:0;
margin:20px 0 0 0;
}
 #awards5 .text {
text-align:center;
}
 #awards6 {
float:left;
width:100%;
margin-bottom: 20px;
 padding-bottom: 20px;
}
 #awards6 .text {
padding:0;
margin:20px 0 0 0;
}
 #awards6 .text {
text-align:center;
}
 #footer a {
background-size: contain;
 font-size: 20px;
 line-height: 57px;
 width: 275px;
}
 #footer a:hover {
background-size: contain;
 font-size: 20px;
 line-height: 57px;
 width: 275px;
}
 #awards-bottom {
 height: 0;
}
 .banner-txt h5 {
font-size:28px;
margin:0 0 10px;
}
.banner-time h4 {
margin:0 0 10px;
font-size:28px;
}
#getting-started {
color:#fff;
float:left;
font:400 45px 'Roboto', sans-serif;
margin:-10px 0 10px;
padding:0;
width:100%;
}
#getting-started span {
float:left;
padding:0 5px;
text-align:center;
text-transform:uppercase;
}
#getting-started span span {
float:none;
padding:0;
}
#getting-started span .color {
color:#F00;
font-size:45px;
}
#getting-started span span span {
display:block;
float:none;
font-size:20px;
padding:0;
}

.link ul { padding-left:15px;}
.reg-frm { width:80%; margin-top:25px;}

   .dfg { padding-right:0; margin: 15px 0 0;	}
   
 .dfg2 { padding-left: 0;}


}
 @media (max-width: 480px) {
   /* #award-banner { display: none; }*/
   
   .dfg { padding-right:0; margin: 15px 0 0;	}
   
 .dfg2 { padding-left: 0;}
   
   #logobar {
padding:10px 0;
}
   
/*   #tgplogobox img {
    width: 90%;
}*/
.signDiv {
margin:8px 0 0 0;
}
 .signDiv a {
 background-size:contain;
 width: 104px;
height:32px;
}
 .signDiv a:hover {
 background-size:contain;
 width: 104px;
height:32px;
}
 #award-banner {
height: 380px;
padding:20px 10px;
margin-bottom:35px;
}
 .banner-txt {
margin-top:0;
width:100%;
padding:15px;
}
 .banner-txt h5 {
font-size:25px;
line-height:normal;
}
 .banner-time h4 {
font-size:25px;
line-height:normal;
}
 #awards2 {
float:left;
width:100%;
margin-bottom: 20px;
 padding-bottom: 20px;
}
 #awards2 .text {
padding:0;
margin:20px 0 0 0;
}
 #awards2 .text {
text-align:center;
}
 #awards3 {
float:left;
width:100%;
margin-bottom: 20px;
 padding-bottom: 20px;
}
 #awards3 .text {
padding:0;
margin:20px 0 0 0;
}
 #awards3 .text {
text-align:center;
}
 #awards3 ul {
background:none;
padding:0;
}
 #awards3 ul li {
padding-bottom:25px;
text-align:center;
}
 #awards4 {
float:left;
width:100%;
margin-bottom: 20px;
 padding-bottom: 20px;
}
 #awards4 .text {
padding:0;
margin:20px 0 0 0;
}
 #awards4 .text {
text-align:center;
}
 #awards4 .text a.view {
background-size:contain;
width:275px;
margin:20px 0 0 0;
line-height:46px;
}
 #awards4 .text a.view:hover {
background-size:contain;
width:275px;
}
 #awards4 .text a.view2 {
background-size:contain;
width:275px;
margin:0px 0 0 0;
line-height:46px;
}
 #awards4 .text a.view2:hover {
background-size:contain;
width:275px;
}
 #awards5 {
float:left;
width:100%;
margin-bottom: 20px;
 padding-bottom: 20px;
}
 #awards5 .text {
padding:0;
margin:20px 0 0 0;
}
 #awards5 .text {
text-align:center;
}
 #awards6 {
float:left;
width:100%;
margin-bottom: 20px;
 padding-bottom: 20px;
}
 #awards6 .text {
padding:0;
margin:20px 0 0 0;
}
 #awards6 .text {
text-align:center;
}
 #footer a {
background-size: contain;
 font-size: 20px;
 line-height: 57px;
 width: 275px;
}
 #footer a:hover {
background-size: contain;
 font-size: 20px;
 line-height: 57px;
 width: 275px;
}
 #logo-mobile {
display: block;
}
 #vote-btn-mobile {
display: block;
}
 #vote-btn-mobile .vote {
font-size: 16px;
padding: 7px 20px;
margin: 0 auto;
width: 140px;
margin: 0 auto;
display: block;
text-align: center;
}
 #awards-bottom .vote {
font-size: 16px;
width: 250px;
margin: 0 auto;
display: block;
text-align: center;
}
 #awards2 {
text-align: left;
}
 p.orange {
text-align: center;
}
 #awards-bottom {
margin:0;
height:0;
}
 #clock {
font-size:15px;
color:#fff;
font-weight:300;
font-family: 'Roboto', sans-serif;
line-height:55px;
text-shadow:2px 2px 2px rgba(0, 0, 0, 0.4);
}
 .colour {
color:#F00;
}
#clock span {
font-size:30px;
}
 .banner-txt h5 {
font-size:24px;
margin:0 0 10px;
}
.banner-time h4 {
margin:0 0 10px;
font-size:24px;
}
#getting-started {
color:#fff;
float:left;
font:400 24px 'Roboto', sans-serif;
margin:-10px 0 10px;
padding:0;
width:100%;
}
#getting-started span {
float:left;
padding:0 2px;
text-align:center;
text-transform:uppercase;
}
#getting-started span span {
float:none;
padding:0;
}
#getting-started span .color {
color:#F00;
font-size:24px;
}
#getting-started span span span {
display:block;
float:none;
font-size:16px;
padding:0;
}
.link ul { padding-left:15px;}
.reg-frm { width:100%; margin-top:25px;}

#tgplogobox img {
    width: 70%;
}

#tgplogobox {
    margin-top: 6px;
}

.main-logo { margin:5px 0 0 0;}
.main-logo img { width:100%; height:auto;}

}
 @media (max-width: 359px) {
 #awards-bottom .vote {
font-size: 15px;
text-align: center;

}
}
#wrap {
	margin-bottom: 10px;
}
#terms-content {
	max-height: 80vh;
	overflow-y: auto;
}
.terms-error {
	display: none;
	color: red;
	margin-top: 5px;
}
.participant {
	font: 300 italic 15px "Roboto",sans-serif; color:#4a4a4a;
	line-height: 25px;
	text-align: center;
}
#club-rainbox-box, #institute-box {
	display: none;
}
</style>
<? // Facebook Pixel Code ?>
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','//connect.facebook.net/en_US/fbevents.js');

fbq('init', '1743981622501128');
fbq('track', "PageView");</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1743981622501128&ev=PageView&noscript=1"
/></noscript>
<? //  End Facebook Pixel Code ?>
</head>
<body>
<div id="wrap">
	<div id="wrapper" class="row-offcanvas-right row-offcanvas">
		<div id="topbar" class="clearfix">
			<div id="logobar">
				<div class="container">
					<div class="row">
						<div class="col-sm-3 col-lg-4 col-xs-6" id="tgplogobox"> 
							<a href="/togo920/index.php"><img src="images/Togo920Logo-2.png" alt="Togoparts.com" border="0" class="img-responsive"></a>
						</div>
						<div class="col-sm-9 col-lg-8 pull-right text-right col-xs-6 ">
							<div class="main-logo"><a href="/pages/index.php"><img src="images/togoparts_logo.png" alt="Togoparts.com" border="0" class="img-responsive"></a></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div id="link-banner">
		<div class="container">
			<div class="row">
				<div class="link">
					<ul>
						<li><a href="/togo920/index.php">Home »</a></li>
						<li><a class="active">Registration</a></li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div class="container"> 
	  	<div class="row">
		    <div class="col-sm-12">
		      	<div class="reg-frm">
		      		<h2>Registration</h2>
		      		<? /* if($t810_user) { ?>
						<h5 class="participant">You have participated in #TOGO810. You automatically get a discounted rate of $45. Welcome back to challenging yourself in 2016!</h5>
		      		<? } else { ?>
						<h5 class="participant">Participating Fee is $48. If you have participated in #TOGO810, you will get a special rate of $45.</h5>
		      		<? } */ ?>
			      	<form class="form-horizontal" role="form" method="post" action="" id="togo920-registration">
						<div class="form-group">
							<label for="first_name" class="col-sm-3 control-label">First Name</label>
							<div class="col-sm-9">
								<input type="text" id="first_name" name="first_name" class="form-control" autofocus value="">
							</div>
						</div>
						<div class="form-group">
							<label for="last_name" class="col-sm-3 control-label">Last Name / Surname:</label>
							<div class="col-sm-9">
								<input type="text" id="last_name" name="last_name" class="form-control" value="">
							</div>
						</div>
						<div class="form-group">
							<label for="date-picker-2" class="col-sm-3 control-label">Date of Birth: </label>
							<div class="col-sm-9">
								<div class="controls">
						            <div class="input-group">
						                <input id="dob" type="text" class="date-picker form-control" name="dob" readonly value="" />
						                <label for="date-picker-2" class="input-group-addon btn">
						                	<span class="glyphicon"><img src="images/cal.png" alt=""></span>
						                </label>
						            </div>
								</div>
							</div>
						</div>
                        
                        <div class="form-group">
							<label for="country" class="col-sm-3 control-label">Gender:</label>
							<div class="col-sm-9">
								<select id="gender" name="gender" class="form-control">
									<option value=""> - </option>
									<option value="Male" >Male</option>
									<option value="Female" >Female</option>
								</select>
							</div>
						</div>

						<div class="form-group membership-dc">
							<label for="membership" class="col-sm-3 control-label">Participant Affiliation</label>
							<div class="col-sm-9">
								<select id="membership" name="membership" class="form-control">
									<? if(!$t810_user) { ?>
									<option value="">None - SGD 48</option>
									<? } ?>
									<option value="TOGO810">#TOGO810 Participant - SGD 45</option>
									<option value="Club Rainbow">Club Rainbow - 2016 Ride for Rainbows Participant - SGD 45</option>
									<option value="Nanyang Technological University">Nanyang Technological University (NTU) Undergrad - SGD 39</option>
									<option value="National University of Singapore">National University of Singapore (NUS) Undergrad - SGD 39</option>
									<option value="Singapore Management University">Singapore Management University (SMU) Undergrad - SGD 39</option>
									<option value="Singapore Polytechnic">Singapore Polytechnic (SP) Undergrad - SGD 39</option>
									<option value="Republic Polytechnic">Republic Polytechnic (RP) Undergrad - SGD 39</option>
									<option value="Singapore Institute of Technology">Singapore Institute of Technology (SIT) Undergrad - SGD 39</option>
									<option value="Singapore Sports School">Singapore Sports School (SSS) Undergrad - SGD 39</option>
									<option value="National Institute of Education">National Institute of Education (NIE) Undergrad - SGD 39</option>
									<option value="Singapore Institute of Management">Singapore Institute of Management (SIM) Undergrad - SGD 39</option>
								</select>
							</div>
						</div>
		 				<div class="form-group" id="club-rainbox-box">
							<label for="club_rainbow_name" class="col-sm-3 control-label">Club Rainbow Registered Full Name:</label>
							<div class="col-sm-9">
								<div class="row">
									<div class="col-sm-5">
										<input type="text" id="club_rainbow_name" name="club_rainbow_name" class="form-control">
									</div>
									<div class="col-sm-7">
										<label class="control-label col-sm-5 dfg" style="padding-left:0;" for="nric">NRIC:</label>
										<div class="col-sm-7 dfg2" style="padding-right:0;">
											<input type="text" id="nric" name="nric" class="form-control">
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="form-group" id="institute-box">
							<label for="institute" class="col-sm-3 control-label">Matriculation No.:</label>
							<div class="col-sm-9">
								<div class="row">
									<div class="col-sm-4">
										<input type="text" id="matriculation_no" name="matriculation_no" class="form-control">
									</div>
									<div class="col-sm-8">
										<label class="control-label col-sm-5 dfg" style="padding-left:0;" for="matriculation_year">Matriculation Year:</label>
										<div class="col-sm-7 dfg2" style="padding-right:0;">
											<input type="text" id="matriculation_year" name="matriculation_year" class="form-control">
										</div>
									</div>
								</div>
							</div>
						</div>
                        
						<div class="form-group">
							<label for="email" class="col-sm-3 control-label">Email</label>
							<div class="col-sm-9">
                            	<? $userEmail = $user->getEmail(); ?>
								<input type="email" id="email" name="email" class="form-control" value="">
							</div>
						</div>
						<div class="form-group">
							<label for="mobile" class="col-sm-3 control-label">Mobile Number:</label>
							<div class="col-sm-9">
								<input type="text" id="mobile" name="mobile" class="form-control" value="">
							</div>
						</div>
						<div class="form-group">
							<label for="address" class="col-sm-3 control-label">Address:</label>
							<div class="col-sm-9">
								<input type="text" id="address" name="address" class="form-control" value="">
							</div>
						</div>
						<div class="form-group">
							<label for="city" class="col-sm-3 control-label">City:</label>
							<div class="col-sm-9">
								<input type="text" id="city" name="city" class="form-control" value="">
							</div>
						</div>
						<div class="form-group">
							<label class="control-label col-sm-3">Country:</label>
							<div class="col-sm-9">
								<div class="row">
									<div class="col-sm-5">
										<? GlobalGenSelectCountrySelector($country, "single","form-control", $popCountry); ?>
									</div>
									<div class="col-sm-7">
										<label class="control-label col-sm-5 dfg" style="padding-left:0;">Postal Code:</label>
										<div class="col-sm-7  dfg2" style="padding-right:0;">
											<input type="text" id="postal_code" name="postal_code" class="form-control" value="">
										</div>
									</div>
								</div>
							</div>
						</div>
						<div class="form-group">
							<label for="country" class="col-sm-3 control-label">Jersey Size:</label>
							<div class="col-sm-9">
								<select id="jersey_size" name="jersey_size" class="form-control">
									<option value="">Jersey Size</option>
									<option value="xxs" >XXS</option>
									<option value="xs" >XS</option>
									<option value="s" >S</option>
									<option value="m" >M</option>
									<option value="l" >L</option>
									<option value="xl" >XL</option>
									<option value="xxl" >XXL</option>
									<option value="xxxl" >XXXL</option>
								</select>
								<span class="help-block"><a href="#" data-toggle="modal" data-target="#myModal">View Sizing Chart</a></span>
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-12">
								<h3>Terms &amp; Conditions</h3>
								<h5>Completion of the entry form confirms the Participants' agreement to abide by the <span>Rules &amp; Regulations</span> of the Togoparts920.</h5>
								<h4>Read the <a href="#" data-toggle="modal" data-target="#myModal2">Rules &amp; Regulations here.</a></h4>
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-12">
								<h3>Liability and Disclaimers</h3>
								<h5>I fully understand and acknowledge the risks involved in my participation in the Event and I accept full responsibility and assume all such risks.</h5>
								<div class="checkbox">
									<label>
										<input type="checkbox" id="terms-conditions" name="terms-conditions">I Agree with the Terms &amp; Conditions.
									</label>
								</div>
								<span class="terms-error">You have to agree to our terms and conditions.</span>
							</div>
						</div>
						<div class="form-group">
							<div class="col-sm-12 text-center">
								<? /* <button type="submit" name="Submit" class="btn-block"><img src="images/paypal.png" alt=""></button> */ ?>
                                <? if($waiting) { ?>
                                	<h5 style="margin:0 0 20px 0;">We have reached our limit of  participants. You may register your interest to be in our priority waiting list, and we will notify you if we increase the number of participants.</h5>
                                	<button class="btn btn-warning btn-lg" type="submit" name="Submit">Go on the Waitlist</button>
                                <? } else { ?>
									<button class="btn btn-warning btn-lg" type="submit" name="Submit" id="checkout">Checkout</button>
                                <? } ?>
							</div>
						</div>
					</form>
		      	</div>
		      	<div class="clear"></div>
		    </div>
	  	</div>
	</div>
	<div id="push"></div>
</div>
<footer id="footer" class="clearfix"></footer>
<!-- Modal Sizes -->
<div id="myModal" class="modal fade" role="dialog">
	<div class="modal-dialog  modal-lg"> 
		<div class="modal-content ">
	        <div class="modal-header">
	            <button class="croos" data-dismiss="modal"><img src="images/clo.png" alt=""> </button>
	        </div>
			<div class="modal-body">
		   		<img src="images/jersey-sizing.jpg" alt="TOGO920 Jersey Sizing Chart" class="img-responsive center-block">
		  	</div>
		</div>
	</div>
</div>
<!-- Modal Terms and Conditions -->
<div id="myModal2" class="modal fade" role="dialog">
	<div class="modal-dialog  modal-lg"> 
		<div class="modal-content ">
            <div class="modal-header">
                <button class="croos" data-dismiss="modal"><img src="images/clo.png" alt=""> </button>
            </div>
	  		<div class="modal-body" id="terms-content">
	  			<div class="terms">
					<? include_once "terms-modal-inc.php"; ?>
	  			</div>
	  		</div>
		</div>
	</div>
</div>
<script>
jQuery.validator.addMethod("sgnric", function(value, element) {
    return this.optional(element) || /^[STFG]\d{7}[A-Z]$/.test(value);
}, "Please enter a valid NRIC number");

jQuery.validator.addMethod("sgmobile", function(value, element) {
    return this.optional(element) || /^[3689]\d{7}/.test(value);
}, "Please enter a valid Singapore mobile number");

jQuery.validator.addMethod("phoneNumber", function(value, element) {
    return value.match(/^(?=.*[0-9])[- +()0-9]+$/);
}, "Please specify a valid phone number");

jQuery.validator.addMethod("matyear", function(value, element) {
	return this.optional(element) || /^(201\d)$/.test(value);
}, "Please enter a valid matriculation year.");

$(document).ready(function(){

    $("#togo920-registration").validate({
        rules: {
            "first_name": {
                required: true
            },
            "last_name": {
                required: true
            },
			"gender": {
                required: true
            },
            "email": {
                required: true,
                email: true
            },
            "mobile": {
                required: true,
                phoneNumber: true
            },
            "address": {
                required: true
            },
            "city": {
                required: true	
            },
            "country": {
                required: true
            },
            "postal_code": {
                required: true
            },
            "jersey_size": {
                required: true
            },
            "dob": {
            	required: true
            }
        },
        submitHandler: function(form) {
			if($('#terms-conditions').is(':checked')) {
				fbq('track', 'InitiateCheckout'); //track fb checkout event
				form.submit();
			} else {
				$('.terms-error').css('display', 'inline-block');
			}
		}
    });

    $(".date-picker").datepicker({
    	format: 'dd-mm-yyyy'
    });

    $(".membership-dc").on('change', '#membership', function(){
    	var selected = $(this).val(),
    		rainbow_box = $('#club-rainbox-box'),
    		institute_box = $('#institute-box'),
    		matno = $("#matriculation_no"),
    		matyr = $("#matriculation_year"),
    		clubrb = $("#club_rainbow_name"),
    		nric = $("#nric");

    	if(selected != '' && selected != 'Club Rainbow' && selected != 'TOGO810') {
    		rainbow_box.hide();
    		institute_box.show();
    		
    		clubrb.rules("remove");
    		nric.rules("remove");
    		matno.rules("add", { required: true });
    		matyr.rules("add", { required: true, matyear: true });
    		
    	} else if(selected == 'Club Rainbow') {
    		institute_box.hide();
    		rainbow_box.show();

    		matno.rules("remove");
    		matyr.rules("remove");
    		clubrb.rules("add", { required: true });
    		nric.rules("add", { required: true });

    	} else {
    		rainbow_box.hide();
    		institute_box.hide();
    		
    		clubrb.rules("remove");
    		nric.rules("remove");
    		matno.rules("remove");
    		matyr.rules("remove");
    	}
    });

});
</script>
<? include_once('../common/includes/google_analytics.php'); ?>
</body>
</html>