@extends('layouts.front')
@section('class_act_connection')
	active
@endsection

@section('header_bottom_part')	
  <div class="connection_header">
	<div class="container">
		<div class="col-md-2 col-sm-2">
		</div>
		<div class="col-md-10 col-sm-10">
			<ul>
				<li><a href="{{URL::to('connections')}}">Connections</label></a></li>
				<li  class="active"><a href="{{URL::to('addconnections')}}">Add Connection<label class="icon_down"></label></a></li>
			</ul>
		</div>
	</div>
</div>
@endsection

@section('content')	
	<script>
	$(document).ready(function(){
		$('#connection_on').click(function(){
				$('#main_connection').show();
				$('#addconnection').hide();
				$('.connection_header li').removeClass('active');
				$(this).addClass('active');
		});
		$('#add_connection_on').click(function(){
				$('#main_connection').hide();
				$('#addconnection').show();
				$('.connection_header li').removeClass('active');
				$(this).addClass('active');
		});

	});
	</script>	


	<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
	  <div class="modal-dialog">
		<form name="messaging" class="msg_system" id="msg_system">
			<div class="message_popmain">
				<div class="message_poptop">
					<font>Aroon</font>
					<span data-dismiss="modal" class="" type="button"></span>
				</div>
				<div class="message_area">
					<div id="txtmsg">
						<textarea placeholder="Type Here..." name="messages"></textarea>					
						<input type="submit" value="Send Message">
						<span class="ajax-sml-loader"><img src="{{ asset('assets/images/ajax-loader.gif') }}"></span>
						<input type="hidden" name="receiverid" id="receiverid" value=''>
					</div>					
				</div>
			</div>
		</form>
	  </div>
	</div>

	
<!--ADD CONNECTION-->
	<div id="addconnection">
		<div class="col-md-7 col-sm-6 panel_height backgroundcolor chkminheght">
			
			<div style="width:100%; float: left;">
				<h2>Connections you may know <!--My Sea Time Connections you may like to connect--></h2>