﻿<?php
include("cnf.php");
require_once(LIB_PATH . 'get-together-init.php');
include(LIB_HTML . 'header.php');
?>
<link rel="stylesheet" href="<?php echo SITE_URL;?>vendor/isotope/jquery.isotope.css" media="screen" />

<div role="main" class="main">
	<section class="page-top custom-product get-together">
		<div class="container">
			<div class="row">
				<div class="col-md-12 center">					
					<p class="lead">Create or find opportunities to Get Together with your Neighbors. Use our map interface and neighborhood board, to see what events are happening in your community or create your own Get Together – is it indoor or outdoor, a guys night out, a parent group? You set the event and alert your neighbors. You can even create community work days, garage sales or block parties – all with the click of a button.</p>
					<img class="overlay visible-lg visible-md" src="<?php echo IMG_PATH;?>/flogo/gt-logo.png"></img>
				</div>
			</div>			
		</div>
	</section>

	<div class="container">
	<?php	
	if(isset($_SESSION['message']) && trim($_SESSION['message'])!=='') {		
	?>
	<!-- Message OK -->		
	<div class="alert alert-success">
		<strong>Success!</strong>
		<?php echo $_SESSION['message'];
		unset($_SESSION['message']);
		?>
	</div>
	<!-- End Message OK -->		
	<?php
	}			
	if(is_array($error) && count($error)>0) {
		echo '<div class="alert alert-danger">
		<strong>Error!</strong>';
		foreach($error as $key=>$val) {
	?>								
		<?php echo $val; ?><br />
	<?php
		}
		echo '</div><br />';
	}
	?>
	<div class="tabs">
		<ul class="nav nav-tabs" id="gttour">
			<li class="active"><a href="#popularPosts" data-toggle="tab">Indoor</a></li>
			<li><a href="#recentPosts" data-toggle="tab">Outdoor</a></li>
		</ul>
		<div class="tab-content">
			<div class="tab-pane active" id="popularPosts">
			<h4 id="gttour1">List</h4>
		<div class="table-responsive">
		<table cellpadding="2" cellspacing="1" width="100%" border="0" bgcolor="#e2e2e2" class="table table-striped">			
			<tr>
				<td valign="top" width="10%"><b>Photo</b></td>
				<td valign="top"><b>Actitivity</b></td>
				<td valign="top"><b>Venue</b></td>
				<td valign="top" align="center" width="15%"><b>Date/Time</b></td>
				<td valign="top" width="15%"><b>Posted By</b></td>
				<td valign="top" align="center" width="20%"><b>RSVP</b></td>	
			</tr>
			<?php
			if(is_array($listIndoorActivity) && count($listIndoorActivity)>0) {
				foreach($listIndoorActivity as $key=>$val) {
					$profileLink =SITE_URL.'profile.php?uid='.UtilityManager::encrypt($val['user_id']);
				?>
				<tr bgcolor="#FFFFFF" id="indoor_<?php echo $val['id'];?>">
					<td valign="top">
					<?php
					if(trim($val['photo'])!=='') {
					?>
					<a href="<?php echo STORAGE_HTTP_PATH;?>/togethers/Large/<?php echo $val['photo'];?>" class="image-link"><span class="thumbnail"><img src="<?php echo SITE_URL;?>timthumb.php?src=<?php echo STORAGE_HTTP_PATH;?>/togethers/Thumb/<?php echo $val['photo'];?>&h=80&w=80&zc=1" alt="<?php echo stripslashes($val['title']);?>" /></span></a>
					<?php
					}
					?></td>
					<td valign="top"><?php echo stripslashes($val['title']);?></td>
					<td valign="top"><?php echo stripslashes($val['venue']);?></td>
					<td valign="top" align="center"><?php echo (trim($val['date'])!=='0000-00-00')?$val['date']:'';?> <?php echo $val['time'];?></td>
					<td valign="top"><a href="<?php echo $profileLink;?>" title="<?php echo ucwords($val['name']);?>"><?php echo ucwords($val['name']);?></a></td>
					<td valign="top" align="center">
					<a href="javascript:void(0);" onclick="javascript: return openHideBox('<?php echo $val['id'];?>');" title="<?php echo $val['detail'];?>" style="color:#3FBFB8;">Detail</a>
					<?php
					if($_SESSION['user_id']==$val['user_id']) {
					?>
					| <a href="<?php echo SITE_URL;?>get_together.php?id=<?php echo $val['id'];?>&act=delete" style="color:#3FBFB8;" onclick="javascript:return confirmDelete();" title="Delete">Delete</a>
					<?php
					}
					?></td>
				</tr>
				<tr bgcolor="#FFFFFF"  style="display:none;" class="row_<?php echo $val['id'];?> hidebox">									
					<td valign="top" colspan="6"><b>Detail:</b><br /><?php echo stripslashes(nl2br($val['detail']));?>
					<?php
					if($_SESSION['user_id']==$val['user_id']) {
					}
					else {
					?><br /><br />
					<b>Message To Host</b><br /><br />
					<input type="radio" name="optevent_<?php echo $val['id'];?>_indoor" value="Y" />&nbsp;YES &nbsp;<input type="radio" name="optevent_<?php echo $val['id'];?>_indoor" value="N" />&nbsp;NO &nbsp;  <input type="radio" name="optevent_<?php echo $val['id'];?>_indoor" value="D"  checked="checked"/>&nbsp;NEED TO DISCUSS<br />
					<textarea id="message_<?php echo $val['id'];?>" name="message_<?php echo $val['id'];?>" rows="5" cols="8" class="form-control" placeholder="Message To Host"></textarea><br /><input type="button" value="Submit" id="submit" name="submit" class="btn btn-primary btn-sm"  onclick="javascript: return submitMessage('<?php echo $val['id'];?>','Activity','indoor');"/>
					<?php
					}
					?></td>
				</tr>
				<?php
				}
			}
			else {
				?>
				<tr>
					<td valign="top" colspan="6" align="center">Sorry! No record found</td>					
				</tr>
				<?php
			}
			?>
		</table></div><br />
		<h4 id="gttour2">Form</h4>
		<form action="" id="indoor_form" method="post" enctype="multipart/form-data">		
		<table cellpadding="2" cellspacing="2" width="100%" border="0" class="table table-striped">			
			<tr class="divindoor">
				<td valign="top">	
					<div class="form-group">
						<div class="col-md-6">
						<input type="text" id="indoor_title" name="indoor_title" value="<?php echo $indoor_title;?>" class="form-control" placeholder="Actitivity name" required="required"/>
						</div>
						<div class="col-md-4">
						<input type="text" id="indoor_venue" name="indoor_venue" value="<?php echo $indoor_venue;?>" class="form-control event_address"  placeholder="Venue"/>
						</div>
						<div class="col-md-2"><a href="javascript:void(0);" class="mark_on_map" title="Mark It On Map">Mark It On Map</a></div>
					</div>
					<div class="form-group" id="showMap" style="display:none;">
						<div class="col-md-12">
							<iframe id="mygeoiframe" src="" width="100%" height="250px" scrolling="no" frameborder="0"></iframe>
						</div>
					</div>
					<div class="form-group">
						<div class="col-md-2">
						<input type="text" id="indoor_date" name="indoor_date" value="<?php echo $indoor_date;?>" class="form-control datepicker" placeholder="Date" required="required" autocomplete="off"/>
						</div>
						<div class="col-md-2">
						<input type="text" id="indoor_time" name="indoor_time" value="<?php echo $indoor_time;?>" class="form-control timepick" class=""  placeholder="Time" autocomplete="off"/>
						</div>
						<div class="col-md-2">&nbsp;
						</div>
						<div class="col-md-6">
						<input id="fileToUpload" type="file" name="photo" placeholder="Upload picture" class="form-control" />
						</div>
					</div>
					<div class="form-group">
						<div class="col-md-12">
							<textarea id="indoor_details" name="indoor_details" rows="5" cols="8" class="form-control" placeholder="Detail" required="required"><?php echo $indoor_details;?></textarea>
						</div>
					</div>
					<div class="form-group">						
						<div class="col-md-3">
						<input type="radio" value="3" id="public" name="indoor_event_type" class="indoor_event_type" checked="checked" /> Block Post (<a data-original-title="Members within postal code can see this" href="javascript:void('0');" rel="tooltip">?</a>)
						</div>
						<div class="col-md-3">
						<?php
						if($neighborhood!=="0" AND trim($neighborhood)!=='') {
							$disableNeigh="";
							$neighMsg="";
						}
						else {
							$disableNeigh="disabled";
							$neighMsg="Go to your profile page to select Neighbourhood";
						}
						?>
						<input type="radio" value="1" id="private" name="indoor_event_type" class="indoor_event_type" <?php echo ($outdoor_event_type=='1')?'checked="checked"':'';?> <?php echo $disableNeigh;?> /> Neighborhood Post (<a data-original-title="Only your neighbour can see this (Your Postal Code). <?php echo $neighMsg;?>" href="javascript:void('0');" rel="tooltip">?</a>)&nbsp;&nbsp;
						</div>
						<div class="col-md-3">
						<input type="radio" value="0" id="public" name="indoor_event_type" class="indoor_event_type" <?php echo ($indoor_event_type=='0')?'checked="checked"':'';?> /> Public Post (<a data-original-title="Everyone can see this" href="javascript:void('0');" rel="tooltip">?</a>)
						<input type="hidden" name="indoor_neighbourhood_post_id" id='indoor_neighbourhood_post_id' value="<?php echo $neighborhood;?>" />
						</div>
					</div>					
					<div class="form-group">
						<div class="col-md-12">
							<input type="hidden" value="" id="checklatlonginfo" class="checklatlonginfo" name="infolatlong" />
							<input type="hidden" id="form_name" name="form_name" value="indoor" />
							<input type="submit" value="Submit" id="submit" name="indoor_submit" class="btn btn-primary btn-sm" />
						</div>
					</div>
				</td>
			</tr>
		</table>
		</form>
			</div>
			<div class="tab-pane" id="recentPosts">
			<h4>List</h4>
		<div class="table-responsive">
		<table cellpadding="2" cellspacing="1" width="100%" border="0" class="table table-striped">
			<tr>
				<td valign="top" width="10%"><b>Photo</b></td>
				<td valign="top"><b>Actitivity</b></td>
				<td valign="top"><b>Venue</b></td>
				<td valign="top" align="center" width="15%"><b>Date/Time</b></td>
				<td valign="top" width="15%"><b>Posted By</b></td>
				<td valign="top" align="center" width="20%"><b>RSVP</b></td>	
			</tr>
			<?php
			if(is_array($listOutdoorActivity) && count($listOutdoorActivity)>0) {
				foreach($listOutdoorActivity as $key=>$val) {
					$profileLink =SITE_URL.'profile.php?uid='.UtilityManager::encrypt($val['user_id']);
				?>
				<tr id="outdoor_<?php echo $val['id'];?>">
					<td valign="top">
					<?php
					if(trim($val['photo'])!=='') {
					?>
					<a href="<?php echo STORAGE_HTTP_PATH;?>/togethers/Large/<?php echo $val['photo'];?>" class="image-link"><span class="thumbnail"><img src="<?php echo SITE_URL;?>timthumb.php?src=<?php echo STORAGE_HTTP_PATH;?>/togethers/Thumb/<?php echo $val['photo'];?>&h=80&w=80&zc=1" alt="<?php echo stripslashes($val['title']);?>" /></span></a>
					<?php
					}
					?></td>
					<td valign="top"><?php echo stripslashes($val['title']);?></td>
					<td valign="top"><?php echo stripslashes($val['venue']);?></td>
					<td valign="top" align="center"><?php echo (trim($val['date'])!=='0000-00-00')?$val['date']:'';?> <?php echo $val['time'];?></td>					
					<td valign="top"><a href="<?php echo $profileLink;?>" title="<?php echo ucwords($val['name']);?>"><?php echo ucwords($val['name']);?></a></td>
					<td valign="top" align="center">
					<a href="javascript:void(0);" onclick="javascript: return openHideBox('<?php echo $val['id'];?>');" title="<?php echo $val['detail'];?>" style="color:#3FBFB8;">Detail</a>
					<?php
					if($_SESSION['user_id']==$val['user_id']) {
					?>
					| <a href="<?php echo SITE_URL;?>get_together.php?id=<?php echo $val['id'];?>&act=delete" style="color:#3FBFB8;" onclick="javascript:return confirmDelete();" title="Delete">Delete</a>
					<?php
					}
					?></td>
				</tr>
				<tr bgcolor="#FFFFFF"  style="display:none;" class="row_<?php echo $val['id'];?> hidebox">									
					<td valign="top" colspan="6"><b>Detail:</b><br /><?php echo stripslashes(nl2br($val['detail']));?>
					<?php
					if($_SESSION['user_id']==$val['user_id']) {
					}
					else {
					?><br /><br />
					<b>Message To Host</b><br /><br />
					<input type="radio" name="optevent_<?php echo $val['id'];?>_indoor" value="Y" />&nbsp;YES &nbsp;<input type="radio" name="optevent_<?php echo $val['id'];?>_indoor" value="N" />&nbsp;NO &nbsp;  <input type="radio" name="optevent_<?php echo $val['id'];?>_indoor" value="D"  checked="checked"/>&nbsp;NEED TO DISCUSS<br />
					<textarea id="message_<?php echo $val['id'];?>" name="message_<?php echo $val['id'];?>" rows="5" cols="8" class="form-control" placeholder="Message To Host"></textarea><br /><input type="button" value="Submit" id="submit" name="submit" class="btn btn-primary btn-sm"  onclick="javascript: return submitMessage('<?php echo $val['id'];?>','Activity','indoor');"/>
					<?php
					}
					?></td>
				</tr>
				<?php
				}
			}
			else {
				?>
				<tr>
					<td valign="top" colspan="6" align="center">Sorry! No record found</td>					
				</tr>
				<?php
			}
			?>
		</table></div><br />
		<h4>Form</h4>
		<form action="" id="outdoor_form" method="post"  enctype="multipart/form-data">
		<table cellpadding="2" cellspacing="2" width="100%" border="0" class="table table-striped">			
			<tr class="divindoor">
				<td valign="top"  colspan="2">	
					<div class="form-group">
						<div class="col-md-6"><input type="text" id="outdoor_title" name="outdoor_title" value="<?php echo $outdoor_title;?>" class="form-control" placeholder="Actitivity name" required="required"/></div>
						<div class="col-md-4"><input type="text" id="outdoor_venue" name="outdoor_venue" value="<?php echo $outdoor_venue;?>" class="form-control event_address"  placeholder="Venue"/></div>
						<div class="col-md-2"><a href="javascript:void(0);" class="outdoor_mark_on_map" title="Mark It On Map">Mark It On Map</a></div>
					</div>
					<div class="form-group" id="outdoor_showMap" style="display:none;">				
						<div class="col-md-12"><iframe id="outdoor_mygeoiframe" src="" width="100%" height="250px" scrolling="no" frameborder="0"></iframe></div>
					</div>
					<div class="form-group">				
						<div class="col-md-3"><input type="text" id="outdoor_date" name="outdoor_date" value="<?php echo $outdoor_date;?>" class="form-control datepicker" placeholder="Date" required="required" autocomplete="off" /></div>
						<div class="col-md-3"><input type="text" id="outdoor_time" name="outdoor_time" value="<?php echo $outdoor_time;?>" class="form-control timepick" class=""  placeholder="Time" autocomplete="off"/></div>
						<div class="col-md-6"><input id="fileToUpload" type="file" name="photo" placeholder="Upload picture" class="form-control" /></div>
					</div>
					<div class="form-group">
						<div class="col-md-12"><textarea id="outdoor_details" name="outdoor_details" rows="5" cols="8" class="form-control" placeholder="Detail" required="required"><?php echo $outdoor_details;?></textarea></div>
					</div>
					<div class="form-group">
						<div class="col-md-3">
							<input type="radio" value="3" id="public" name="outdoor_event_type" class="outdoor_event_type" checked="checked" /> Block Post (<a data-original-title="Members within postal code can see this" href="javascript:void('0');" rel="tooltip">?</a>)
						</div>
						<div class="col-md-3">
							<?php
							if($neighborhood!=="0" AND trim($neighborhood)!=='') {
								$disableNeigh="";
								$neighMsg="";
							}
							else {
								$disableNeigh="disabled";
								$neighMsg="Go to your profile page to select Neighbourhood";
							}
							?>
							<input type="radio" value="1" id="private" name="outdoor_event_type" class="outdoor_event_type" <?php echo ($outdoor_event_type=='1')?'checked="checked"':'';?> <?php echo $disableNeigh;?> /> Neighborhood Post (<a data-original-title="Only your neighbour can see this (Your Postal Code). <?php echo $neighMsg;?>" href="javascript:void('0');" rel="tooltip">?</a>)&nbsp;&nbsp;
						</div>
						<div class="col-md-3">
							<input type="radio" value="0" id="public" name="outdoor_event_type" class="outdoor_event_type" <?php echo ($outdoor_event_type=='0')?'checked="checked"':'';?> /> Public Post (<a data-original-title="Everyone can see this" href="javascript:void('0');" rel="tooltip">?</a>)&nbsp;&nbsp;
							<input type="hidden" name="outdoor_neighbourhood_post_id" id='outdoor_neighbourhood_post_id' value="<?php echo $neighborhood;?>" />
						</div>
					</div>
					<div class="form-group">
						<div class="col-md-12">
						<input type="hidden" value="" id="outchecklatlonginfo" class="outchecklatlonginfo" name="infolatlong" />
						<input type="hidden" id="form_name" name="form_name" value="outdoor" />
						<input type="submit" value="Submit" id="outdoor_submit" name="outdoor_submit" class="btn btn-primary btn-sm" />
						</div>
					</div>					
				</td>
			</tr>			
		</table>
		</form>
			</div>
		</div>
	<hr />

