<?php
include 'views/_header.tpl.php'; ?>

<script type="text/javascript" src="/static/js/jQuery/js/jquery.lightbox.js" defer></script>
<link rel="stylesheet" type="text/css" href="/static/js/jQuery/css/jquery.lightbox.css" media="screen" defer />

<link rel="stylesheet" href="/static/css/jquery.datetimepicker.css"/>
<script src='/static/js/jquery.datetimepicker.js'></script>

<script type="text/javascript">
$(document).ready(function(){
    $(".timepicker").datetimepicker({
        hours12: false,
        format: 'g:i A m-d-Y',
        formatTime: 'g:i A',
        datepicker: true,
        timepicker: true,
        timepickerScrollbar: true,
        step: 30        
    });
    
	$('#comingsoon,#comingsoon2,#comingsoon3,.comingsoon').click(function (e) {
		alert('Coming Soon. Ask us about our Early Adopters Special VIP Membership!');
		//$("#chevron_pp").toggleClass('fa-chevron-down fa-chevron-down open');
		//$("#pp_inputs").toggle();
		e.preventDefault();
	});
	
	$('#pleaselogin,#pleaselogin2,#pleaselogin3,#pleaselogin4,#pleaselogin5,#pleaselogin6').click(function (e) {
		alert('Please login to continue...');
		//$("#chevron_pp").toggleClass('fa-chevron-down fa-chevron-down open');
		//$("#pp_inputs").toggle();
		e.preventDefault();
	});
	
	// DETECT THE BILLING TYPE AND SHOW ITS CONTENT AREA
//	var selected_order_type_value = $("input[name='order_type_option']:checked").val();
//	$("#order_type").val(selected_order_type_value);
//
//	if (selected_order_type_value == "Dine-In") {
//		$("#table_number_div").show();
//	} else if (selected_order_type_value == "Delivery") {
//		$("#delivery_div").show();
//	} else {
//		// MUST BE A PICKUP THEN, BY DEFAULT
//		$("#pickup_div").show();
//	}	
	
	// BILLING TYPE OPTIONS - MONTHLY VS ANNUALLY
	$('input[name="billing_type_option"]').click(function () {
		//$('#locations').on('change', function() {
		//alert('Radio!');
		//var selected_order_type = $('#order_type_radio').val();
		var selected_billing_type = $("input[name='billing_type_option']:checked").val();
		//alert('Billing Type: ' + selected_billing_type);

		//$("#order_type").val(selected_billing_type);

		//$('#pickup_options').submit();

		if (selected_billing_type == "Pay-as-you-go") {
			//alert('Dine-in!');
			$(".basic_pricing").text("$2.99");
			$(".plus_pricing").text("$5.99");
			$(".pro_pricing").text("$10.99");
			$("#paygo_basic").show();
			$("#paygo_plus").show();
			$("#paygo_pro").show();
			$("#recurring_basic").hide();
			$("#recurring_plus").hide();
			$("#recurring_pro").hide();
			$(".cancel1").hide();
			$(".cancel2").hide();
			$(".cancel3").hide();
			$(".paygo1").show();
			$(".paygo2").show();
			$(".paygo3").show();
//			$("#table_number_div").show();
//			$("#pickup_div").hide();
//			$("#delivery_div").hide();
			$("#order_type_text").text("Pay-as-you-go");
		} else {
			$(".basic_pricing").text("$1.99");
			$(".plus_pricing").text("$4.99");
			$(".pro_pricing").text("$9.99");
			$("#paygo_basic").hide();
			$("#paygo_plus").hide();
			$("#paygo_pro").hide();
			$("#recurring_basic").show();
			$("#recurring_plus").show();
			$("#recurring_pro").show();
			$(".cancel1").show();
			$(".cancel2").show();
			$(".cancel3").show();
			$(".paygo1").hide();
			$(".paygo2").hide();
			$(".paygo3").hide();
//			$("#table_number_div").hide();
//			$("#tableno").hide();
			window.history.pushState(null, null, window.location.pathname);
//			$("#pickup_div").hide();
//			$("#delivery_div").show();
			$("#order_type_text").text("Monthly");
			//window.location.href = "https://yoursite.com/shopp";
		}
		//alert('You chose this order type: ' + selected_order_type);
		//alert('Hi!  ' + ts_id + ' and ' + ts_time);
	});    	 
	
	// Submit form data via Ajax
	$('#paygo_basicXXX').click(function () {
		//alert('Paygo Basic clicked');
		var member_id = $("#comment_box").val();
		alert('MemID: ' + member_id);
		// comment_box
		//$("#chevron_pp").toggleClass('fa-chevron-down fa-chevron-down open');
		//$("#pp_inputs").toggle();
		//alert('New Subscribe Form Clicked....');

		//e.preventDefault();

		//$('.loader').show();
		$.ajax({
			type: "POST",
			url: "https://flipmob.com/3rdparty/payments/create.php",
			//data: "email=" + email,
			//data: "data1="+myindex+"&data2="+selValue,
			data: { user_id: member_id },
			success : function(d) {
				//alert('Ok' + d);

				var result = $.parseJSON(d);
				var user_id_val = result.user_id;
				var link_val = result.link;
				//alert(status);
				//alert('User ID: ' + user_id_val + ' Link: ' + link_val);
				alert('You\'ll now be redirected to Paypal where you can pay with a Paypal account or as a Guest with any major credit card.');
				if (link_val.length > 0) {
					window.location.href = link_val;
				}
				// https://www.sandbox.paypal.com/webapps/billing/subscriptions?ba_token=BA-8T6099765E462764Y

//				$('.success').fadeIn("fast", function() {
//					$(this).delay(1000).fadeOut("slow"); });
//				$('.error').fadeOut(200).hide();
//				$('.rednotif').fadeOut(200).hide();
//				$('#checkoutbtns').fadeIn(200).show();
//				$('.btn-blue').fadeIn(200).show();
//				}
				//$('#submitcontinue').fadeOut(200).hide();
				//window.location.reload(true);
				//  location.reload();
				//$('#submitcontinue').fadeOut(200).hide();

//				if (status == 0) {
//					//alert('E: ' + entrants + 'Result: ' + status);
//					$("#entered").show(); // This can say "Entered!" for example
//					$("#total_entrants").html(entrants);
//					$("#totalentrants").load(" #totalentrants");
//					//$("#subemail").val("");
//				} 
			}
		});

	}); // END FORM SUBMIT 	
});
</script>
<!-- <a href="javascript:void(0);"></a> or javascript:; 
<a href="#!" class="someclass">Text</a>
<a href="javascript:void(0);" class="someclass">Text</a>

-->

