@extends('layouts.newfront')
@section('class_act_dashboard')
	current-menu
@endsection

@section('content')	
<script type="text/javascript" src="{{ asset('assets/js/jquery.autogrowtextarea.min.js') }}"></script>
 <link href="{{ asset('assets/css/sharelink.css') }}" type="text/css" rel="stylesheet" />
<script>
	$(document).ready(function() {
		$("#postyourmind").autoGrow();
	});	
	// facebook like link sharing
	$(document).ready(function(){
		$(document).on('keypress','.postyourmind',function(event){
			var obj = $(this);
			var code = event.keyCode || event.which;
			var detail = $('#postyourmind').val();	
			var match_url_http = /\b(https?):\/\/([\-A-Z0-9.]+)(\/[\-A-Z0-9+&@#\/%=~_|!:,.;]*)?(\?[A-Z0-9+&@#\/%=~_|!:,.;]*)?/i;
			var match_url_www = /\b(www?)\.([\-A-Z0-9.]+)(\/[\-A-Z0-9+&@#\/%=~_|!:,.;]*)?(\?[A-Z0-9+&@#\/%=~_|!:,.;]*)?/i;
			if(code == 13  || code == 32){
				var extracted_url = detail.match(match_url_http) ? detail.match(match_url_http)[0] : (detail.match(match_url_www) ? detail.match(match_url_www)[0] : '');
				if (extracted_url.length > 0) {
					$('.share-outer').find('.paf-upload').css('display', 'block');				
					var geturl = mainurl +'/getmindpost';	
					$.ajax({
						url: geturl,
						type: 'post',
						data: { 'detail': extracted_url},
						async: false,
						success: function(result_data){
							$('#loader').html($(result_data).fadeIn('slow'));
							$('.images img').hide();
							$('.share-outer').find('.paf-upload').css('display', 'none');
							$('img#1').fadeIn();
							$('#cur_image').val(1);
							$('.uploadYourImg').css('display', 'none');
							return false;
						}
					});	
				}
			}
		});	
		// next image
		$('#next').livequery("click", function(){		
			var firstimage = $('#cur_image').val();
			$('#cur_image').val(1);
			$('img#'+firstimage).hide();
			if(firstimage <= $('#total_images').val()){
				firstimage = parseInt(firstimage)+parseInt(1);
				$('#cur_image').val(firstimage);
				$('img#'+firstimage).show();
			}
		});	
		// prev image
		$('#prev').livequery("click", function(){		
			var firstimage = $('#cur_image').val();			
			$('img#'+firstimage).hide();
			if(firstimage>0){
				firstimage = parseInt(firstimage)-parseInt(1);
				$('#cur_image').val(firstimage);
				$('img#'+firstimage).show();
			}			
		});	
		// watermark input fields
		jQuery(function($){		   
		   $("#url").Watermark("http://");
		});
		jQuery(function($){
		    $("#url").Watermark("watermark","#369");			
		});	
		function UseData(){
		   $.Watermark.HideAll();
		   $.Watermark.ShowAll();
		}

		function isValidURL(url){
			var RegExp = /(ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?/;		
			if(RegExp.test(url)){
				return true;
			}else{
				return false;
			}
		}
	});	
</script>	
<div class="left-side-panel">					
	<div class="dash-upload">
		<!-- start share and update -->
		<div class="share-outer field-shadow comimgloader">

			{{ Form::open(array('id'=>'postmind','class'=>'form postmind')) }}
			<div class="share-update-link textareaContent" >
				<textarea id="postyourmind" class="postyourmind postcontent" name="postcontent" placeholder="Share your thoughts, photos, links..."></textarea>
			</div>
			{{ Form::close() }}
			<div class="comImageContainer">
				<div class="upload-img uploadMoreImg" style="display:none;">
					<div class="uploaded-image">
						<div class="get_com_photo"></div>
					</div>
					<div class="upload_photo" method="post" enctype="multipart/form-data">					
						<div id="drop">						
							<form class="form-horizontal form_img" id="form_profile_logo" enctype="multipart/form-data" method="post" action="{{ url('postattachment') }}" autocomplete="off">									
								<a href="javascript:void(0)">+</a>
								<input type="hidden" name="_token" value="{{ csrf_token() }}" />
								<input type="hidden" name="filename" value="" />
								<input type="file" name="select_profile_image" id="select_profile_logo" class="select_image"/>
							</form>
						</div>	
					</div>
				</div>
			</div>


			<!-- share link -->
			<div align="center">		
				<input type="hidden" name="cur_image" id="cur_image" />
				<div class="wrap" align="center">
					<div id="loader">						
											
					</div>
				</div>
			</div>
			<!-- end share link -->			

			<div class="upload-link"><a href="javascript:void(0)" class="upload-img uploadYourImg"><span class="upload-img"></span>Upload Photo</a><a href="javascript:void(0)"  class="savepost hvr-back-pulse">Share</a><a href="javascript:void(0)" class="cancel-upload" style="display:none;">Cancel</a></div>
			<div class="loader-image">
				<div class="paf-upload">
					<div class="circularG-load-top">
						<div class="circularG" id="circularG_1"></div><div class="circularG" id="circularG_2"></div><div class="circularG" id="circularG_3"></div><div class="circularG" id="circularG_4"></div><div class="circularG" id="circularG_5"></div><div class="circularG" id="circularG_6"></div><div class="circularG" id="circularG_7"></div><div class="circularG" id="circularG_8"></div>
					</div>
				</div>
			</div>
		</div>
		<!-- end share and update -->
		<!-- recent activity listing -->
		<div id="recentactivity" class="getpostlisting">