</div>
<script type="text/javascript">
function submitMessage(id, page, act) {
	var getMessage = $("#message_"+id).val();
	if(getMessage=='') {
		alert("Please enter message");
		return false;
	}
	else {
		 if(act=='indoor') {
			var eventOpt = "optevent_"+id+"_indoor";
		 }
		 else {
			var eventOpt = "optevent_"+id+"_outdoor";
		 }
		 var selected = $("input[type='radio'][name='"+eventOpt+"']:checked").val();
		 $.ajax({
            type:'POST',
            url :'<?php echo SITE_URL;?>Ajax/post_action.php',
            data: "id="+id+"&page="+page+"&act="+act+"&optevent="+selected+"&map_event=1&message="+getMessage,
			success: function(getId) { 
				if(getId=="Login") {
					alert("Please Login First. The function you wish to use is not available via anonymous access.");
					return false;
				}
			  $("#message_"+id).val('');
			  $(".hidebox").hide();
			  alert("Your message successfully sent.");			 
			  return false;
            }               
        });
	}
	return false;
}
$(document).ready(function() {
	$( ".mark_on_map" ).click(function() {			
			if ($("#showMap").css('display') == 'none') {
				$("#showMap").show();
				var frameUrl="<?php echo SITE_URL;?>get_user_geo.php?act=mark&zipcode=";
				$("#mygeoiframe").attr('src',frameUrl);				
				return false;
			}
			else {				
				$("#showMap").hide();
				return false;
			}
			return false;		
	});
	$( "#outdoor_submit" ).click(function() {	
		var getVal = $("#checklatlonginfo").val(); 
		$(".outchecklatlonginfo").val(getVal);		 
	});
	
	$( ".outdoor_mark_on_map" ).click(function() {			
			if ($("#outdoor_showMap").css('display') == 'none') {
				$("#outdoor_showMap").show();
				var frameUrl="<?php echo SITE_URL;?>get_user_geo.php?zipcode=";
				$("#outdoor_mygeoiframe").attr('src',frameUrl);				
				return false;
			}
			else {				
				$("#outdoor_showMap").hide();
				return false;
			}
			return false;		
	});
	
	
	$( ".datepicker" ).datepicker({			
		defaultDate: "+1w",  
		minDate : 0,		
		numberOfMonths: 1,	
		dateFormat: "yy-mm-dd"            
	});	
	$('.timepick').timepicker({timeFormat:"hh:mm TT",controlType: 'select', ampm: true,stepMinute: 15});
	$('.image-link').magnificPopup({type:'image'});	
});
$(function() {
	$( "#tabs" ).tabs();
	$("#indoor_form").validate();
	$("#outdoor_form").validate();
});
function confirmDelete() {
	if(!confirm("Are you sure you want to delete")) {
		return false;
	}
	return true;
}
function openHideBox(rowId) {	
	if ($(".row_"+rowId).css('display') == 'none') {
		$(".hidebox").hide();
		$(".row_"+rowId).show();
	}
	else {
		$(".hidebox").hide();
		$(".row_"+rowId).hide();
	}
	
	return false;
}
</script>
</div>
<?php
include(LIB_HTML . 'sfooter.php');
?>