<style type="text/css">
	.spacer {
		padding-top: 53px;
	}
	body { color:#333; -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; }
	span, a, a:active, a:hover {
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale; 
	}
	#header .wrap-top-menu { z-index: 99999999999999 !important; }

	/* ########################################################## */
	/* ####### DATETIMEPICKER AND LABELS FOR BOOKING FORM ####### */
	/* ########################################################## */    

	    .xdsoft_datetimepicker  .xdsoft_timepicker{
	        /* changed from 58px */
	        width: 88px;
	        float:left;
	        text-align:center;
	        margin-left:8px;
	        margin-top:0px;
	    }
	    .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_prev,
	    .xdsoft_datetimepicker  .xdsoft_timepicker .xdsoft_next{
	        float:none;
	        background-position:-40px -15px;
	        height: 15px;
	        width: 30px;
	        display: block;
	        /* changed from 14px */
	        margin-left:29px;
	        margin-top:7px;
	    }
	  .label{
	    text-align:right;
	    font-weight:300;
	  }
	  #submit{
	    text-align:center;
	  }
	  input { padding:10px; height:30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:1px solid #aaa; }
	  textarea#body { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border:1px solid #aaa; }
	  td { padding-top:10px; padding-bottom:10px; }
	  button { border:1px solid rgba(255,255,255,.1); padding:15px 0; width:200px; margin:0; border-radius:25px ; -moz-border-radius:25px; -webkit-border-radius:25px;
	    font-family: 'Open Sans', Montserrat,Arial,sans-serif; background: #42B54C; font-size:18px; text-align:center;
	    color:#fff; text-shadow:0px -1px 1px rgba(0,0,0,.3); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
	  button:hover { background:red; }

	/* ########################################################## */
	/* ########################################################## */

	.pricingpage a, .pricingpage a:active, .pricingpage a:link, .pricingpage a:visited {
		color: #2996cc;
		text-shadow: none;
	} /* OLD BLUE 0072C4 */
	a.loginpop.introlinks, a.loginpop.introlinks:active, a.loginpop.introlinks:link, a.loginpop.introlinks:visited { 
	    color:#0072C4; }
	a.loginpop.introlinks:hover { color:#fff; }
	.pricingpage a:hover {
		color: #000;
	}
	a[href^=tel] {
	    color:#0194fb; 
	    text-shadow:0px -1px 0px rgba(0,0,0,.3);
	}
	.fancybox-close {
	    top: -10px;
	    right:-26px;
	}
	div.fancybox-skin {
	    top: 0px;
	}
	.fancybox-skin { padding:7px !important; background:rgba(0,0,0,.4); }
	.fancybox-outer, .fancybox-inner { }

	h2.pricing-header  { 
	    font-weight: 800px;
	    font-size: 36px;
		line-height:42px;
	    font-family: Montserrat,sans-serif;
	    margin-bottom:15px;
	}

	.pricing-header-div {
	    display: block;
	    text-align: center;
	    height: 2px;
	    width: 70px;
	    background-color: #2996cc;
	    margin: 0 auto;
	    margin-bottom: 25px;
	}

	h2.author-byline {
	    background: url('/static/images/byline.png');
	    text-transform: uppercase;
	    font-family: 'Open Sans',Futura, sans-serif;
	    font-weight: 600;
	    font-size: 0.8rem;
	    letter-spacing: 2px;
	    margin: 0 0 3rem 0;
	    font-size: 15px;
	}
	span.author-byline-inside {
	    padding: 3px 20px 3px 0;
	    background: white;
	}
	.fancybox-next span {
	  right: 5px;
	  position:fixed;
	}
	.fancybox-prev span {
	  left: 5px;
	  position:fixed;
	}
	.fancybox-nav span {
	    visibility:visible;
	}
	a.fancybox-nav.fancybox-next { 
	    position:fixed;
	    right:0px;  
	    width:25px;
	}
	a.fancybox-nav.fancybox-prev { 
	    position:fixed;
	    left:0px;   
	    width:25px;
	}
	.videoWrapper {
	    position: relative;
	    padding-bottom: 56.25%; /* 16:9 */
	    padding-top: 0px;
	    height: 0;
	}
	.videoWrapper iframe {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}
	/* ### CENTERED BYLINE ### */
	h2.author-byliner {
	    background: url('/static/images/byline.png');
	    text-transform: uppercase;
	    font-family: 'Open Sans',Futura, sans-serif;    
	    font-weight: 600;
	    font-size: 0.8rem;
	    letter-spacing: 2px;
	    margin: 0 3%;
	    margin-bottom:10px;
	    font-size:15px;
	    display:block;
	    text-align:center;
	    width:94%;
	}
	span.author-byline-insider {
	    padding: 3px 10px 3px 10px;
	    background: white;
	    margin:0 auto;
	    display:inline-block;
	}
	input[type="submit"] {
	    border-radius:25px ; -moz-border-radius:25px; -webkit-border-radius:25px;
	}
	input.btn.btn-primary {
		background: #2996cc;
		color: #fff;
		border-radius: 25px;
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px;
		height: 50px;
		line-height: 42px;
		padding: 0px 70px;
		display: inline-block;
		font-weight: 300;
		font-size: 16px;
		font-family: 'Open Sans', Montserrat, Arial, sans-serif;
		border: 4px solid #248dc6;
	}
	input.btn.btn-primary:hover {
		background: #2996cc;
		border: 4px solid #1a70a2;
	}
	.rounded2 a { 
	    background:#2996cc;
	    /** GREEN background:#00AF14; **/
	    color:#fff;
	    border-radius:25px ; -moz-border-radius:25px; -webkit-border-radius:25px;
		padding:0px 70px !important;
		height: 42px !important;
		line-height: 42px !important;
	    font-size:16px;
		font-family: 'Open Sans', Montserrat, Arial, sans-serif;
	    display:inline-block;
	    border: 4px solid #248dc6;
	}
	.rounded2 a:hover, .rounded3 a:hover {
		color: #fff;
		background: #2996cc;
		border: 4px solid #1a70a2;
		text-shadow: 0px 0px 0px rgba(0,0,0,.4);
	}
	input.btn.btn-primary2 {
		background: #eee;
		color: #999;
		border-radius: 25px;
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px;
		height: 33px;
		line-height: 25px;
		padding: 0px 20px;
		display: inline-block;
		font-weight: 300;
		font-size: 15px;
		font-family: 'Open Sans', Montserrat, Arial, sans-serif;
	}
	input.btn.btn-primary2:hover, .roundedgray a:hover {
		background: #ddd;
		color:#000;
	}
	.roundedgray a, .roundedgray a:active, .roundedgray a:link, .roundedgray a:visited {
		background: #eee;
		color: #999;
		border-radius: 25px;
		-moz-border-radius: 25px;
		-webkit-border-radius: 25px;
		height: 33px;
		line-height: 33px;
		padding: 0px 20px;
		display: inline-block;
		font-weight: 300;
		font-size: 15px;
		font-family: 'Open Sans', Montserrat, Arial, sans-serif;
	}
	.rounded3 a { 
	    background:#ccc;
	    color:#444;
	    text-shadow:0px 1px 0px #fff;
	    border-radius:25px ; -moz-border-radius:25px; -webkit-border-radius:25px;
	    padding:15px 70px;
	    font-size:16px;
	    display:inline-block;
	}
	.rounded a { 
	    background:#eee;
	    border-radius:25px ; -moz-border-radius:25px; -webkit-border-radius:25px;
	    padding:15px 20px;
	    font-size:15px;
	    display:inline-block;
	}
	.rounded a:hover { 
	    color:#fff;
	    background:#00355B;
	    text-shadow: 0px 0px 0px rgba(0,0,0,.4);
	}
	#mmen { display:none; }
	#loading_image {
	    display:none;
	    height: 100%;
	    width: 100%;
	    position:fixed;
	    top: 0; 
	    right:0;
	    bottom:0;
	    left: 0;
	    z-index: 999999999 !important;
	    background: #1A87C5 url(/static/images/blue-loader.gif) no-repeat center center;
	    background-size: 400px auto;
	    /* rgba(255,255,255,.80) rgba(0,0,0,.85) */
	}
	.no-js #loader { display: none;  }
	.js #loader { display: block; position: absolute; left: 100px; top: 0; }
	span.processing { 
	    color:#fff;
	    /* GREEN color:#00D315; */
	    /* text-shadow:0px 1px 0px rgba(255,255,255,.55); */
	    text-shadow:0px -1px 0px rgba(0,0,0,.3); 
	    text-align:center;
	    font-size:22px;
	    font-family: 'Open Sans',Futura, sans-serif;
	    font-weight:500;
	    position:absolute; 
	    width:100%; 
	    top:37%; 
	    display:block; 
	}
	.featureslist a, .featureslist a:active, .featureslist a:visited, .featureslist a:hover { font-weight:bold; }
	h1 { 
	    text-shadow:0px 1px 0px rgba(255,255,255,.6); 
	    color:#5c666b; 
	    padding:10px 0; 
	    font-weight:500; 
	    font-size:40px; 
	    line-height:48px; 
	}
	h1, h2, h3, h4, h5, h1 span, h2 span, h3 span, h4 span, h5 span {
	    -webkit-font-smoothing: antialiased;
	    -moz-osx-font-smoothing: grayscale; 
	}
	h1, h2 { text-align:center; }
	h2 { line-height:28px; }
	h1.mobileh1 { margin-top:15px; font-weight:100; }
	h3 { font-weight:500; font-size:17px; line-height:25px; margin-bottom:5px; }
	h4 { font-size:28px; margin-bottom:11px; }

	/* padding:15px 30px 10px; margin-bottom:7px; margin-top:20px; font-family:'Open Sans',Futura,'Arial Black',sans-serif; font-weight:300; font-size:20px; color:#fff; text-shadow:0px -1px 1px rgba(0,0,0,.3); */
	.btn-o , .btn-oo a { border:1px solid #fff; padding:15px 0; width:94%; margin:0 3%; display:inline-block; 
	font-family: 'Open Sans', Montserrat,Arial,sans-serif; background: #42B54C; font-size:18px; text-align:center;
	color:#fff; text-shadow:0px -1px 1px rgba(0,0,0,.3); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
	}
	.btn-o:active, .btn-o:hover, .btn-oo a:hover, .btn-oo a:active { border:1px solid #fff; background: #00D315; }
	span.tip { display:none; }
	button {
	    height:42px;
	    padding:1px 12px;
	    border:0px;
	    color:#fff;
	    background:#00AF14; 
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;   
	    border-radius:4px ; -moz-border-radius:4px; -webkit-border-radius:4px;
	}
	button:hover {
	    background:#00355B;
	}
	#footer { padding-top:0px; }    
	.main-footer { display:none; }  

	#header {
	    border-bottom: 0px solid #d4d4d4;
	}
	hr {
	 border: 0;
	    height: 1px;
	    background-image: linear-gradient(to right, rgba(128, 128, 128, 0), rgba(128, 128, 128, 0.75), rgba(128, 128, 128, 0));
	    width:85%;
	}

	/* ############### SLIDER ############## */

	    #slider {
	      width:281px;
	      height:500px;
	      position: relative;
	      overflow: hidden;
	      margin:91px 0 0 2px;
	      background:none;
	    }
	    #slider ul { 
	        width:281px;
	        height:500px;
	        position: relative;
	        margin: 0;
	        background:none;
	        padding: 0;
	        list-style: none;
	    }
	    #slider ul li {
	        width:281px;
	        height:500px;
	        position: relative;
	        display: block;
	        float: left;
	        margin: 0;
	        padding: 0;
	    }
	a.control_prev, a.control_next {
	      position: absolute;
	      top: 35%;
	      z-index: 999;
	      display: block;
	      padding: 3% 3%;
	      width: auto;
	      height: auto;
	      background: #2a2a2a;
	      color: #fff;
	      text-decoration: none;
	      font-weight: 600;
	      font-size: 18px;
	      opacity: 0.3;
	      cursor: pointer;
	      font-family:'Times New Roman',Arial,sans-serif;
	}

	a.control_prev:hover, a.control_next:hover {
	  opacity: 1;
	  -webkit-transition: all 0.2s ease;
	}

	a.control_prev {
	  border-radius: 0 4px 4px 0;
	}

	a.control_next {
	  right: 0;
	  border-radius: 4px 0 0 4px;
	}

	.bottomicons, .bottomtray { display:none; }

	/* ############### SLIDER ENDS ############## */

	img.guarimg { width:70px; }
	.speakwith { margin-bottom:55px; }

	.iframevid { width:560px; height:315px; }

	/* SCROLL BARS */
	.fancybox-inner {
	    -webkit-overflow-scrolling: touch !important;
	    background:#fff;
	}

	.col1icon { margin-right:0px; margin-left:10px; }
	.leftcol1, .rightcol3 { padding-top:55px; }

	button.greensubmit{ display:block; width:100%; }

	.squishtext { padding:0 200px; }

	.maintagline { font-weight:300; color:#222; font-size:24px; line-height:33px; text-align:center; padding:0px 15px; margin-top:0px; }
	.subtagline { font-size:15px; line-height:22px; margin-top:10px; padding:0 10px; }

	.recommended { 
		background-color: #BA00F1;
		background-image: linear-gradient(45deg, #BA00F1, #FD0172);
		text-shadow: -1px -1px -1px rgba(0,0,0,.5);
		padding:5px 0;
		font-size:12px;
		letter-spacing: 2px;
	}

	.beta { font-size:17px; line-height: 25px; }
	.leftblock {
		margin-right: 1%;
	}
	.rightblock {
		margin-left: 1%;
	}
	.halfblock {
		border: 1px solid #ccc;
		padding: 0px;
		margin: 0 auto;
		font-size: 17px;
		line-height: 27px;
		width: 48%;
		margin-right: 1%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		display: inline-block;
		min-height: 340px;
		float: left;
	}

	.announcement {
		margin-top: 0px;
	}

	.announcement a, .announcement a:active, .announcement a:link, .announcement a:visited {
		color: #ddd; /* blue : 62b8ff */
		text-shadow: 0px 1px 0px rgba(0,0,0,.3) !important;
	}
	.announcement a:hover {
		color: #fff;
	}
	
	/* ///////////////////////// */
	/* /////    SWITCH     ///// */
	
	.switch-toggle a,
	.switch-light span span {
  	display: none; }

  	/* Radio Switch */
  	.switch-toggle {
		  position:relative;
	    /*display: inline-block;*/
		float:right;
	    padding: 0 !important;
		margin:0;
		width:250px;
	   /* margin:0 auto;*/
	}
    .switch-toggle::after {
      clear: both;
      content: '';
      display: table; }
    .switch-toggle *,
    .switch-toggle *:before,
    .switch-toggle *:after {
      box-sizing: border-box; }
    .switch-toggle a {
      display: block;
      transition: all 0.2s ease-out; }
    .switch-toggle label,
    .switch-toggle > span {
      /* breathing room for bootstrap/foundation classes.
     */
      line-height: 2em; }
    .switch-toggle input:focus ~ span a,
    .switch-toggle input:focus + label {
      outline-width: 0px;
      outline-style: solid;
      outline-color: Highlight;
      /* Chrome/Opera gets its native focus styles.
     */ } }
    @media only screen and (-webkit-min-device-pixel-ratio: 0) {
      .switch-toggle input:focus ~ span a,
      .switch-toggle input:focus + label {
        outline-color: -webkit-focus-ring-color;
        outline-style: auto; } }

	@media only screen {
    .switch-toggle input {
      position: absolute;
      left: 0;
      opacity: 0; }
      
    .switch-toggle input + label {
      position: relative;
      z-index: 2;
      display: block;
      float: left;
      padding: 0 .5em;
      margin: 0;
      text-align: center; }
      
    .switch-toggle a {
      position: absolute;
      top: 0;
      left: 0;
      padding: 0;
      z-index: 1;
      width: 10px;
      height: 100%; }
    .switch-toggle label:nth-child(2):nth-last-child(4),
    .switch-toggle label:nth-child(2):nth-last-child(4) ~ label,
    .switch-toggle label:nth-child(2):nth-last-child(4) ~ a {
      width: 50%; }
    .switch-toggle label:nth-child(2):nth-last-child(4) ~ input:checked:nth-child(3) + label ~ a {
      left: 50%; }
    .switch-toggle label:nth-child(2):nth-last-child(6),
    .switch-toggle label:nth-child(2):nth-last-child(6) ~ label,
    .switch-toggle label:nth-child(2):nth-last-child(6) ~ a {
      width: 33.33%; }
    .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(3) + label ~ a {
      left: 33.33%; }
    .switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(5) + label ~ a {
      left: 66.66%; }
    .switch-toggle label:nth-child(2):nth-last-child(8),
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ label,
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ a {
      width: 25%; }
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(3) + label ~ a {
      left: 25%; }
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(5) + label ~ a {
      left: 50%; }
    .switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(7) + label ~ a {
      left: 75%; }
    .switch-toggle label:nth-child(2):nth-last-child(10),
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ label,
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ a {
      width: 20%; }
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(3) + label ~ a {
      left: 20%; }
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(5) + label ~ a {
      left: 40%; }
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(7) + label ~ a {
      left: 60%; }
    .switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(9) + label ~ a {
      left: 80%; }
    .switch-toggle label:nth-child(2):nth-last-child(12),
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ label,
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ a {
      width: 16.6%; }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(3) + label ~ a {
      left: 16.6%; }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(5) + label ~ a {
      left: 33.2%; }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(7) + label ~ a {
      left: 49.8%; }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(9) + label ~ a {
      left: 66.4%; }
    .switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(11) + label ~ a {
      left: 83%; }
      
	.switch-ios.switch-toggle {
    background-color: #f4f4f4;
    border-radius: 30px;
    border:5px solid #f2f2f2;
    margin:0 auto;
    /* box-shadow: inset rgba(0, 0, 0, 0.1) 0 1px 0; */
    }
    
    .switch-ios.switch-toggle a {
      background-color: #ffffff; /* green:#4BD865 */ 
      border: 0;
      border-radius: 1.75em;
      transition: all 0.12s ease-out; 
	  box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
	  -moz-box-shadow: 0 3px 10px rgb(0 0 0 / 20%);
	  -webkit-box-shadow: 0 3px 10px rgb(0 0 0 / 20%);      
      }
      
    .switch-ios.switch-toggle label {
      height: 2.4em;
      color: #888b92;
      font-weight:600;
      line-height: 2.4em;
      vertical-align: middle; 
      }
      
  .switch-ios input:checked + label {
    color: #3e4043; }	
	
	/* /////  SWITCH ENDS  ///// */

	#paypal-button-container {
		position:relative; float: left; overflow: hidden; max-width:300px;
	}

/* ################################################################################ */
/* ###########################      MOBILE STYLING      ########################### */
/* ################################################################################ */

@media screen and (min-width: 2400px) {
    #lpcontainer { background-size:100% 745px !important; }
}

/* ########################## */
@media screen and (max-device-width:  1160px), screen and (max-width:  1160px) {
    center#planslogo { display:none; }
    .spacer { padding-top: 65px; }  
    .layout-2cols { }
    #devicecontainer { margin-left:0px; margin-right:0; width:340px; }
}

/* ########################## */
@media screen and (max-device-width:  1024px), screen and (max-width:  1024px) {
	.maintagline { font-weight:300; color:#222; font-size:22px; line-height:28px; text-align:center; padding:0px 5px; margin-top:0px; }
	.subtagline { font-size:14px; line-height:20px; margin-top:10px; padding:0 25px; }
    center#planslogo { display:none; }
    .spacer { padding-top: 53px; }  
    .layout-2cols { }
    #devicecontainer { margin-left:0px; margin-right:0; width:340px; }
}
/* This was 854px, but I'm changing it to 980 */
/* ########################## */
@media (max-width: 980px) {
    html,body { background:#fff; }
    .spacer { padding-top: 65px; }  
    .layout-2cols { }
    .grid_4 { width:100%; display:block; }
    .iframevid { width:270px; height:152px; }
    #leftsidecol { margin-left:0px; }
    .leftcol1, .rightcol3 { width:312px; margin:0 auto; }
    .leftcol1 { padding:0; margin-bottom:25px; }
    #devicecontainer { width:100%; text-align:center; }
    /* BACKGROUND IMG background: #ccc url(/static/images/bgmount.jpg) no-repeat top center; */ 
    #rightsidecol { padding-bottom:50px; width:100%; margin-left:0px; margin-right:0px; }   
    .rightcol3 { padding-top:40px; }
    .col1icon, .col1text { float:left !important; }
    .col1icon { margin-right:10px; margin-left:0px; }
    .col1text { text-align:left !important; }   
    h1.mobileh1 { margin-top:5px; font-size:22px; line-height:30px; padding:0 20px; }
    .long-field { font-size:16px; }
    span.tip { display:block; }
    .or { margin:10px 0 5px; }
    img.guarimg { width:50px; }
    .speakwith { margin-bottom:25px; }
    .sharebuttons a {
        margin:15px 5px 15px 0;
    }
    .squishtext { padding:0 20px; }
}
/* ########################## */
@media (max-width: 585px) {
	.announcement { margin-top:14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
    .leftcol1 { margin-top: -40px !important; }
    #rightsidecol { margin-top: -60px !important; padding-top:0px !important; }
    input#email { margin-left:0px !important; margin-right:0px !important; font-family: 'Open Sans',sans-serif; max-width:250px; }
    button.greensubmit{ display:block; width:100%; }
    .squishtext { padding:0 20px; }
	.pricingpage {
		padding: 0 20px;
	}
	.beta { font-size:15px; line-height: 22px; }
	.leftblock {
		margin:0 1%%;
		margin-bottom:20px;
	}
	.rightblock {
		margin:0 1%;
	}
	.halfblock {
		border: 1px solid #ccc;
		padding: 0px;
		margin: 10px auto;
		font-size: 17px;
		line-height: 27px;
		width: 98%;
		margin-right: 1%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		display: inline-block;
		min-height: 340px;
		float: left;
	}
	/* Radio Switch */
	.switch-toggle {
		position: relative;
		/*display: inline-block;*/
		float: none;
		display:inline-block;
		width:100%;
		padding: 0 !important;
		margin: 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		/* margin:0 auto;*/
	}
	#paypal-button-container {
		position:relative; float: none; overflow: hidden; max-width:600px;
		width:100%;
		display:inline-block;
		text-align:center;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.subtagline { margin-top:10px; padding:0 0px; }
}
/* ########################## */
@media (max-width: 480px) {
    .leftcol1 { margin-top: -40px !important; }
    #rightsidecol { margin-top: -60px !important; padding-top:0px !important; }
    input#email { margin-left:0px !important; margin-right:0px !important; font-family: 'Open Sans',sans-serif; max-width:250px; }
    button.greensubmit{ display:block; width:100%; }
    .squishtext { padding:0 20px; }
	.pricingpage {
		padding: 0 20px;
	}
	.beta { font-size:15px; line-height: 22px; }
}
</style>

<!-- PAGE CONTAINER -->
<div id="lpcontainer" class="pricingpage" style="background: #fff; overflow:hidden;">

	<!-- ######################################################################## -->
	<!-- ###################       TOP PROMO MESSAGE BAR      ################### -->
	<!-- ######################################################################## -->

	<div class="announcement" style="display:nonex; background:#dd1000; min-height:25px; padding:10px 0 10px; 
		text-align:center; color:#fff; font-size:16px; line-height:24px; font-weight:300; 
	text-shadow: 1px 1px 1px rgba(0,0,0,.4);">
		<!--<span style="font-weight:700;">Pre-Launch:</span> 11/11/2023 - We&rsquo;ll be opening up the ability to 
		purchase Bid Credits very soon! &bull; -->
			<span style="font-weight:500;"><i class="fa fa-lock" aria-hidden="true"></i> BETA: Become a 
			<span style="font-weight:700;">Lifetime VIP</span> + receive complimentary equity for just 
			$5 (one-time). <a href="/vip" style="color:#fff; font-weight:700;">Learn more
				<i class="fa fa-angle-right" aria-hidden="true"></i></a>
			
			<!--<span 
					style="font-weight:700;">Lifetime Price-Lock</span>.</span> <a href="#pricelock" class="loginpop"
			style="font-weight:500"><img src="/static/images/icons/info_icon_white.png" 
			style="height:20px; margin-top:-2px" alt="i"></a>-->
			<!--<span style="font-weight:500;"><i class="fa fa-lock" aria-hidden="true"></i> Sign up 
				for any Annual Plan today and receive a <span 
					style="font-weight:700;">Lifetime Price-Lock</span>.</span> <a href="#pricelock" class="loginpop"
			style="font-weight:500"><img src="/static/images/icons/info_icon_white.png" 
			style="height:20px; margin-top:-2px" alt="i"></a>-->
			<!--If you&rsquo;d like to purchase additional <a href="/managed-services" 
			title="Managed Services" style="font-weight:700;">Managed Service Request</a> Credits, 
			<a href="/buycredits" style="color:#fff; font-weight:700;">click here <i class="fa fa-angle-right" 
			aria-hidden="true"></i></a>-->
		
		<!--<a href="/founding-partners" title="Learn more"
		style="font-weight:600;">Learn more &raquo;</a>-->
		<!--We&rsquo;re currently in the ramp up phase.
		Self-installs &amp; Scheduled installs begin Mon 9/19/22 (with priority
		based on Plan type + signup order).
		<a href="/membership" style="color:#2bc9ff; font-weight:600">Learn more &rsaquo;</a>-->
	</div>
	<!-- ######################################################################## -->
	<!-- ###################       TOP PROMO MESSAGE BAR      ################### -->
	<!-- ######################################################################## -->

    <!-- #1 FULL WIDTH CONTAINER STARTS HERE -->
    <div style="width:100%; height:auto; background:none;">
        <!-- CONTAINER_12 STARTS HERE-->
        <div class="layout-2cols">
            <div id="introsection" class="content grid_12" style="background:none; margin-top:20px; margin-bottom:20px; padding:0;">                 
				<!--<center><img src="/static/client/flipmob_horizontal_logo_black.png" alt="Flip Mob" 
				style="width:85%; max-width:500px; margin-top:6px;"></center>-->
                 
				 <div class="beta" style="font-weight:300; margin-bottom:10px; font-size:32px; text-align:center;
					 line-height:38px;
					font-family:  Montserrat, 'Open Sans',Helvetica, 'Helvetica Neue', Verdana, Arial,sans-serif;">
					<span style="font-weight:600; color:#000"><!--SUPΞRMOB MEMBERSHIP UPGRADES-->Unlock
						&amp; harness the power of crowds
					</span>
				 </div> 
                 
				 <div class="beta" style="display:none; 
				 border:1px solid #ccc; padding:15px; font-weight:300; margin-bottom:20px;
					font-family:  Montserrat, 'Open Sans',Helvetica, 'Helvetica Neue', Verdana, Arial,sans-serif;">
				 	<span style="font-weight:600; color:#de1000">JOIN BETA</span> 
				 	 - While we put the finishing touches on the Platform, we invite you to join our 
				 	<a href="/beta" style="font-weight:600;" title="Join BETA Now">Join BETA now &raquo;</a>
				 </div> 
				 
				 <div class="beta" style="display:none; text-align:center;
				 border:1px solid #ccc; padding:15px; font-weight:300; margin-bottom:20px;
					font-family:  Montserrat, 'Open Sans',Helvetica, 'Helvetica Neue', Verdana, Arial,sans-serif;">
				 	<!--<span style="font-weight:600; color:#444">EQUITY</span>-->
					DevShares is Member-Owned. Purchase any plan now and receive complimentary Equity Shares.
					 <a href="#equity" class="loginpop" style="font-weight:600;" 
						 title="Learn more about receiving Equity in DevShares">Learn more
						 <i class="fa fa-angle-right" aria-hidden="true"></i></a>
				 	<!--<a href="/beta" style="font-weight:600;" title="Join BETA Now">Join BETA now &raquo;</a>-->
				 </div> 
                 
				<div class="maintagline" style="background:none;">
					<br />
					FlipMob is 100% free and in BETA. 
					<br /><br />
					We encourage everyone to create and join Flipmobs, 
					make pledges with zero commitment and post Seller Listings if you have promo codes, 
					digital promotions, credits and/or deals you&rsquo;d like to sell through our unique
					pay-to-use system (where Buyers pay Sellers to use <i>their</i> codes).
					<!--Upgrade and enjoy tons of exclusive benefits that&rsquo;ll help you save more, earn more
					and <i>do</i> more in life.-->
					
					<br /><br />
					
					<div style="border-top:3px solid #ccc; max-width:200px; margin:0 auto;">&nbsp;</div>
					
					<span style="font-weight:600; text-transform: uppercase; font-size:17px;
					font-family:Montserrat,'Open Sans', Helvetica, Verdana, sans-serif;">WANT TO CHAT 
					OR LEARN MORE? GET IN TOUCH</span>
					<br /><br />
					If you&rsquo;d like to speak someone or take a
					tour + demo of the FlipMob Platform or have questions about our Ownership Program,
					please feel free to contact us at
					<a href="mailto:contact@flipmob.com?subject=FlipMob" title="Click to email"
						style="font-weight:500;">contact@flipmob.com</a> or
					<a href="tel:312-857-3511" title="Click to call"
					style="font-weight:500;">312-857-3511</a> (Chicago Local).

					
					
					<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
					
					<!--Whenever you click on a boosted post (ie. status update or notification) from a
					FlipMob Account you follow, you&rsquo;ll automatically be entered in win cash + 
					prizes in our daily <span style="font-weight:500;">Follower Loyalty Giveaways</span>. 
					And, if you win, your winnings will be processed and transferred to you usually 
					within 5-business days, but if you&rsquo;d like your winnings faster...just upgrade 
					to one of our Memberships below.-->
					<!--Monetize your mob (ie. Followers) or any audience easily with <a href="#boost" 
						class="loginpop" style="font-weight:600;">FlipMob Boost</a>. When you share
					content (and notifications), a tiny link will appear at the end that your Followers can
					click to be automatically entered into daily cash + prize giveaways. And, you earn 10% of
					everything they win + 50% of any monthly membership plans they sign up for - that 
					offer perks like same-day cash outs &amp; more.-->
				
					
					<!--You can either pay-as-you-go 
					or sign up for a Monthly Membership.-->
					
					<!--Sign up now and you&rsquo;ll receive complimentary Equity Shares in DevShares that give you
					ownership and also earn you a Monthly Revenue Share Payout.-->
					<!-- /profile/credits -->
					<!--<a id="comingsoon" href="#" style="font-weight:500">pay-as-you-go</a>-->
					 <!--<span style="font-weight:500">1 credit = 1 Load Listing
					<a href="/pricing-more" title="More on Pricing"><img 
					src="/static/images/icons/info-icon-gray.png" alt="i"></a></span>-->
                    
					<div class="subtagline" style="display:none; color:#777"> 
						Note: Text Messages are charged .01 per text &amp; deducted automatically 
						from your account balance (on your Edit Account page).
						<!--<a href="https://orderitfrom.com/checkout/?service=27" title="Click to enroll in the Economy Plan" 
						style="font-weight:600;">Tier 4 Economy Support Plan</a> for $1/mo. (no contract)-->
					</div>
						
					<!--
                    
						https://orderitfrom.com/checkout/?service=26
                    
                    -->
                    
                    <!-- Just a one-time $49 setup fee + $5+/mo.
					<span style="color:#ff0000">Note: We&rsquo;re in the process of updating this pricing, 
					please see the current pricing on our</span>-->
						<!--<a href="/checkout" title="View Pricing">Checkout page &raquo;</a>-->
                    <!--
                    <a href="https://preorderapps.com">Our Services &raquo;</a> | <a href="https://preorderapps.square.site/">Square Store &raquo;</a>-->
                    <!--<a href="https://checkout.square.site/buy/YMEXR3NCT3FRLRPOHOO2FSEV">Store &raquo;</a>-->

                    </div>
                    <div class="clear"></div>
                </div><!-- END OF INTRO SECTION -->               
            </div><!-- END OF LAYOUT 2 COLS -->
         <div class="clear"></div>

  <div class="clear"></div>
  
  <script src="https://www.paypal.com/sdk/js?client-id=AZsMPHqx0TlbCyV_8AY5LlNzzmilpaP8lbfQQQ4iPRpk_WC8hOWFWdvnGMgln4RJAAO2oWd7g1PhhMtu&vault=true&intent=subscription&disable-funding=credit" data-sdk-integration-source="button-factory"> </script>
			
			<script>
				function myBlurFunction(){
					comment_txt = comment_box.value;
					//alert('User ID: ' + comment_txt);
				}
			</script>
			
			<input type="hidden" class="txt" id="comment_box" name="comment_box"
			onblur="myBlurFunction()" placeholder="Your UserID"
				<?php if ($_SESSION['loggedin'] && $_SESSION['user_id']): ?>
					value="<?php echo $_SESSION['user']['id'] ?>"
				<?php endif; ?>
			style="padding:10px; width:94%; max-width:94%; margin:1% 3% 0;
			-webkit-box-sizing: border-box; border:1px solid #ccc;
			-moz-box-sizing: border-box; box-sizing: border-box; font-size:15px; height:50px;">
  
    <div class="layout-2cols" style="padding-top:0px; margin-top:0px; padding-bottom:30px; text-align:center;
		font-family: 'Open Sans', Montserrat,Arial,sans-serif; font-weight:300; background:none; display:none;">
    
		<div style="padding:0; background:none; text-align:right; min-height:42px; width:auto; 
			margin-left:1%; margin-right:1%; margin-bottom:11px; overflow:hiddenx;">
			
			<!-- Thank you for your purchase! -->
<!--			<div id="paypal-button-container" style="text-align:center; font-weight:700; 
				color:#15c016; font-size:17px; height:42px; line-height:42px;
				-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;">
			</div>-->
			
			<div class="switch-toggle switch-ios">
				<!-- checked="checked" -->
				<input id="Pay-as-you-go" name="billing_type_option" type="radio" value="Pay-as-you-go">
				<label id="billing_type_radio" for="Pay-as-you-go" onclick="">Pay-as-you-go</label>
				
				<input id="Monthly" name="billing_type_option" type="radio"  value="Monthly">
				<label id="billing_type_radio" for="Monthly" onclick="">Monthly</label>
				<a></a>
			</div>
			<div class="clear"></div>
			
		</div>
    
    
	<!--<div id="paypal-button-container" style="font-weight:700; color:#15c016; font-size:20px; margin-bottom:25px;"></div>-->
         
    <!-- ################### --> 
    <!--     FIRST COLUMN    -->
    <!-- ################### -->    
    <div class="content grid_4" style="font-size:17px; margin-top:0px; padding:0 20px 20px; border:1px solid #ccc;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;">
        
        <h2 class="pricing-header" style="text-align:center !important;">
            Basic
        </h2>
         
        <div class="pricing-header-div">&nbsp;</div>
		<span class="basic_pricing" 
		style="font-size:28px; font-weight:600;">$2.99</span> <span style="font-size:17px; font-weight:400;">/mo.</span><br />
		<span class="paygo1"><small>month-to-month</small></span>
		<span class="cancel1" style="display:none;"><small>recurring, cancel anytime</small></span>
        <!--<div style="font-size:12px;">ONLINE CLOUD ACCOUNT</div>-->
        
		<div style="display:none; height:25px; line-height:25px; font-weight:600; margin-bottom:10px">
			FLIPMOB LEVEL 1-A
		</div>
        
		<div style="display:none; height:25px; line-height:25px; font-weight:600; margin-bottom:10px">
			SAME-DAY CASHOUTS<!-- DΞVASSIST-->
		</div>
		<!--<span style="font-size:19px; color:#15c016"><i class="fa fa-trophy" aria-hidden="true"></i></span>
		<i class="fa fa-paper-plane" aria-hidden="true"></i>-->
		
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:20px">
			5 Free Listings
		</div>
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:10px">
			3% Listing Success fee(s)
		</div>
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:10px">
			30% Rev Share <span style="font-size:15px; color:#999">(for Referrals)</span>
		</div>
		<div style="height:35px; line-height:35px; font-weight:500; margin-top:5px">
			<img src="/static/client/gold_trophy_icon.png" alt="Trophy" style="height:30px; margin-top:-5px">
			<span style="font-weight:600; font-size:17px;">+2X Chances to Win</span>		
		</div>
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:5px">
			<span style="font-size:17px; color:#15c016"><!--<i class="fa fa-paper-plane" aria-hidden="true"></i>-->
			<img src="/static/chattrbox/gold/gold_coin_sparkle.gif" alt="$" align="absmiddle"
			style="height:25px; margin-top:0px;">
			<span style="font-weight:600;">500 Loyalty Tix/mo.</span></span>
		</div>
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:10px">
			<img src="/static/client/gold_paper_plane.png" alt="Plane" style="height:25px; margin-top:0px">
			<span style="font-weight:600; font-size:17px; color:#15c016">5,000 Messaging Credits</span>
		</div>
		
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:10px">
			NO ADS, SAME-DAY CASHOUTS
		</div>
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:0px; font-size:14px;">
			via Paypal, Cash App, Venmo
		</div>
		
		<br />
		
<!--		<div style="font-size:15px; line-height:25px; max-width:260px; margin:0 auto;">
			Pushes, Inbox &amp; Text Messages
		</div>
        <br />-->
        	<!-- THIS DOES THE AUTOMATIC AJAX STUFF -->
<!--			<div id="paygo_basic" class="rounded2" style="text-align:center; height:auto;">
				<a href="javascript:;"
					class="rounded2" style="font-weight:300; color:#fff; width:65px;">Buy Now</a>
        	</div>-->
			<!--<a href="https://www.paypal.com/ncp/payment/M8PN55H44DAW4"
			class="rounded2" style="font-weight:300; color:#fff; width:65px;">Buy Now</a>-->
		<?php if ($_SESSION['loggedin'] && $_SESSION['user']['id']): ?>
			<div id="paygo_basic">
				<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
					<input type="hidden" name="cmd" value="_xclick">
					<input type="hidden" name="amount" value=".01">
					<input type="hidden" name="currency_code" value="USD">
					<input type="hidden" name="custom" value="296">
					<input type="hidden" name="business" value="voicemenuapp@gmail.com">
					<input type="hidden" name="item_name" value="FlipMob Basic Plan (1 month)">
					<input type="hidden" name="item_number" value="1">
					<input type="hidden" name="no_shipping" value="">
					<input type="hidden" name="return" value="https://flipmob.com/payment-successful">
					<input type="hidden" name="cancel_return" value="https://flipmob.com/payment-failure">
					<input type="hidden" name="notify_url" value="https://flipmob.com/3rdparty/payments/payments.php">
					<input type="submit" value="Buy Now" name="submit"
					title="Paypal Account is not required. You can also just checkout as a Guest and use a credit card." 
					class="btn btn-primary">
					<!--<input type="image" src="https://flipmob.com/static/images/buynow_btn.png" border="0"
					name="submit" style="border:0px;" title="PayPal - The safer, easier way to pay online!" alt="Buy Now" />-->
				</form>
				<br />
			</div>
			
			<!--/////////////////////////////////////////////////////////////////////-->
			<div id="recurring_basic" style="display:none;">
				<div id="paypal-button-container-P-0R819930VG642750JMS4WGTY"></div>
				<script>
				var comment_txt = comment_box.value;
				paypal.Buttons({
					style: {
						shape: 'pill',
						color: 'white',
						layout: 'vertical',
						label: 'subscribe'
					},
					createSubscription: function(data, actions) {
						return actions.subscription.create({
					/* Creates the subscription */
							plan_id: 'P-0R819930VG642750JMS4WGTY',
							custom_id: comment_txt,
							application_context: {
								shipping_preference: 'NO_SHIPPING' // no shipping since digital good
							},
						});
					},
					onApprove: function(data, actions) {
						alert(data.subscriptionID); // You can add optional success message for the subscriber here
						// Show a success message within this page, e.g.
						window.location.replace('https://flipmob.com/payment-successful');
//						const element = document.getElementById('paypal-button-container');
//						element.innerHTML = '';
//						element.innerHTML = '<h3 class="vmtext" style="text-shadow: 0px 0px 0px rgb(0 0 0 / 0%);">Thank you! Your subscription was successful.</h3>';
					}
				}).render('#paypal-button-container-P-0R819930VG642750JMS4WGTY'); // Renders the PayPal button
				</script>
			</div>
			<!--/////////////////////////////////////////////////////////////////////-->
        
<!--			<div id="recurring_basic" class="rounded2" style="display:none; text-align:center; height:auto;">
				<a href="https://www.paypal.com/webapps/billing/plans/subscribe?plan_id=P-0R819930VG642750JMS4WGTY"
					class="rounded2" style="font-weight:300; color:#fff; width:65px;">Enroll</a>
			</div>-->
	
		<?php else : ?>
			<div class="rounded2" style="display:nonex; text-align:center; height:auto;">
				<a id="pleaselogin" class="rounded2" href="#" style="font-weight:300; color:#fff">Buy Now</a>
				<!--<a class="rounded2" href="https://orderitfrom.com/checkout/?service=2" 
				style="font-weight:300; color:#fff">Buy Now</a>-->
			</div>  
		<?php endif; ?>
        
        <!--<br />-->
        or, Annual option:<br /> 
		<!-- https://www.paypal.com/ncp/payment/N55MR8PJZ3NKE -->
		<a class="comingsoonxxx" href="javascript:;" 
		style="font-size:14px; font-weight:400" title="Buy Now">$11.99/yr (50% savings)</a>
		<br />
		<?php if ($_SESSION['loggedin'] && $_SESSION['user']['id']): ?> 
			<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top" style="margin-top:10px;">
				<input type="hidden" name="cmd" value="_xclick">
				<input type="hidden" name="amount" value=".04">
				<input type="hidden" name="currency_code" value="USD">
				<input type="hidden" name="custom" value="4">
				<input type="hidden" name="business" value="voicemenuapp@gmail.com">
				<input type="hidden" name="item_name" value="FlipMob Basic Plan (Annual)">
				<input type="hidden" name="item_number" value="4">
				<input type="hidden" name="no_shipping" value="">
				<input type="hidden" name="return" value="https://flipmob.com/payment-successful">
				<input type="hidden" name="cancel_return" value="https://flipmob.com/payment-failure">
				<input type="hidden" name="notify_url" value="https://flipmob.com/3rdparty/payments/payments.php">
				<input type="submit" value="Choose Annual" name="submit"
				title="Paypal Account is not required. You can also just checkout as a Guest and use a credit card."
				class="btn btn-primary2">
				<!--<input type="image" src="https://flipmob.com/static/images/buynow_btn.png" border="0"
				name="submit" style="border:0px;" title="PayPal - The safer, easier way to pay online!" alt="Buy Now" />-->
			</form>
		<?php else : ?>
			<div id="pleaselogin6" class="roundedgray" style="text-align:center; height:auto; margin-top:10px;">
				<a href="javascript:;" style="">Choose Annual</a>
			</div>
		<?php endif; ?> 
	   <!--<span style="font-size:14px;"><a href="https://orderitfrom.com/checkout/?service=5"
		   style="font-size:14px;" title="Buy Now">$7.99/mo. PAYGO</a> or</span> <a href="https://orderitfrom.com/checkout/?service=8" 
       style="font-size:14px;" title="Buy Now">$29/yr (50% savings)</a>-->
        
    </div><!--end: grid4 div -->
        
    <!-- ################### --> 
    <!--    MIDDLE COLUMN    -->    
    <!-- ################### -->        
    <div class="content grid_4" style="font-size:17px; padding:0 20px 20px; border:1px solid #ccc; overflow:hidden; 
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;">
        
         <h2 class="pricing-header" style="text-align:center !important;">
			 Plus
         </h2>
            
        <div class="pricing-header-div">&nbsp;</div>
		<span class="plus_pricing" 
		style="font-size:28px; font-weight:600;">$5.99</span> <span style="font-size:17px; font-weight:400;">/mo.</span><br />
		<span class="paygo2"><small>month-to-month</small></span>
		<span class="cancel2" style="display:none;"><small>recurring, cancel anytime</small></span>
		<!--<div style="font-size:12px;">ONLINE CLOUD ACCOUNT</div>-->
		
		<div style="display:none; height:25px; line-height:25px; font-weight:600; margin-bottom:10px">
			FLIPMOB LEVEL 1-B
		</div>
		
		<!--<span style="font-size:19px; color:#15c016"><i class="fa fa-trophy" aria-hidden="true"></i></span>-->
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:20px">
			15 Free Listings
		</div>
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:10px">
			No Listing Success fee(s)
		</div>
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:10px">
			40% Rev Share <span style="font-size:15px; color:#999">(for Referrals)</span>
		</div>
		<div style="height:35px; line-height:35px; font-weight:500; margin-top:5px">
			<img src="/static/client/gold_trophy_icon.png" alt="Trophy" style="height:30px; margin-top:-5px">
			<span style="font-weight:600; font-size:17px;">+3X Chances to Win</span>		
		</div>
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:5px">
			<span style="font-size:17px; color:#15c016"><!--<i class="fa fa-paper-plane" aria-hidden="true"></i>-->
			<img src="/static/chattrbox/gold/gold_coin_sparkle.gif" alt="$" align="absmiddle"
			style="height:25px; margin-top:0px;">
			<span style="font-weight:600;">1,500 Loyalty Tix/mo.</span></span>
		</div>
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:10px">
			<img src="/static/client/gold_paper_plane.png" alt="Plane" style="height:25px; margin-top:0px">
			<span style="font-weight:600; font-size:17px; color:#15c016">15,000 Messaging Credits</span>
		</div>
		
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:10px">
			NO ADS, 4HR CASHOUTS (for wins)
		</div>
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:0px; font-size:14px;">
			via Paypal, Cash App, Venmo, Zelle
		</div>
		
		<br />
        
<!--		<div style="font-size:15px; line-height:25px; max-width:260px; margin:0 auto;">
			Pushes, Inbox &amp; Text Messages
		</div>            
        <br />-->
<!--        	<div id="paygo_plus" class="rounded2" style="text-align:center; height:auto;">
				<a href="https://www.paypal.com/ncp/payment/2TMA59D5L44YJ"
					class="rounded2" style="font-weight:300; color:#fff; width:65px;">Buy Now</a>
        	</div>-->
    	<?php if ($_SESSION['loggedin'] && $_SESSION['user']['id']): ?>        	
			<div id="paygo_plus">
				<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
					<input type="hidden" name="cmd" value="_xclick">
					<input type="hidden" name="amount" value=".02">
					<input type="hidden" name="currency_code" value="USD">
					<input type="hidden" name="custom" value="187">
					<input type="hidden" name="business" value="voicemenuapp@gmail.com">
					<input type="hidden" name="item_name" value="FlipMob Plus Plan (1 month)">
					<input type="hidden" name="item_number" value="2">
					<input type="hidden" name="no_shipping" value="">
					<input type="hidden" name="return" value="https://flipmob.com/payment-successful">
					<input type="hidden" name="cancel_return" value="https://flipmob.com/payment-failure">
					<input type="hidden" name="notify_url" value="https://flipmob.com/3rdparty/payments/payments.php">
					<input type="submit" value="Buy Now" name="submit"
					title="Paypal Account is not required. You can also just checkout as a Guest and use a credit card."
					class="btn btn-primary">
					<!--<input type="image" src="https://flipmob.com/static/images/buynow_btn.png" border="0"
					name="submit" style="border:0px;" title="PayPal - The safer, easier way to pay online!" alt="Buy Now" />-->
				</form>
				<br />
			</div>
			
			<!--/////////////////////////////////////////////////////////////////////-->
			<div id="recurring_plus" style="display:none;">
				<div id="paypal-button-container-P-7HN00397FC076743DMYPKLEQ"></div>
				<script>
				var comment_txt = comment_box.value;
				paypal.Buttons({
					style: {
						shape: 'pill',
						color: 'white',
						layout: 'vertical',
						label: 'subscribe'
					},
					createSubscription: function(data, actions) {
						return actions.subscription.create({
					/* Creates the subscription */
							plan_id: 'P-7HN00397FC076743DMYPKLEQ',
							custom_id: comment_txt,
							application_context: {
								shipping_preference: 'NO_SHIPPING' // no shipping since digital good
							},
						});
					},
					onApprove: function(data, actions) {
						alert(data.subscriptionID); // You can add optional success message for the subscriber here
						// Show a success message within this page, e.g.
						window.location.replace('https://flipmob.com/payment-successful');
//						const element = document.getElementById('paypal-button-container');
//						element.innerHTML = '';
//						element.innerHTML = '<h3 class="vmtext" style="text-shadow: 0px 0px 0px rgb(0 0 0 / 0%);">Thank you! Your subscription was successful.</h3>';
					}
				}).render('#paypal-button-container-P-7HN00397FC076743DMYPKLEQ'); // Renders the PayPal button
				</script>
			</div>
			<!--/////////////////////////////////////////////////////////////////////-->
        
<!--			<div id="recurring_plus" class="rounded2" style="display:none; text-align:center; height:auto;">
				<a href="https://www.paypal.com/webapps/billing/plans/subscribe?plan_id=P-7HN00397FC076743DMYPKLEQ"
					class="rounded2" style="font-weight:300; color:#fff; width:65px;">Enroll</a>
			</div>-->
			
		<?php else : ?>
			<div class="rounded2" style="display:nonex; text-align:center; height:auto;">
				<a id="pleaselogin2" class="rounded2" href="#" style="font-weight:300; color:#fff">Buy Now</a>
	            <!--<a class="rounded2" href="https://orderitfrom.com/shop/product/pre-order/?add-to-cart=1397" 
	            style="font-weight:300;">Buy Now</a>-->
				<!--<a class="rounded2" href="https://orderitfrom.com/checkout/?service=3" 
				style="font-weight:300; color:#fff">Buy Now</a>-->
	        </div>  
		<?php endif; ?>        
		 	
       <!-- <br />-->
		or, Annual option:<br />
		<!-- https://www.paypal.com/ncp/payment/9UQZZRXKZZQU6 -->
		<a class="comingsoonxxx" href="javascript:;"
		style="font-size:14px; font-weight:400" title="Buy Now">$29.99/yr (50% savings)</a>
		<br />
		<?php if ($_SESSION['loggedin'] && $_SESSION['user']['id']): ?> 
			<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top" style="margin-top:10px;">
				<input type="hidden" name="cmd" value="_xclick">
				<input type="hidden" name="amount" value=".06">
				<input type="hidden" name="currency_code" value="USD">
				<input type="hidden" name="custom" value="4">
				<input type="hidden" name="business" value="voicemenuapp@gmail.com">
				<input type="hidden" name="item_name" value="FlipMob Pro Plan (Annual)">
				<input type="hidden" name="item_number" value="6">
				<input type="hidden" name="no_shipping" value="">
				<input type="hidden" name="return" value="https://flipmob.com/payment-successful">
				<input type="hidden" name="cancel_return" value="https://flipmob.com/payment-failure">
				<input type="hidden" name="notify_url" value="https://flipmob.com/3rdparty/payments/payments.php">
				<input type="submit" value="Choose Annual" name="submit"
				title="Paypal Account is not required. You can also just checkout as a Guest and use a credit card." 
				class="btn btn-primary2">
				<!--<input type="image" src="https://flipmob.com/static/images/buynow_btn.png" border="0"
				name="submit" style="border:0px;" title="PayPal - The safer, easier way to pay online!" alt="Buy Now" />-->
			</form>
		<?php else : ?>
			<div id="pleaselogin5" class="roundedgray" style="text-align:center; height:auto; margin-top:10px;">
				<a href="javascript:;" style="">Choose Annual</a>
			</div>
		<?php endif; ?> 
		
		<br />
		<div class="recommended" style="color:#fff; 
		-webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;">
        	RECOMMENDED
        </div>
		<!--<span style="font-size:14px;"><a href="https://orderitfrom.com/checkout/?service=6"
			style="font-size:14px;" title="Buy Now">$14.99/mo. PAYGO</a> or</span> <a href="https://orderitfrom.com/checkout/?service=9" 
       style="font-size:14px;" title="Buy Now">$59/yr (50% savings)</a>-->
               
    </div>
     
    <!-- ################### --> 
    <!--   3RD COLUMN START  -->
    <!-- ################### -->    
     <div class="content grid_4" style="font-size:17px; padding:0 20px 20px; border:1px solid #ccc; margin-top:0px; overflow:hidden; 
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;">
        
         <h2 class="pricing-header" style="text-align:center !important;">
			 <a href="#" title="Click to learn more..." style="color:#000">Pro</a>
         </h2>
         
         <div class="pricing-header-div">&nbsp;</div>
		 <span class="pro_pricing" 
		 style="font-size:28px; font-weight:600;">$10.99</span> <span style="font-size:17px; font-weight:400;">/mo.</span><br />
		 <span class="paygo3"><small>month-to-month</small></span>
		 <span class="cancel3" style="display:none;"><small>recurring, cancel anytime</small></span>
        <!-- <div style="font-size:12px;">PRO</div>-->
		
		<div style="display:none; height:25px; line-height:25px; font-weight:600; margin-bottom:10px">
			FLIPMOB LEVEL 1-C
		</div>
		<!--<i class="fa fa-paper-plane" aria-hidden="true"></i>-->
		<!--<span style="font-size:19px; color:#15c016"><i class="fa fa-trophy" aria-hidden="true"></i></span>-->
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:20px">
			25 Free Listings
		</div>
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:10px">
			No Listing Success fee(s)
		</div>
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:10px">
			50% Rev Share <span style="font-size:15px; color:#999">(for Referrals)</span>
		</div>
		<div style="height:35px; line-height:35px; font-weight:500; margin-top:5px">
			<img src="/static/client/gold_trophy_icon.png" alt="Trophy" style="height:30px; margin-top:-5px">
			<span style="font-weight:600; font-size:17px;">+5X Chances to Win</span>		
		</div>
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:5px">
			<span style="font-size:17px; color:#15c016"><!--<i class="fa fa-paper-plane" aria-hidden="true"></i>-->
			<img src="/static/chattrbox/gold/gold_coin_sparkle.gif" alt="$" align="absmiddle"
			style="height:25px; margin-top:0px;">
			<span style="font-weight:600;">5,000 Loyalty Tix/mo.</span></span>
		</div>
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:10px">
			<img src="/static/client/gold_paper_plane.png" alt="Plane" style="height:25px; margin-top:0px">
			<span style="font-weight:600; font-size:17px; color:#15c016">50,000 Messaging Credits</span>
		</div>
		
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:10px">
			NO ADS, 1HR CASHOUTS (for wins)
		</div>
		<div style="height:25px; line-height:25px; font-weight:500; margin-top:0px; font-size:14px;">
			via Paypal, Cash App, Venmo, Zelle
		</div>
		
		<br />
		
<!--		<div style="font-size:15px; line-height:25px; max-width:260px; margin:0 auto;">
			Pushes, Inbox, Texts &amp; Emails
		</div>         
        <br />-->
        
<!--            <div id="paygo_pro" class="rounded2" style="text-align:center; height:auto;">
				<a href="https://www.paypal.com/ncp/payment/35DBV52HAK7T6"
					class="rounded2" style="font-weight:300; color:#fff; width:65px;">Buy Now</a>
        	</div>-->
		<?php if ($_SESSION['loggedin'] && $_SESSION['user']['id']): ?>        	
			<div id="paygo_pro">
				<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
					<input type="hidden" name="cmd" value="_xclick">
					<input type="hidden" name="amount" value=".03">
					<input type="hidden" name="currency_code" value="USD">
					<input type="hidden" name="custom" value="4">
					<input type="hidden" name="business" value="voicemenuapp@gmail.com">
					<input type="hidden" name="item_name" value="FlipMob Pro Plan (1 month)">
					<input type="hidden" name="item_number" value="3">
					<input type="hidden" name="no_shipping" value="">
					<input type="hidden" name="return" value="https://flipmob.com/payment-successful">
					<input type="hidden" name="cancel_return" value="https://flipmob.com/payment-failure">
					<input type="hidden" name="notify_url" value="https://flipmob.com/3rdparty/payments/payments.php">
					<input type="submit" value="Buy Now" name="submit"
					title="Paypal Account is not required. You can also just checkout as a Guest and use a credit card." 
					class="btn btn-primary">
					<!--<input type="image" src="https://flipmob.com/static/images/buynow_btn.png" border="0"
					name="submit" style="border:0px;" title="PayPal - The safer, easier way to pay online!" alt="Buy Now" />-->
				</form>
				<br />
			</div>
			
			<!--/////////////////////////////////////////////////////////////////////-->
			<div id="recurring_pro" style="display:none;">
				<div id="paypal-button-container-P-7H3507747M471541FMYPKMVI"></div>
				<script>
				var comment_txt = comment_box.value;
				paypal.Buttons({
					style: {
						shape: 'pill',
						color: 'white',
						layout: 'vertical',
						label: 'subscribe'
					},
					createSubscription: function(data, actions) {
						return actions.subscription.create({
					/* Creates the subscription */
							plan_id: 'P-7H3507747M471541FMYPKMVI',
							custom_id: comment_txt,
							application_context: {
								shipping_preference: 'NO_SHIPPING' // no shipping since digital good
							},
						});
					},
					onApprove: function(data, actions) {
						alert(data.subscriptionID); // You can add optional success message for the subscriber here
						// Show a success message within this page, e.g.
						window.location.replace('https://flipmob.com/payment-successful');
//						const element = document.getElementById('paypal-button-container');
//						element.innerHTML = '';
//						element.innerHTML = '<h3 class="vmtext" style="text-shadow: 0px 0px 0px rgb(0 0 0 / 0%);">Thank you! Your subscription was successful.</h3>';
					}
				}).render('#paypal-button-container-P-7H3507747M471541FMYPKMVI'); // Renders the PayPal button
				</script>
			</div>
			<!--/////////////////////////////////////////////////////////////////////-->			
        	
<!--			<div id="recurring_pro" class="rounded2" style="display:none; text-align:center; height:auto;">
				<a href="https://www.paypal.com/webapps/billing/plans/subscribe?plan_id=P-7H3507747M471541FMYPKMVI"
					class="rounded2" style="font-weight:300; color:#fff; width:65px;">Enroll</a>
			</div>-->
			
		<?php else : ?>
			<div class="rounded2" style="display:nonex; text-align:center; height:auto;">
				<a id="pleaselogin3" class="rounded2" href="#" style="font-weight:300; color:#fff">Buy Now</a>
				<!--<a class="rounded2" href="https://orderitfrom.com/checkout/?service=4" 
				style="font-weight:300; color:#fff">Buy Now</a>-->
	        </div> 
		<?php endif; ?> 

	        <!--<br />-->
			or, Annual option:<br />
			<!-- https://www.paypal.com/ncp/payment/LCCBNA4UEVX24 -->
			<a class="comingsoonxxx" href="javascript:;" 
			style="font-size:14px; font-weight:400" title="Buy Now">$59.99/yr (50% savings)</a>
			<br />
		<?php if ($_SESSION['loggedin'] && $_SESSION['user']['id']): ?> 
			<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top" style="margin-top:10px;">
				<input type="hidden" name="cmd" value="_xclick">
				<input type="hidden" name="amount" value=".06">
				<input type="hidden" name="currency_code" value="USD">
				<input type="hidden" name="custom" value="4">
				<input type="hidden" name="business" value="voicemenuapp@gmail.com">
				<input type="hidden" name="item_name" value="FlipMob Pro Plan (Annual)">
				<input type="hidden" name="item_number" value="6">
				<input type="hidden" name="no_shipping" value="">
				<input type="hidden" name="return" value="https://flipmob.com/payment-successful">
				<input type="hidden" name="cancel_return" value="https://flipmob.com/payment-failure">
				<input type="hidden" name="notify_url" value="https://flipmob.com/3rdparty/payments/payments.php">
				<input type="submit" value="Choose Annual" name="submit"
				title="Paypal Account is not required. You can also just checkout as a Guest and use a credit card." 
				class="btn btn-primary2">
				<!--<input type="image" src="https://flipmob.com/static/images/buynow_btn.png" border="0"
				name="submit" style="border:0px;" title="PayPal - The safer, easier way to pay online!" alt="Buy Now" />-->
			</form>
		<?php else : ?>
			<div id="pleaselogin4" class="roundedgray" style="text-align:center; height:auto; margin-top:10px;">
				<a href="javascript:;" style="">Choose Annual</a>
			</div>
		<?php endif; ?> 
		<!--<span style="font-size:14px;"><a href="https://orderitfrom.com/checkout/?service=7"
			style="font-size:14px;" title="Buy Now">$29/mo. PAYGO</a> or</span> <a href="https://orderitfrom.com/checkout/?service=10" 
       style="font-size:14px;" title="Buy Now">$99/yr (60% savings)</a>-->
        
     </div><!-- END OF 3RD COLUMN --> 
     <div class="clear"></div>
     <br /><br /> 

	<div class="subtagline" style="display:nonex; color:#555; text-align:left; font-size:17px; font-weight:400;
		line-height:27px;">
		
		 <?php echo date('M d, Y'); ?>
		 <br />
		 
		 <h2 style="font-weight:600; text-transform: uppercase; font-size:22px; line-height:30px; margin-bottom:20px;
	 		text-align:left; font-family:Montserrat,'Open Sans', Helvetica, Verdana, sans-serif;">
			 <!--DΞVSHARES--> MORE ON MEMBERSHIP UPGRADES
		 </h2>

		 <strong>FREE MEMBERSHIP</strong><br /> 
		 Anyone can join FlipMob absolutely free and even start joining flipmobs, posting flipmobs,
		 posting listings (like items/services you want to sell), or positions/jobs you want to hire for (coming soon),
		 building their mob (ie. Followers), sharing/posting Status Updates and Content - and even sending e-Blasts 
		 (ie. status updates/content that are automatically sent as Rich Push Notifications with SMS Text 
		 Message &amp; Email notifications, so nobody misses what you share). <span style="font-weight:600;">Here&rsquo;s 
		 what comes with the Free Membership:</span>
		 
		 <br /><br />
		 <div style="line-height:36px;">
			 <img src="/static/images/icons/black_checkmark_circle.png" alt="-"
			 style="height:25px;" /> Free, Unlimited Pledges/Reserves<br />
			 
			 <img src="/static/images/icons/black_checkmark_circle.png" alt="-"
			 style="height:25px;" /> 3 Free Listings/mo.<br />
			 
			 <img src="/static/images/icons/black_checkmark_circle.png" alt="-" 
			 style="height:25px;" /> 5% Listing Success Fee(s)<br />
			 
			 <img src="/static/images/icons/black_checkmark_circle.png" alt="-"
			 style="height:25px;" /> 2,000 Free e-Blast messaging/notification credits/mo.<br />
			 
			 <img src="/static/images/icons/black_checkmark_circle.png" alt="-"
			 style="height:25px;" /> Automatic entry into Daily Cash + Prizes Giveaways<br />
			 
		 </div>
		 
		 <br />
		 <strong>QUICK BREAKDOWN OF PAID FEATURES + BENEFITS</strong><br />
		 
		 <div style="line-height:35px;">
			 <span style="font-weight:700;">1. Listing fees</span> are for flipmobs and marketplace listings 
			 (where you're selling or hiring) and only happen <i>if</i> your listing is successful.
			 <br />
			 <span style="font-weight:700;">2. Pledges/Reserves</span> are free to make and what you would be 
			 required to pay (to participate) <i>if</i> a flipmob reaches its goal amount.
			 <br />
			 <span style="font-weight:700;">3. Rev Shares</span> are the percentage of the above memberships you 
			 would earn for each direct referral, incl. the listing success fees.
			 <br />
			 <span style="font-weight:700;">4. +2-5X Chances</span> to win refers to the automatic daily cash 
			 + prize giveaways FlipMob holds. 20% of FlipMob&rsquo;s earnings are dedicated to these - forever. 
			 And, not only can you increase your
			 chances, but by upgrading you also increase the chances of your mob (ie. Followers too).
			 <br />
			 <span style="font-weight:700;">5. 5-15% Win Commissions</span> means you make 5-15% of everything 
			 your mob (ie. Followers) wins from the daily giveaways.
			 <br />
			 <span style="font-weight:700;">6. Loyalty Tickets</span> are what you use to boost content you share 
			 (that you may want to make sure your Followers see) and how many of them can earn chances to win in 
			 the daily giveaways from viewing/clicking on content you share.
			 <br />
			 <span style="font-weight:700;">7. e-Blast Credits</span> are used to send out "Rich" Push Notifications 
			 of any content you share, plus email and SMS Text Message Alerts to make sure your mob (ie. Followers) 
			 see it. Note: SMS Text Messages have an additional cost of $.02/text message, which is automatically 
			 deducted from your FlipMob Account Balance.
			 <br />
			 <span style="font-weight:700;"> 8. No Ads</span> means what it says. We need to keep the lights on, 
			 so you&rsquo;ll never see Ads on FlipMob.com, or in either of the Mobile Apps - or in any of the 
			 Notifications, etc. 
			 <br />
			 <span style="font-weight:700;">9. Cashouts</span> are for members who win in the daily cash + 
			 prize giveaways. Free Members who win will have their winnings processed and paid out within 5 
			 or less business days. Paid Members (above will be same-day).
			 <br />
			 <span style="font-weight:700;">10. Billing Options:</span> <br />
			 &nbsp;&nbsp;- <span style="font-weight:700;">Pay-as-you-go</span> - you can pay-as-you-go each month, 
			 which means you have to keep entering payment info each month to renew your membership.
			 <br />
			 &nbsp;&nbsp;- <span style="font-weight:700;">Monthly (recurring)</span> - you can be automatically 
			 billed on the same day each month to keep things nice and easy, so you don't forget.
			 <br />
			 &nbsp;&nbsp;- <span style="font-weight:700;">Annual Option</span> - or you can pay for the whole 
			 year upfront at once - in which case, we&rsquo;ll be coming up with some super exclusive perks for 
			 members who choose this option.
		 </div>
		 <br />
		 
		 <div style="border-top:1px solid #ccc; width:200px;">&nbsp;</div>
		 
		 <strong>FLIPMOB FOLLOWER LOYALTY</strong><br /> 
		 -e-Blasts (ie. Boosts), Loyalty Tickets &amp; Monetizing your Followers &amp; Audience
		 <br /><br />
		 <!--Whenever you click on a boosted post (ie. status update or notification) from a
		 FlipMob Account you follow, you&rsquo;ll automatically be entered in win cash +
		 prizes in our daily <span style="font-weight:500;">Follower Loyalty Giveaways</span>.
		 And, if you win, your winnings will be processed and transferred to you usually
		 within 5-business days, but if you&rsquo;d like your winnings faster...just upgrade
		 to one of our Memberships below.-->
		
		 Here at FlipMob, we just wanted to create an easy way for Creators to give their mob (ie. Followers)
		 some love - and maybe get them to also pay a little more attention whenever the Creator shares content, 
		 status updates or notifications (ie. &ldquo;posts&rdquo;). So, we created daily 
		 <strong>Follower Loyalty Giveaways</strong> - powered by Loyalty Tickets (ie. a way of automatically 
		 entering those giveaways).
			
		 <br /><br />
		 <img src="/static/client/creator_icon.png" alt="Creator" align="left" style="height:95px; 
		 margin:5px 10px 10px 0;"> 
		 Creators can basically &ldquo;boost&rdquo; (ie. e-Blast) any status update, content or 
		 notification they share by simply
		 purchasing Loyalty Tickets (and then assigning an amount of Loyalty Tickets to that post). The more 
		 Loyalty Tickets they assign, the more chances their Followers get to win when viewing or clicking on 
		 that post. Simple. <strong>Here&rsquo;s an example <i>of</i> a &ldquo;post&rdquo;:</strong> 
		 <a href="https://flipmob.com/timeline/591" style="font-weight:600;" 
			 title="A FlipMob Post">flipmob.com/timeline/591</a> | And, here&rsquo;s that post on FlipMob&rsquo;s 
		 <a href="https://flipmob.com/profiles/flipmob" style="font-weight:600;" 
		 title="FlipMob's Timeline">Timeline</a>.
		 
		 <br /><br />
		 Note: Currently, <span style="font-weight:700;">free members who win will have their winnings processed 
		 usually within 5-business days</span>, but upgrading to a SuperMob Membership moves that 
		 timeline up to same-day payouts.
			
		 <br /><br />
		 <img src="/static/client/mob_icon.gif" alt="SuperMob" style="height:20px; margin-top:-5px"> 
		 <strong>ACTIVE MOBS GET MORE CHANCES TO WIN</strong><br /> 
		 To keep things interesting, we decided to add one more cool element - the more Followers who purchase 
		 Membership Upgrades <i>and</i> actually view/click on the posts and Timelines
		 of Creators/Accounts they follow - will help increase the overall Account 
		 &ldquo;Score&rdquo; (or strength) of the Creator&rsquo;s Profile/Account, which increases the overall chances
		 for <i>all</i> of that Account&rsquo;s mob (ie. Followers) to win!
		 <!-- &ldquo;buy-in&rdquo;) to participate in a flipmob.-->
		 
		 <br /><br />
		 
<!--		 <a href="https://www.sandbox.paypal.com/webapps/billing/plans/subscribe?plan_id=P-9J258880NJ932163BMYPL3KY&custom=4">Subscribe</a>-->
		 
		 <br /><br />
		<!-- <form action="https://sandbox.paypal.com/cgi-bin/webscr" method="post">-->
		<!--<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
		 	<input type="hidden" name="cmd" value="_xclick">
		 	<input type="hidden" name="amount" value=".01">
		 	<input type="hidden" name="currency_code" value="USD">
		 	<input type="hidden" name="custom" value="296">
		 	<input type="hidden" name="business" value="voicemenuapp@gmail.com">
		 	<input type="hidden" name="item_name" value="FlipMob Basic Annual">
		 	<input type="hidden" name="item_number" value="7">
		 	<input type="hidden" name="no_shipping" value="">
			<input type="hidden" name="return" value="https://flipmob.com/payment-successful">
			<input type="hidden" name="cancel_return" value="https://flipmob.com/payment-failure">
			<input type="hidden" name="notify_url" value="https://flipmob.com/3rdparty/payments/payments.php">
			<input type="submit" value="Buy Now" name="submit" 
			title="PayPal - The safer, easier way to pay online!" class="btn btn-primary"> -->
			 <!--<input type="image" src="https://flipmob.com/static/images/buynow_btn.png" border="0" 
			 name="submit" style="border:0px;" title="PayPal - The safer, easier way to pay online!" alt="Buy Now" />-->
		<!-- </form>-->
		 
<!--		 <script src="https://www.paypal.com/sdk/js?client-id=BAAHwTgWkvGwOc3OvMhb5fCJ6I5NzNMIJ8ou_-2EL2_y_OK3A1rTXGewnv_V_qxy4b74mmWZZ67ttNLwyE&components=hosted-buttons&enable-funding=venmo&currency=USD"> </script>
		 <div id="paypal-container-N55MR8PJZ3NKE"></div>
		 <script>
		 paypal.HostedButtons({
			 hostedButtonId: "N55MR8PJZ3NKE",
		 }).render("#paypal-container-N55MR8PJZ3NKE")
		 </script>-->
		 
		 <!--This: https://www.paypal-community.com/t5/PayPal-Payments-Standard/Using-a-custom-id-to-match-a-PayPal-transaction-to-an-order-OR/td-p/2565133-->
		 <br /><br />
		 
<!--		 <form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
		 	<input type="hidden" name="cmd" value="_s-xclick" />
		 	<input type="hidden" name="hosted_button_id" value="XRJWWZQ5AWE3E" />
		 	<input type="hidden" name="currency_code" value="USD" />
		 	<input type="image" src="https://flipmob.com/static/images/buynow_btn.png" border="0" name="submit" title="PayPal - The safer, easier way to pay online!" alt="Buy Now" />
		 </form>-->
		 <!--<a 
		 href="/creator-pricing" style="font-weight:600;" 
		 title="A Creator Pricing">VIEW CREATOR PRICING <i class="fa fa-angle-right" aria-hidden="true"></i></a>-->
		 
	 	<!--<a href="https://orderitfrom.com/checkout/?service=27" title="Click to enroll in the Economy Plan"
	 	style="font-weight:600;">Tier 4 Economy Support Plan</a> for $1/mo. (no contract)-->
	 </div>    
	 
	 <!--Basic, Pro &amp; Premium Plans include <a href="https://orderitfrom.com/features" title="Learn more about our Free Feature Requests" 
		 style="font-weight:600;">Free Feature Requests</a> and will cover you if you have a Mobile App, SuperSite
		 <i>and/or</i> OrderitFrom Ordering page  (ie. you&rsquo;ll only ever need 1 Plan). PAYGO = pay-as-you-go, month-to-month options. The 
	 Recurring option is for your convenience and completely optional - you can cancel at any time. Note: We don&rsquo;t charge any 
	 additional transaction fees to you <i>or</i> your Customers ever - and all payments go directly through your Square Account instantly.-->
     
     <!--Prices include *
     <a href="https://orderitfrom.com/shop/product/pre-order/?add-to-cart=1397" style="font-weight:600;">$299 one-time</a> setup fee (payable in 4 easy payments of $75/mo).--> <!--<a href="/add-ons" title="Learn more about Add-Ons" style="font-weight:600;">View Premium Add-Ons &raquo;</a>-->
    <br /><br /> 
    
    <br />
          
    </div>
    <div class="clear"></div>       
</div>  
        
    <!-- ######################################################################## -->               
    <!-- ####################### BOOKING FORM STARTS HERE ####################### -->
    <!-- ######################################################################## -->   
            
    <div id="" style="display:none;  position:relative; background:url(/static/images/we-do-everything.jpg) no-repeat; background-size:cover;
    background-color: #444; border-bottom:1px solid #ccc; color:#ddd; font-size:16px; text-shadow:0px -1px 1px rgba(0,0,0,.3);
    line-height:26px; font-weight:300; overflow:hidden; height:auto; width:auto; padding:25px 20px 35px; text-align:center;">   

        <!-- ################### --> 
        <!--     TOP COLUMN    -->
        <!-- ################### -->    
        <div class="content grid_12" style="font-size:17px; margin-top:0px; padding:0 20px 20px; border:0px solid #ccc;
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center">   
            <span style="color:#fff; font-size:22px;">
                We&rsquo;d love to learn more about your project or idea. <!--Call us now at 1-844-484-4627 (1-844-4THINAP)
                or-->Fill out the form below to schedule a time with someone from the ChattrBox Team.
            <!--To get started, open a chat (bottom right), 
            email us (at contact@orderitfrom.com) or call us at <a href="tel:1-844-484-4627" 
            style="text-shadow:0px 0px 0px; color:#66BFFF;">1-844-4-Pre-Order (1-844-484-4627)</a>, so we can learn 
            a little more about your idea, project and mobile needs.
            -->
            </span>
            <br />  
        </div>

    <?php
      ob_start();
      $to='contact@orderitfrom.com';
      $messageSubject='Schedule Confirmation from Pre-Order';
      $confirmationSubject='Pre-Order Schedule Confirmation';
        
        // More headers
        $headers  = 'From: Pre-Order <contact@orderitfrom.com>' . "\r\n";
        $headers .= 'Reply-To: contact@orderitfrom.com' . "\r\n"; 
        $headers .= "MIME-Version: 1.0\r\n";
        $headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";   
      
      $fromclient = 'From: '.$email."\r\n";
      $fromthinapp = 'From: '.$to."\r\n";   
      $email='';
      $phone-'';
      $time='';
      $body=''; 
      $confirmationBody="Your Scheduled Call is confirmed. \r\nThanks, Pre-Order Team.\r\n";
      $displayForm=true;
      if ($_POST){
        $email=stripslashes($_POST['email']);
        $name=stripslashes($_POST['name']);
        $phone=stripslashes($_POST['phone']);
        if(!empty($_POST['time'])){
            $time=stripslashes($_POST['time']);
        } else {
            $time = 'Not Requested'; 
        }
        $body=stripslashes($_POST['body']);
        $bookinginfo= $name . " has scheduled a call at " . $time. "<br/><br />Their number is: " . $phone . " and 
        their email is: " . $email . "<br /><br />Their message:<br /><br />" . $body;
        $msg= "<center><img src='https://orderitfrom.com/static/images/scheduled_hdr.jpg' />
        <br /><br />
        Your free, scheduled call with Pre-Order is confirmed for " . $time . ". We look forward to learning more about your idea.<br /><br />
        Thank you,
        <br /><br />
        - Pre-Order Team.<br />
        </center>";
        // validate e-mail address
        $valid=preg_match("/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$/i",$email);
        $crack=preg_match("(\r|\n)(to:|from:|cc:|bcc:)",$body);
        if ($email && $body && $valid && !$crack){
            //This goes to Pre-Order
          if (mail($to,$messageSubject,$bookinginfo,$headers,'-fcontact@orderitfrom.com')
              // This goes to the sender
              && mail($email,$confirmationSubject,$msg,$headers,'-fcontact@orderitfrom.com')){
            $displayForm=false;    
    ?>

    <p style="font-size:22px; color:#fff; text-align:center; font-weight:800;">
      Thanks for your interest in Thin&#923;pp and scheduling a free call with us! We&rsquo;re looking forward to learning
      more about your project. A confirmation email has been sent to your e-mail address and your 
      message is also shown below.
    </p>
    <?php
            echo '<p><span style="font-weight:500;">'.htmlspecialchars($body).'</span></p>';
            echo '<br />';
            echo '<a href="https://orderitfrom.com/pricing" style="font-weight:500; color:#82ADCC;">Show Scheduling Form again &raquo;</a>';
          }else{ // the messages could not be sent
    ?>
    <p>
      Oooops! Something went wrong when the server tried to make your schedules appointment.
      This is usually due to a server error, and is probably not your fault.
      We apologize for any inconvenience. Please feel free to email us at contact@orderitfrom.com or call us at 312-857-3511
      to get in touch with us directly. Thank you.
    </p>
    <?php
          }
        }else if ($crack){ // cracking attempt
    ?>
    <p><strong>
      Your message contained e-mail headers within the message body.
      This seems to be a cracking attempt and the message has not been sent.
    </strong></p>
    <?php
        }else{ // form not complete
    ?>
    <p><strong>
      Your message could not be sent.
      You must include both a valid e-mail address and a message.
    </strong></p>
    <?php
        }
      }
      if ($displayForm){
    ?>

    <form action="/pricing" method="post">

        <!-- ################### --> 
        <!--     FIRST COLUMN    -->
        <!-- ################### -->    
        <div class="content grid_4" style="font-size:17px; margin-top:0px; padding:0 20px 20px; border:0px solid #ccc;
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:left">
            <label for="email" style="font-size:12px;">Name: </label><br />
            <input type="text" name="name" id="name" value="<?php echo htmlspecialchars($name); ?>" size="30" 
            style="width:95%; max-width:350px; padding:7px; margin-bottom:10px;" placeholder="Your Name" />
            <br />
            <label for="email" style="font-size:12px;">E-mail: </label><br />
            <input type="text" name="email" id="email" value="<?php echo htmlspecialchars($email); ?>" size="30" 
            style="width:95%; max-width:350px; padding:7px;" placeholder="Your E-mail" />
        </div><!--end: grid4 div -->
        
        <!-- ################### --> 
        <!--     2 COLUMN    -->
        <!-- ################### -->    
        <div class="content grid_4" style="font-size:17px; margin-top:0px; padding:0 20px 20px; border:0px solid #ccc;
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:left">
            <label for="email" style="font-size:12px;">Phone: </label><br />
            <input type="text" name="phone" id="phone" value="<?php echo htmlspecialchars($phone); ?>" size="30" 
            style="width:95%; max-width:350px; padding:7px; margin-bottom:10px;" placeholder="Phone (optional) XXX-XXX-XXXX" /><br />
            <label for="email" style="font-size:12px;">When: </label><br />
            <input class="timepicker txt" type="text" name="time" value="<?php echo $time; ?>" placeholder="<?= date('g:i A m-d-Y') ?>" 
            style="width:95%; max-width:350px; padding:7px; color:#222;" size="30" />  
        </div><!--end: grid4 div -->

        <!-- ################### --> 
        <!--     3 COLUMN    -->
        <!-- ################### -->    
        <div class="content grid_4" style="font-size:17px; margin-top:0px; padding:0 20px 20px; border:0px solid #ccc;
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:left">
            <label for="email" style="font-size:12px;">Brief Description of your App Idea, etc: </label><br />
            <textarea name="body" id="body" rows="5" style="width:90%; max-width:500px; 
            margin-right:20px; padding:7px;"><?php echo htmlspecialchars($body); ?></textarea>
        </div><!--end: grid4 div -->    
        
        <!-- ################### --> 
        <!--     BOTTOM COLUMN    -->
        <!-- ################### -->    
        <div class="content grid_12" style="font-size:17px; margin-top:0px; padding:0 20px 20px; border:0px solid #ccc;
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center">
            <button type="submit" style="height:50px; font-weight:300; border-radius:25px ; -moz-border-radius:25px; -webkit-border-radius:25px;">Schedule Now!</button>
            <br /><br />
            <span style="color:#aaa; font-size:14px;">A confirmation e-mail will be sent to you &amp; you can scroll back to this bottom section to see if your message was successfully sent.</span>
        </div><!--end: grid4 div -->
        
    </form>
    <?php
      }
    ?>      
    
    
</div><!-- LP PAGE CONTAINER ENDS -->
    <!-- PAGE CONTAINER END -->
</div>    
<?php include 'views/_footer.tpl.php'; ?>	
				 

<script type="text/javascript" defer>
  var href = $(this).attr("action");
$(function() {
    $('#gallery a').lightBox();
});  
</script>

<!-- EQUITY OVERVIEW -->
<div style="display:none;">
<div id="pricelock" class="" style="max-width:600px;">
    <div class="overlay-bl-bg"></div>
    <div class="container_6 pop-content">
        <div class="" style="background:none !important;">
            <div class="form login-form" style="background:none !important;">               
                <!-- CONTENT CONTAINER STARTS HERE -->
                <div class="box-white" style="border:0px; max-height:300px;
                height:auto; margin-top:0px !important;">
                    <div style="background:#fff; float:left; padding:0px; color:#444; font-size:17px; 
						font-weight:400; text-align:left; line-height:24px;
						font-family:  Montserrat, 'Open Sans',Helvetica, 'Helvetica Neue', Verdana, Arial,sans-serif;">
                        
						<h3 style="text-align:center; line-height:24px; 
						font-family:  Montserrat, 'Open Sans',Helvetica, 'Helvetica Neue', Verdana, Arial,sans-serif;">
						<i class="fa fa-lock" aria-hidden="true"></i> LIFETIMΞ PRICE-LOCK <!-- Ξ -->
                        </h3>
                        <br />
                        
                        A lot of platforms become big over time and forget about being
                        loyal to the users who helped build them. Not us. 
						<br /><br />
                        Sign up for any Annual Plan today and we give you our guarantee that you&rsquo;ll 
                        have a Lifetime Price-Lock - meaning you&rsquo;ll never pay more than the 
                        prices you see today - even if we increase our prices for everyone else.
                        
	                   	<span style="font-weight:600"></span>
	                    
	                   	<br /><br />

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>

<!-- EQUITY OVERVIEW -->
<div style="display:none;">
<div id="equity" class="" style="max-width:750px;">
    <div class="overlay-bl-bg"></div>
    <div class="container_6 pop-content">
        <div class="" style="background:none !important;">
            <div class="form login-form" style="background:none !important;">               
                <!-- CONTENT CONTAINER STARTS HERE -->
                <div class="box-white" style="border:0px; max-height:300px;
                height:auto; margin-top:0px !important;">
                    <div style="background:#fff; float:left; padding:0px; color:#444; font-size:16px; 
						font-weight:300; text-align:left; line-height:24px;
						font-family:  Montserrat, 'Open Sans',Helvetica, 'Helvetica Neue', Verdana, Arial,sans-serif;">     
                        
						<h3 style="text-align:center; line-height:24px; 
						font-family:  Montserrat, 'Open Sans',Helvetica, 'Helvetica Neue', Verdana, Arial,sans-serif;">
							RECEIVE EQUITY IN DΞVSHARES
                        </h3>
                        <br />
                        
                        DevShares is on its way to being 75% Member/Community owned. There are still shares left, 
                        so purchase a plan today and you&rsquo;ll receive complimentary equity shares per each
						$1 spent, which entitles you to Monthly Revenue Sharing Payouts and a final payout if 
						DevShares should ever get acquired.
						
						<br /><br />
						There are a total of 25M total shares in DevShares.
                        
	                   <span style="font-weight:600"></span>
	                    
	                   <br /><br />

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>

<!-- PAYMENT PLANS CONTACT FORM POPUP -->
<div style="display:none;">
<div id="contactform" class="" style="max-width:850px;"><!-- max-width:550px; removed -->
    <div class="overlay-bl-bg"></div>
    <div class="container_6 pop-content" style="">
        <div class="" style="">
            <div class="form login-form" style="">          
                <!-- CONTENT CONTAINER STARTS HERE -->
                <div class="box-white" style="border:0px; height:auto; padding:0px; margin-top:-30px !important;">                  
                    <div style="background:#fff; padding:25px; color:#222; font-size:12px; font-weight:300;
                    text-align:left; font-family: 'Open Sans',sans-serif; font-weight:normal; line-height:22px;">   
                    
                        <!--<h1 style="font-weight:300; color:#222; margin-bottom:0px;">Payment Plans</h1>
                        
                        Often times we break projects up into 3-4 phases where we&rsquo;ll release 
                        an App Store-ready version of your app, with a <span style="font-weight:600;">payment due 
                        upon your review &amp; approval of 
                        each phase</span>. This also helps you start your planning, 
                        marketing &amp; promotions as early as possible. Submit your info below &amp; we&rsquo;ll
                        get in touch to help figure out a payment plan that works for you! Or call us at 
                        <a href="tel:1-888-564-0061">1-888-564-0061</a> or <a href="tel:1-312-857-3511">(312) 857-3511</a> (local)
                        <br /><br />-->
                        
                        <!-- START OF CONTACT FORM -->
    <?php
      $to='contact@orderitfrom.com';
      $messageSubject='ChattrBox Inquiry';
	  $confirmationSubject='ChattrBox Inquiry';
        
        // More headers
        $headers  = 'From: Pre-Order <contact@orderitfrom.com>' . "\r\n";
        $headers .= 'Reply-To: contact@orderitfrom.com' . "\r\n"; 
        $headers .= "MIME-Version: 1.0\r\n";
        $headers .= "Content-Type: text/html; charset=ISO-8859-1\r\n";   
      
      $fromclient = 'From: '.$email."\r\n";
      $fromthinapp = 'From: '.$to."\r\n";   
      $email='';
      $phone-'';
      $time='';
      $body=''; 
      $confirmationBody="Your request for more info has been received. \r\nThanks, Support Team.\r\n";
      $displayForm=true;
      if ($_POST){
        $email=stripslashes($_POST['email']);
        $name=stripslashes($_POST['name']);
        $phone=stripslashes($_POST['phone']);
        $time=stripslashes($_POST['time']);
        $body=stripslashes($_POST['body']);
        $bookinginfo= $name . " has requested more info " . $time. "<br/><br />Their number is: " . $phone . " and 
        their email is: " . $email . "<br /><br />Their message:<br /><br />" . $body;
        $msg= "<center><img src='https://orderitfrom.com/static/images/scheduled_hdr.jpg' />
        <br /><br />
        Someone will be getting in touch with you soon to discuss your needs.<br /><br />
        Thank you,
        <br /><br />
        - Support Team.<br />
        </center>";
        // validate e-mail address
        $valid=eregi('^([0-9a-z]+[-._+&])*[0-9a-z]+@([-0-9a-z]+[.])+[a-z]{2,6}$',$email);
        $crack=eregi("(\r|\n)(to:|from:|cc:|bcc:)",$body);
        if ($email && $body && $valid && !$crack){
            //This goes to Pre-Order
          if (mail($to,$messageSubject,$bookinginfo,$headers,'-fcontact@orderitfrom.com')
              // This goes to the sender
              && mail($email,$confirmationSubject,$msg,$headers,'-fcontact@orderitfrom.com')){
            $displayForm=false;    
    ?>

    <p style="font-size:22px;">
      Thanks for your interest. We&rsquo;re looking forward to learning
      more about your project and needs. A confirmation 
      email has been sent to your e-mail address and your message is also shown below.
    </p>
    <?php
            echo '<p><span style="font-weight:500;">'.htmlspecialchars($body).'</span></p>';
            echo '<br />';
            echo '<a href="/pricing" style="font-weight:500; color:#82ADCC;">Show Form again &raquo;</a>';
          }else{ // the messages could not be sent
    ?>
    <p>
      Oooops! Something went wrong. :(  This is usually due to a server error, and is probably not your fault.
      We apologize for any inconvenience. Please feel free to email us at contact@orderitfrom.com or call us at 312-857-3511
      to get in touch with us directly. Thank you.
    </p>
    <?php
          }
        }else if ($crack){ // cracking attempt
    ?>
    <p><strong>
      Your message contained e-mail headers within the message body.
      This seems to be a cracking attempt and the message has not been sent.
    </strong></p>
    <?php
        }else{ // form not complete
    ?>
    <p><strong>
      Your message could not be sent.
      You must include both a valid e-mail address and a message.
    </strong></p>
    <?php
        }
      }
      if ($displayForm){
    ?>

    <form action="/loyalty-card" method="post">

        <!-- ################### --> 
        <!--     FIRST COLUMN    -->
        <!-- ################### -->    
        <div class="content grid_6" style="font-size:17px; margin-top:0px; padding:0 20px 20px; border:0px solid #ccc;
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:left">
            <label for="email" style="font-size:12px;">Name: </label>
            <input type="text" name="name" id="name" value="<?php echo htmlspecialchars($name); ?>" size="30" 
            style="width:95%; max-width:350px; padding:7px; margin-bottom:10px;" placeholder="Your Name" />
            <br />
            <label for="email" style="font-size:12px;">E-mail: </label>
            <input type="text" name="email" id="email" value="<?php echo htmlspecialchars($email); ?>" size="30" 
            style="width:95%; max-width:350px; padding:7px;" placeholder="Your E-mail" />
        </div><!--end: grid4 div -->
        
        <!-- ################### --> 
        <!--     2 COLUMN    -->
        <!-- ################### -->    
        <div class="content grid_6" style="font-size:17px; margin-top:0px; padding:0 20px 20px; border:0px solid #ccc;
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:left">
            <label for="email" style="font-size:12px;">Phone (optional): </label>
            <input type="text" name="phone" id="phone" value="<?php echo htmlspecialchars($phone); ?>" size="30" 
            style="width:95%; max-width:350px; padding:7px; margin-bottom:10px;" placeholder="XXX-XXX-XXXX" /><br />
            <label for="email" style="font-size:12px;">When? (optional) </label>
            <input class="timepicker txt" type="text" name="time" value="<?php echo $time; ?>" placeholder="<?= date('g:i A m-d-Y') ?>" 
            style="width:95%; max-width:350px; padding:7px; color:#222;" size="30" />  
        </div><!--end: grid4 div -->
        
        <!-- ################### --> 
        <!--     BOTTOM COLUMN    -->
        <!-- ################### -->    
        <div class="content grid_12" style="font-size:17px; margin-top:0px; padding:0 20px 20px; border:0px solid #ccc;
        box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; text-align:center">
            <button type="submit" style="font-weight:300;">Submit now</button>
            <br />
            <span style="color:#aaa; font-size:12px;">A confirmation e-mail will be sent to you</span>
        </div><!--end: grid4 div -->
        
    </form>
    <?php
      }
    ?>                          
                        <!-- END OF CONTACT FORM -->

                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</div>