@extends('dashboard_layout')
@section('content')
<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>

@if($access == 0)
	<!-- Starts Main Container -->
	<div class="main-container">
		<div class="alert alert-danger"><p>This group is currently de-activated by Site Admin.</p></div>
	</div>
	<script type="text/javascript">
		setTimeout(function() {
			window.location.href = '/dashboard';
		}, 6000);
	</script>
@elseif($access == 2)
	<!-- Starts Main Container -->
	<div class="main-container">
		<div class="alert alert-danger"><p>This is a private group, you need to be invited to join this group.</p></div>
	</div>
	<script type="text/javascript">
		setTimeout(function() {
			window.location.href = '/dashboard';
		}, 6000);
	</script>
@elseif($access == 3)
	<!-- Starts Main Container -->
	<div class="main-container">
		<div class="alert alert-danger"><p>This group is currently deleted by Group Admin.</p></div>
	</div>
	<script type="text/javascript">
		setTimeout(function() {
			window.location.href = '/dashboard';
		}, 6000);
	</script>
@elseif($access == 1)
	<!-- Starts Main Container -->
	<div class="main-container">

		@if(Session::has('submit-status'))
	      	<div class="alert alert-success"><p>{{ Session::get('submit-status') }}</p></div>
	    @endif

	    <div class="share-gallery-wrapper">
	    	<div class="title">
		        <h4>{{$fetch_group_details['group_name']}}</h4>
		    </div>
	    	@if(count($fetch_latest_post_image) > 0)
		    	<div class="share-gallery">
		    				    		@foreach($fetch_latest_post_image as $key => $value)
		    			@if($value['post_image'] != 'images.jpg')
		    				<!-- <a href="{{url('/upload/quick_post/original/'.$value['post_image'])}}" target="_blank"> -->
					        	<div id="bu{{++$i}}">
						            <img src="{{url('/upload/quick_post/resize/'.$value['post_image'])}}" alt="{{$value['post_title']}}" />
						            <small>{{$value['time_ago']}}</small>
						        </div>
						    <!-- </a> -->
				        @endif
			        @endforeach
		    	</div>
		    @endif
		    @if(Auth::guard('crypto')->user()->role_code != 'SITEADM')
				@if($group_status && $group_status[0]['status'] == "1")
					<div class="chip-details">
			            <ul>
			                <li>
			                    <img src="{{url('/storage/dashboard/assets/img/chiplong.png')}}" alt="" class="icon-25" />
			                    <span>{{$remain_longterm_chip}}</span>
			                </li>
			                <li>
			                    <img src="{{url('/storage/dashboard/assets/img/chiptrade.png')}}" alt="" class="icon-25" />
			                    <span>{{$remain_trade_chip}}</span>
			                </li>
			                <li>
			                    <img src="{{url('/storage/dashboard/assets/img/chipeye.png')}}" alt="" class="icon-25" />
			                    <span>0</span>
			                </li>
			            </ul>
			        </div>
				@elseif($fetch_group_details['user_id'] == Auth::guard('crypto')->user()->id)
					<div class="chip-details">
			            <ul>
			                <li>
			                    <img src="{{url('/storage/dashboard/assets/img/chiplong.png')}}" alt="" class="icon-25" />
			                    <span>{{$remain_longterm_chip}}</span>
			                </li>
			                <li>
			                    <img src="{{url('/storage/dashboard/assets/img/chiptrade.png')}}" alt="" class="icon-25" />
			                    <span>{{$remain_trade_chip}}</span>
			                </li>
			                <li>
			                    <img src="{{url('/storage/dashboard/assets/img/chipeye.png')}}" alt="" class="icon-25" />
			                    <span>0</span>
			                </li>
			            </ul>
			        </div>
				@elseif($fetch_group_details['group_type'] == 'og' || ($group_status && $group_status[0]['status'] == "6"))
            		<div class="chip-details">
            			<a href="javascript:void(0);" group_slug="{{$fetch_group_details['group_slug']}}" group_id="{{$fetch_group_details['id']}}" id="join_group_submit"><h4>Join This Group</h4></a>
            		</div>
            	@endif
            @endif
	    </div>

	    <div class="share-container">
	        <div class="share-main">
	        		        	@if (count($coin_user_info) > 0)
	        	<div id="user-coins-trading">
	            	@foreach ($coin_user_info as $coin_user)
		                <div class="share-list">
		                    <div class="lft">
		                        <div class="logo-circle">
		                            <div class="inner">
		                                <h4>{{$coin_user['name']}}</h4>
		                                @if($coin_user['type'] == 'old')
                                            @if($coin_user['image_url'] && file_exists(public_path() ."/upload/coin_image/".$coin_user['image_url']))
                                                <img src="{{url('/upload/coin_image/'.$coin_user['image_url'])}}" alt="{{$coin_user['name']}}" class="img-responsive" />
                                            @elseif($coin_user['image_url'] && !file_exists(public_path() ."/upload/coin_image/".$coin_user['image_url']))
                                                <img class="img-responsive" src="https://www.cryptocompare.com{{$coin_user['image_url']}}" alt="{{$coin_user['name']}}" />
                                            @else
                                                <img src="{{url('upload/coin_image/default.png')}}" class="img-responsive" />
                                            @endif
                                        @elseif($coin_user['type'] == 'new')
                                            @if($coin_user['image_url'] && file_exists(public_path() ."/upload/coin_image/".$coin_user['image_url']))
                                                <img src="{{url('/upload/coin_image/'.$coin_user['image_url'])}}" alt="{{$coin->name}}" class="img-responsive" />
                                            @elseif($coin_user['image_url'] && !file_exists(public_path() ."/upload/coin_image/".$coin_user['image_url']))
                                                <img src="{{$coin_user['url'].$coin_user['image_url']}}" alt="{{$coin_user['name']}}" class="img-responsive" />
                                            @else
                                                <img src="{{url('upload/coin_image/default.png')}}" class="img-responsive" />
                                            @endif
                                        @endif
		                            </div>
		                        </div>
		                    </div>
		                    <div class="rgt">
		                        <div class="top">
		                        			                            <div class="span-lft">$ .00 </div>
		                            <div class="span-rgt">$ .00 </div>
		                            		                        </div>
		                        <div class="middle">
		                        	@foreach ($coin_user['user_tran_info'] as $user_tran)
		                            <div class="share-list-circle">
		                                <div class="inner">
		                                	@if($user_tran['transaction_type'] == 1)
		                                    <h5>
		                                        {{$user_tran['user_name']}}
		                                    </h5>
		                                    <h4>
		                                        <a title="Click here to view more details" href="javascript:void(0);" data-toggle="modal" data-user="{{$user_tran['user_name']}}" data-coin_name="{{$coin_user['full_name']}}" data-tran_type="{{$user_tran['transaction_type']}}" data-current_price_btc="{{$user_tran['current_price_btc']}}" data-current_price_usd="{{$user_tran['current_price_usd']}}" data-buyin_price_btc="{{$user_tran['buyin_price_btc']}}" data-coin_quantity="{{$user_tran['coin_quantity']}}" data-total_value_usd="{{$user_tran['total_value_usd']}}" data-total_value_btc="{{$user_tran['total_value_btc']}}" data-chip_value="{{$user_tran['chip_value']}}" data-stoploss="{{$user_tran['stoploss']}}" data-trade_date="{{$user_tran['trade_date'] ? date('jS M, Y', strtotime($user_tran['trade_date'])): ''}}" data-notes="{{$user_tran['notes']}}" class="show_activity_modal"><img src="{{url('/storage/dashboard/assets/img/chiplong.png')}}" alt="" class="icon-25" /></a> {{$user_tran['chip_value']}}
		                                    </h4>
		                                    <span>{{$user_tran['buyin_price']}}</span>
		                                    @endif
		                                    @if($user_tran['transaction_type'] == 2)
		                                    <h5>
		                                        {{$user_tran['user_name']}}
		                                    </h5>
		                                    <h4>
		                                        <a title="Click here to view more details" href="javascript:void(0);" data-toggle="modal" data-user="{{$user_tran['user_name']}}" data-coin_name="{{$coin_user['full_name']}}" data-tran_type="{{$user_tran['transaction_type']}}" data-current_price_btc="{{$user_tran['current_price_btc']}}" data-current_price_usd="{{$user_tran['current_price_usd']}}" data-buyin_price_btc="{{$user_tran['buyin_price_btc']}}" data-coin_quantity="{{$user_tran['coin_quantity']}}" data-total_value_usd="{{$user_tran['total_value_usd']}}" data-total_value_btc="{{$user_tran['total_value_btc']}}" data-chip_value="{{$user_tran['chip_value']}}" data-stoploss="{{$user_tran['stoploss']}}" data-trade_date="{{$user_tran['trade_date']?date('jS M, Y', strtotime($user_tran['trade_date'])):''}}" @if($user_tran['est_time_day'] !="" && $user_tran['est_time_hr'] != "" && $user_tran['est_time_min']!="") data-est_time="{{$user_tran['est_time_day']}}D{{$user_tran['est_time_hr']}}H{{$user_tran['est_time_min']}}M" @else data-est_time="" @endif data-target_1="{{$user_tran['target_1']}}" data-target_2="{{$user_tran['target_2']}}" data-target_3="{{$user_tran['target_3']}}" data-notes="{{$user_tran['notes']}}" class="show_activity_modal"><img src="{{url('/storage/dashboard/assets/img/chiptrade.png')}}" alt="" class="icon-25" /></a> {{$user_tran['chip_value']}}
		                                    </h4>
		                                    <span>{{$user_tran['buyin_price']}}</span>
		                                    @endif
		                                    @if($user_tran['transaction_type'] == 3)
		                                    <h5>
		                                        {{$user_tran['user_name']}}
		                                    </h5>
		                                    <h4>
		                                    	<a title="Click here to view more details" href="javascript:void(0);" data-toggle="modal" data-user="{{$user_tran['user_name']}}" data-coin_name="{{$coin_user['full_name']}}" data-tran_type="{{$user_tran['transaction_type']}}" data-notes="{{$user_tran['notes']}}" class="show_activity_modal"><img src="{{url('/storage/dashboard/assets/img/chipeye.png')}}" alt="" class="icon-25" /></a>
		                                    </h4>
		                                    @endif
		                                </div>
		                            </div>
		                            @endforeach
		                        </div>
		                        <div class="bottom">
		                            <div class="inner">
		                                <ul>
		                                    <li>
		                                        <img src="{{url('/storage/dashboard/assets/img/chiplong.png')}}" alt="" class="icon-25" />
		                                        <span>@if(isset($coin_user['tot_chips_long'])){{$coin_user['tot_chips_long']}}@else {{0}}@endif</span>
		                                    </li>
		                                    <li>
		                                        <img src="{{url('/storage/dashboard/assets/img/chiptrade.png')}}" alt="" class="icon-25" />
		                                        <span>@if(isset($coin_user['tot_chips_trade'])){{$coin_user['tot_chips_trade']}}@else {{0}}@endif</span>
		                                    </li>
		                                    <li>
		                                        <img src="{{url('/storage/dashboard/assets/img/chipeye.png')}}" alt="" class="icon-25" />
		                                        <span>0</span>
		                                    </li>
		                                </ul>
		                            </div>
		                        </div>
		                    </div>
		                </div>
		                		            @endforeach
		        </div>
		        @endif

		        {{-- //Recent Transactions --}}
	            <div class="recent-transaction common-panel">
	                <div class="common-panel-title">
	                    <h4>Recent Transactions</h4>
	                </div>
	                <div class="common-panel-body">
	                    <div class="common-panel-body-inner">
	                    	@if($count_coin_all_details > 0)
	                            <div class="recent-transaction-table common-panel-table">
	                                <table class="table table-condensed">
		                                <thead>
					                        <tr>
					                            <th style="text-align: center;">Coin</th>
					                            <th style="text-align: center;">Transaction</th>
					                            <th style="text-align: center;">User Name</th>
					                            <th style="text-align: center;">Chips</th>
					                            <th style="text-align: center;">Buy In (BTC)</th>
					                            <th style="text-align: center;">Stoploss</th>
					                            <th style="text-align: center;">Target 1</th>
					                            <th style="text-align: center;">Target 2</th>
					                            <th style="text-align: center;">Target 3</th>
					                            <th style="text-align: center;">Notes</th>
					                            @if($fetch_group_details['user_id'] == Auth::guard('crypto')->user()->id)
					                            <th style="text-align: center;">&nbsp;</th>
					                            @endif
					                        </tr>
					                    </thead>
					                    <tbody>
					                    	@foreach($fetch_coin_all_details as $key => $value)
						                        <tr>
						                            <td style="text-align: center;">
						                            	@if($value['coinlists']['type'] == 'old')
				                                            @if($value['coinlists']['image_url'] && file_exists(public_path() ."/upload/coin_image/".$value['coinlists']['image_url']))
				                                                <img src="{{url('/upload/coin_image/'.$value['coinlists']['image_url'])}}" alt="{{$value['coinlists']['name']}}" width="30" height="30" />
				                                            @elseif($value['coinlists']['image_url'] && !file_exists(public_path() ."/upload/coin_image/".$value['coinlists']['image_url']))
				                                                <img width="30" height="30" src="https://www.cryptocompare.com{{$value['coinlists']['image_url']}}" alt="{{$value['coinlists']['name']}}" />
				                                            @else
				                                                <img src="{{url('upload/coin_image/default.png')}}" width="30" height="30" />
				                                            @endif
				                                        @elseif($value['coinlists']['type'] == 'new')
				                                            @if($value['coinlists']['image_url'] && file_exists(public_path() ."/upload/coin_image/".$value['coinlists']['image_url']))
				                                                <img src="{{url('/upload/coin_image/'.$value['coinlists']['image_url'])}}" alt="{{$coin->name}}" width="30" height="30" />
				                                            @elseif($value['coinlists']['image_url'] && !file_exists(public_path() ."/upload/coin_image/".$value['coinlists']['image_url']))
				                                                <img src="{{$value['coinlists']['url'].$value['coinlists']['image_url']}}" alt="{{$value['coinlists']['name']}}" width="30" height="30" />
				                                            @else
				                                                <img src="{{url('upload/coin_image/default.png')}}" width="30" height="30" />
				                                            @endif
				                                        @endif
						                            	<br />{{$value['coinlists']['name']}}
						                            </td>
						                            <td style="text-align: center;">@if($value['transaction_type'] == 1) <a title="Click here to view more details" href="/#details-{{$value['id']}}" data-toggle="modal"><img src="{{url('/storage/dashboard/assets/img/chiplong.png')}}" alt="" class="icon-25" /></a> @elseif($value['transaction_type'] == 2) <a title="Click here to view more details" href="/#details-{{$value['id']}}" data-toggle="modal"><img src="{{url('/storage/dashboard/assets/img/chiptrade.png')}}" alt="" class="icon-25" /></a> @else <img src="{{url('/storage/dashboard/assets/img/chipeye.png')}}" alt="" class="icon-25" /> @endif<br />{{$value['time_ago']}}</td>
						                            <td class="user_name" style="text-align: center;">{{$value['user_info']['user_name']}}</td>
						                            <td class="chips" style="text-align: center;">@if($value['transaction_type'] != 3) {{$value['chip_value']}}@endif</td>
						                            <td style="text-align: center;">@if($value['transaction_type'] != 3) {{$value['current_price']}}@endif</td>
						                            <td style="text-align: center;">@if($value['transaction_type'] != 3) {{$value['stoploss']}}@endif</td>
						                            <td style="text-align: center;">@if ($value['transaction_type'] == 2) {{$value['target_1']}} @endif</td>
						                            <td style="text-align: center;">@if ($value['transaction_type'] == 2) {{$value['target_2']}} @endif</td>
						                            <td style="text-align: center;">@if ($value['transaction_type'] == 2) {{$value['target_3']}} @endif</td>
						                            <td style="text-align: center;">@if($value['notes'] > '')<a href="/#notes-{{$value['id']}}" data-toggle="modal"><img src="{{url('/storage/dashboard/assets/img/noteicon.png')}}" alt="" class="icon-25" /></a>@endif</td>
						                            @if($fetch_group_details['user_id'] == Auth::guard('crypto')->user()->id)
						                            <td style="text-align: center;">
						                            	<a href="javascript:void(0);" onclick="return confirm('Do you really want to delete the current record ?');" class="delete_tran" tran_id="{{$value['id']}}"><img src="{{url('/storage/dashboard/assets/img/trashicon.png')}}" alt="" class="icon-25" /></a>
						                            </td>
						                            @endif
						                        </tr>
						                        <div class="modal fade" id="details-{{$value['id']}}">
													<div class="vertical-alignment-helper">
		                        						<div class="modal-dialog vertical-align-center">
															<div class="modal-content">
																<div class="modal-header">
																	<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							                                            <span aria-hidden="true">&times;</span>
							                                        </button>
																	<h4 class="modal-title">{{$value['user_info']['user_name']}}</h4>
																</div>
			<div class="modal-body">
				<address>
					<strong>Coin:</strong> {{$value['coinlists']['full_name']}}<br />
					<strong>Buy In Price (BTC):</strong> {{$value['current_price']}}<br />
					<strong>Current Market Price (USD):</strong> {{$value['trade_price_usd']}}<br />
					<strong>Current Market Price (BTC):</strong> {{$value['trade_price_btc']}}<br />
					<strong>Amount of Coins:</strong> {{$value['quantity']}}<br />
					<strong>Total Amount USD:</strong> {{$value['total_value_usd']}}<br />
					<strong>Total Amount BTC:</strong> {{$value['total_value_btc']}}<br />
					<strong>No. of Chips:</strong> {{$value['chip_value']}}<br />
					<strong>Stoploss:</strong> {{$value['stoploss']}}<br />
					<strong>Trade Date:</strong> {{ $value['trade_date'] ? date('jS M, Y', strtotime($value['trade_date'])) : ''}}<br />
					@if ($value['transaction_type'] == 2)
						<strong>Est. Trade Time:</strong> @if($value['est_time_day']!="" && $value['est_time_hr']!="" && $value['est_time_min']!="") {{$value['est_time_day']}}D{{$value['est_time_hr']}}H{{$value['est_time_min']}}M<br /> @else <br/>@endif
						<strong>Target 1:</strong> {{$value['target_1']}}<br />
						<strong>Target 2:</strong> {{$value['target_2']}}<br />
						<strong>Target 3:</strong> {{$value['target_3']}}<br/>
					@endif
				</address>
			</div>
															</div>
														</div>
													</div>
												</div>
						                        @if($value['notes'] > '')
						                        <!-- #modal-dialog -->
												<div class="modal fade" id="notes-{{$value['id']}}">
													<div class="vertical-alignment-helper">
		                        						<div class="modal-dialog vertical-align-center">
															<div class="modal-content">
																<div class="modal-header">
																	<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							                                            <span aria-hidden="true">&times;</span>
							                                        </button>
																	<h4 class="modal-title">{{$value['coinlists']['coin_name']}}</h4>
																</div>
																<div class="modal-body">
																	{{$value['notes']}}
																</div>
																<div class="modal-footer">
																	{{$value['user_info']['user_name']}}
																	<!-- <a class="btn btn-sm btn-white" data-dismiss="modal">Close</a> -->
																</div>
															</div>
														</div>
													</div>
												</div>
												@endif
												<script type="text/javascript">
													$(document).keyup(function(e) {
											          if (e.keyCode === 27) {
											            $("#details-{{$value['id']}}").modal('hide');
											            $("#notes-{{$value['id']}}").modal('hide');
											          }
											        });
												</script>
					                        @endforeach
				                    	</tbody>
	                            	</table>
	                            </div>
	                        @else
		                    	<div class="no-data">There is no user coin available for this group.</div>
		                    @endif
	                    </div>
	                    @if($count_coin_all_details > 10)
			            	<a href="/group/group_transaction/{{$group_id}}" class="view-all">View All Transactions</a>
			            @endif
			            @if($fetch_group_details['user_id'] != Auth::guard('crypto')->user()->id)
							@if($group_status && $group_status[0]['status'] == "1")
			            		<a href="/group/transaction/add/{{$group_id}}" class="btn btn-primary common-btn btn-tran">Add Transaction</a>
			            	@endif
			    		@else
							<a href="/group/transaction/add/{{$group_id}}" class="btn btn-primary common-btn btn-tran">Add Transaction</a>
			    		@endif
	                </div>
	            </div>
				{{-- //end --}}

				{{-- //Latest Post --}}
	            <div class="latest-pin common-panel">
	                <div class="common-panel-title">
	                    <h4>Latest Post</h4>
	                </div>
	                <div class="common-panel-body">
	                    <div class="common-panel-body-inner">
	                    	@if(count($fetch_latest_post) > 0)
		                        <div id="latest-post">
		                            <ul class="post-list mCustomScrollbar">
										@foreach($fetch_latest_post as $key => $value)
		                                    <li>
		                                        <a href="/#post-{{$value['id']}}" data-toggle="modal">
		                                        	<div class="image">
		                                            	<img class="img-responsive" src="{{url('/upload/quick_post/resize/'.$value['post_image'])}}" alt="{{$value['post_title']}}" />
		                                        	</div>
		                                        </a>
		                                        <div class="desc">
													<div class="desc-min">
														<h4>{{$value['post_title']}}</h4>
														<small>{{substr($value['post'], 0, 700)}}</small>
														@if(strlen($value['post']) > 700)<a class="read-more" href="/#post-{{$value['id']}}" data-toggle="modal"><strong>Read More</strong></a>@endif
													</div>
		                                            <br />
		                                            <p class="para">Posted by <span>{{$value['user_name']['user_name']}}</span> <span>{{$value['time_ago']}}</span></p>
		                                        </div>
		                                    </li>
		                                    <div class="modal fade" id="post-{{$value['id']}}">
												<div class="vertical-alignment-helper">
							                        <div class="modal-dialog vertical-align-center">
							                            <div class="modal-content">
															<div class="modal-header">
																<button type="button" class="close" data-dismiss="modal" aria-label="Close">
							                                        <span aria-hidden="true">&times;</span>
							                                    </button>
																<h4 class="modal-title">{{$value['post_title']}}</h4>
															</div>
															<div class="modal-body">
																<a href="{{url('/upload/quick_post/original/'.$value['post_image'])}}" target="_blank"><img style="margin: 0 auto;" class="img-responsive" src="{{url('/upload/quick_post/resize/'.$value['post_image'])}}" alt="{{$value['post_title']}}" /></a><br />
																<div class="text-center"><strong>{{$value['post_title']}}</strong></div>
																<div class="text-center">{{$value['post']}}</div>
															</div>
															<div class="modal-footer">
																<span class="pull-left">{{$value['time_ago']}} Ago</span>
																@if(($group_status && $group_status[0]['status'] == "1" && $group_status[0]['read_status'] == "0") || ($fetch_group_details['user_id'] == Auth::guard('crypto')->user()->id))
																	@if($value['user_id'] == Auth::guard('crypto')->user()->id)
					                                                	<a title="Edit Post" href="javascript:void(0);" class="edit_post" post_id="{{$value['id']}}"><img src="{{url('/storage/dashboard/assets/img/editicon.png')}}" alt="" class="icon-25" /></a>
					                                                @endif
					                                                @if($fetch_group_details['user_id'] == Auth::guard('crypto')->user()->id || $value['user_id'] == Auth::guard('crypto')->user()->id)
					                                                	<a title="Delete" href="javascript:void(0);" onclick="return confirm('Do you really want to delete the current record ?');" class="delete_post" post_id="{{$value['id']}}"><img src="{{url('/storage/dashboard/assets/img/trashicon.png')}}" alt="" class="icon-25" /></a>
																	@endif
					                                                @if($value['user_id'] == Auth::guard('crypto')->user()->id && $value['status'] != 1)
					                                                	<a href="javascript:void(0);" class="pinned_post" title="Pin Post" user_id="{{$value['id']}}"><img src="{{url('/storage/dashboard/assets/img/pinicon.png')}}" alt="" class="icon-25" /></a>
					                                                @endif
																@endif
																{{$value['user_name']['user_name']}}
															</div>
														</div>
													</div>
												</div>
											</div>
											<script type="text/javascript">
												$(document).keyup(function(e) {
										          if (e.keyCode === 27) {
										            $("#post-{{$value['id']}}").modal('hide');
										          }
										        });
											</script>
		                                @endforeach
		                            </ul>
		                        </div>
							@else
								<div class="no-data">There is no post available for this group.</div>
							@endif
	                    </div>
	                </div>
	            </div>
	            {{-- //Ends --}}

				@if($fetch_group_details['user_id'] != Auth::guard('crypto')->user()->id)
					@if($fetch_group_details && $fetch_group_details['activity_status'] == 1)
						<div class="quick-post common-panel">
							@if($group_status && $group_status[0]['status'] == "1")
								<div class="common-panel-title">
			                        <h4>Quick Post</h4>
			                    </div>
			                    <div class="common-panel-body">
			                        <div class="common-panel-body-inner">
			                            <div class="quick-post-form">
											<form name="quick_post_form" id="quick_post_form" method="post" {{-- action="/group/quick_post_submit/{{ $group_id }}" --}} enctype="multipart/form-data">
												{{ csrf_field() }}
												<input type="hidden" name="group_id" id="group_id" value="{{ $group_id }}">
								                <div class="form-group">
						                            <label>Post Title</label>
					                            	<input type="text" class="form-control" name="post_title" id="post_title" />
					                            	@if ($errors->first('post_title'))<span class="input-group col-md-offset-2 text-danger">{{ $errors->first('post_title') }}</span>@endif
						                        </div>
						                        <div class="form-group">
						                        	<label>Post Description</label>
								                	<textarea class="form-control" rows="4" name="quick_post" id="quick_post"></textarea>
								                	@if ($errors->first('quick_post'))<span class="input-group col-md-offset-2 text-danger">{{ $errors->first('quick_post') }}</span>@endif
								                </div>
								                <div class="form-group">
								                	<label>Post Image</label>
								                	<img class="img-preview" width="240" height="160" style="display: none;" />
								                	<input class="form-control" type="file" name="quick_post_image" id="quick_post_image" />
								                	@if ($errors->first('quick_post_image'))<span class="input-group col-md-offset-2 text-danger">{{ $errors->first('quick_post_image') }}</span>@endif
								                </div>
								                <div class="form-group">
						                            <label>Paste Link</label>
					                            	<input type="text" class="form-control" name="paste_link" id="paste_link" />
					                            	@if ($errors->first('paste_link'))<span class="input-group col-md-offset-2 text-danger">{{ $errors->first('paste_link') }}</span>@endif
						                        </div>
								                <div class="form-group">
			                                        <div class="checkbox">
			                                            <label>
						                                	<input type="checkbox" name="sticky_to_top" id="sticky_to_top" value="1" /> Sticky to Top
						                            	</label>
						                            </div>
								                </div>
								                {{-- <div class="form-group" id="div_signal">
						                			<input class="btn btn-primary common-btn" id="btn_signal" type="button" name="btn_signal" value="Signal" />
						                		</div> --}}
						                		<div class="form-group" id="div_signal">
			                                        <div class="checkbox">
			                                            <label>
						                                	<input type="checkbox" name="chk_signal" id="chk_signal" value="1" /> Moon Signal
						                            	</label>
						                            </div>
								                </div>
								                <div class="form-group">
								                	<input type="hidden" name="edit_post_id" id="edit_post_id" value="" />
								                    <input class="btn btn-info" type="reset" value="Cancel" />
								                    <input class="btn btn-primary common-btn" id="quick_post_form_submit" type="submit" name="submit" value="Post" />
								                </div>
							                </form>
							            </div>
							        </div>
							    </div>
				            @endif
				        </div>
			        @endif
			    @else
			    	<div class="quick-post common-panel">
						<div class="common-panel-title">
	                        <h4>Quick Post</h4>
	                    </div>
	                    <div class="common-panel-body">
	                        <div class="common-panel-body-inner">
	                            <div class="quick-post-form">

									<form name="quick_post_form" id="quick_post_form" method="post" {{-- action="/group/quick_post_submit/{{ $group_id }}" --}} enctype="multipart/form-data">
										{{ csrf_field() }}
										<input type="hidden" name="group_id" id="group_id" value="{{ $group_id }}">
						                <div class="form-group">
				                            <label>Post Title</label>
			                            	<input type="text" class="form-control" name="post_title" id="post_title" />
			                            	@if ($errors->first('post_title'))<span class="input-group col-md-offset-2 text-danger">{{ $errors->first('post_title') }}</span>@endif
				                        </div>
				                        <div class="form-group">
				                        	<label>Post Description</label>
						                	<textarea class="form-control" rows="4" name="quick_post" id="quick_post"></textarea>
						                	@if ($errors->first('quick_post'))<span class="input-group col-md-offset-2 text-danger">{{ $errors->first('quick_post') }}</span>@endif
						                </div>
						                <div class="form-group">
						                	<label>Post Image</label>
						                	<img class="img-preview" width="240" height="160" style="display: none;" />
						                	<input class="form-control" type="file" name="quick_post_image" id="quick_post_image" />
						                	@if ($errors->first('quick_post_image'))<span class="input-group col-md-offset-2 text-danger">{{ $errors->first('quick_post_image') }}</span>@endif
						                </div>
						                <div class="form-group">
				                            <label>Paste Link</label>
			                            	<input type="text" class="form-control" name="paste_link" id="paste_link" />
			                            	@if ($errors->first('paste_link'))<span class="input-group col-md-offset-2 text-danger">{{ $errors->first('paste_link') }}</span>@endif
				                        </div>
						                <div class="form-group">
	                                        <div class="checkbox">
	                                            <label>
				                                	<input type="checkbox" name="sticky_to_top" id="sticky_to_top" value="1" /> Sticky to Top
				                            	</label>
				                            </div>
						                </div>
						                {{-- <div class="form-group" id="div_signal">
						                	<input class="btn btn-primary common-btn" id="btn_signal" type="button" name="btn_signal" value="Signal" />
						                </div> --}}
						                <div class="form-group" id="div_signal">
	                                        <div class="checkbox">
	                                            <label>
				                                	<input type="checkbox" name="chk_signal" id="chk_signal" value="1" /> Moon Signal
				                            	</label>
				                            </div>
						                </div>
						                <div class="form-group">
						                	<input type="hidden" name="edit_post_id" id="edit_post_id" value="" />
						                    <input class="btn btn-info" type="reset" value="Cancel" />
						                    <input class="btn btn-primary common-btn" id="quick_post_form_submit" type="submit" name="submit" value="Post" />
						                </div>
					                </form>
					            </div>
					        </div>
					    </div>
			        </div>
			    @endif
	        </div>

	        <div class="share-widget">
	            <div class="widget-tile activity-tile">
	                <h4>Recent Activities</h4>
	                <ul class="mCustomScrollbar" id="recent-activities">
	                	@if($count_user_activities > 0)
							@foreach($user_activities as $value)
	                        <li>
	                            <span class="span-lft">
	                                {{ $value['users']['user_name'] }} {{ $value['activity_type'] }} 
	                                @if($value['activity_from'] == "user_coins")
										@if($value['activity_type'] == "Placed a long" || $value['activity_type'] == "Updated a long")
											term hold on "<span class="activity_coin">{{ $value['coin_name'] }}</span>"
										@elseif($value['activity_type'] == "Ended a long")
											term hold "<span class="activity_coin">{{ $value['coin_name'] }}</span>"
										@elseif($value['activity_type'] == "Placed a trade" || $value['activity_type'] == "Updated a trade")
											on "<span class="activity_coin">{{ $value['coin_name'] }}</span>"
										@elseif($value['activity_type'] == "Ended a trade")
											"<span class="activity_coin">{{ $value['coin_name'] }}</span>"
										@elseif($value['activity_type'] == "Is watching")
											"<span class="activity_coin">{{ $value['coin_name'] }}</span>"
										@elseif($value['activity_type'] == "Is not watching")
											"<span class="activity_coin">{{ $value['coin_name'] }}</span>"
										@endif
									@elseif($value['activity_from'] == "group")
										the group
									@elseif($value['activity_from'] == "posts" || $value['activity_from'] == "post")
										a post
									@endif
	                            </span>
	                            <span class="span-rgt">
									{{ $value['time_ago'] }}
	                            </span>
	                        </li>
	                        @endforeach
	                    @else
							<li>
								<span class="span-lft">
									There is no activity available for this group.
								</span>
								<span class="span-rgt">
	                            </span>
							</li>
						@endif
	                </ul>
	                @if($count_user_activities > 10)
		            	<a href="/group/group_user_activities/{{$group_id}}" class="view-all">View All Activities</a>
		            @endif
	            </div>

	            <div class="widget-tile pinned-tile latest-pin twitter-tile">
	                <h4>Twitter Feed</h4>
	            	@if(count($fetch_twitter_feeds) > 0)
	                	<ul class="post-list mCustomScrollbar" id="ul_twitter_list">
							@foreach($fetch_twitter_feeds as $key => $value)
	                            <li>
	                                <div class="image">
	                                    <img class="img-responsive" src="{{$value['twitter_image']}}" alt="{{$value['screen_name']}}" />
	                                </div>
	                                <div class="desc">
	                                    <a href="https://twitter.com/{{$value['screen_name']}}" target="_blank"><h4>{{$value['screen_name']}}</h4></a>
	                                    <small>{!! $value['twitter_text'] !!}</small>
	                                    <br />
	                                    <!-- <p class="para">Posted on <span>{{Carbon\Carbon::parse($value['created_at'])->format('d/m/Y')}}</span></p> -->
	                                    <p class="para">Posted on <span>{{$value['time_ago']}} Ago</span></p>
	                                </div>
	                            </li>
	                        @endforeach
	                	</ul>
					@else
						<div class="no-data">There is no tweet feeds available .</div>
					@endif
					@if($group_admin_details['user_name'] == Auth::guard('crypto')->user()->user_name)
	                    <button class="btn btn-primary common-btn" type="button" id="btn_tweet" name="btn_tweet">Edit</button>
	                @endif
	            </div>

	            <div class="widget-tile chat-tile">
	                <h4>Chat</h4>
	                <ul class="mCustomScrollbar">
	                	@foreach($chatArray as $value)
	                        <li>
	                            <span class="span-lft">
	                                {{$value['username']}} <br />
	                                <small>
	                                    {{$value['text']}}
	                            	</small>
	                            </span>
	                            <span class="span-rgt">
	                                {{-- {{Carbon\Carbon::parse($value['timestamp'])->format('d/m/Y')}} --}}
	                                {{$value['time_ago']}}
	                            </span>
	                        </li>
	                    @endforeach
	                </ul>
	                @if($fetch_group_details['user_id'] != Auth::guard('crypto')->user()->id)
						@if($fetch_group_details && $fetch_group_details['activity_status'] == 1)
							@if($group_status && $group_status[0]['status'] == "1")
		                    <div class="chat-area">
		                        <div class="input-group">
		                            <input type="text" class="form-control" name="group_message" id="group_message" placeholder="Enter your message here..." />
		                            <span class="input-group-btn">
		                                <button class="btn btn-primary common-btn" type="button" id="btn_message" name="btn_message">Send</button>
		                            </span>
		                        </div>
		                    </div>
	                     	@endif
			            @endif
			        @else
			        	<div class="chat-area">
	                        <div class="input-group">
	                            <input type="text" class="form-control" name="group_message" id="group_message" placeholder="Enter your message here..." />
	                            <span class="input-group-btn">
	                                <button class="btn btn-primary common-btn" type="button" id="btn_message" name="btn_message">Send</button>
	                            </span>
	                        </div>
	                    </div>
	                @endif
	            </div>

	            <div class="widget-tile pinned-tile latest-pin">
	                <h4>Pinned Post</h4>
	            	@if(count($fetch_pinned_post) > 0)
	                	<ul class="post-list mCustomScrollbar">
							@foreach($fetch_pinned_post as $key => $value)
	                            <li>
	                                <div class="image">
	                                    <a href="/#pin-{{$value['id']}}" data-toggle="modal"><img class="img-responsive" src="{{ url('/upload/quick_post/resize/'.$value['post_image'])}}" alt="{{$value['post_title']}}" /></a>
	                                </div>
	                                <div class="desc">
	                                    <h4>{{$value['post_title']}}</h4>
	                                    <small>{{substr($value['post'], 0, 450)}}</small>
	                                    @if(strlen($value['post']) > 450)<a class="read-more" href="/#pin-{{$value['id']}}" data-toggle="modal"><strong>Read More</strong></a>@endif
	                                    <br />
	                                    <p class="para">Posted by <span>{{$value['user_name']['user_name']}}</span> <span>{{$value['time_ago']}}</span></p>
	                                    @if($value['user_id'] == Auth::guard('crypto')->user()->id)
		                                	@if($value['status'] == 1)
												<a href="javascript:void(0);" title="Unpin Post" class="unpinned" user_id="{{$value['id']}}" >
													<img class="icon-25" src="{{url('/storage/dashboard/assets/img/unpinicon.png')}}" alt="" />
												</a>
											@endif
										@endif
	                                </div>
	                            </li>
	                            <div class="modal fade" id="pin-{{$value['id']}}">
									<div class="vertical-alignment-helper">
				                        <div class="modal-dialog vertical-align-center">
				                            <div class="modal-content">
												<div class="modal-header">
													<button type="button" class="close" data-dismiss="modal" aria-label="Close">
				                                        <span aria-hidden="true">&times;</span>
				                                    </button>
													<h4 class="modal-title" style="margin-bottom: 0;">{{$value['post_title']}}</h4>
												</div>
												<div class="modal-body">
													<a href="{{url('/upload/quick_post/original/'.$value['post_image'])}}" target="_blank"><img style="margin: 0 auto;" class="img-responsive" src="{{url('/upload/quick_post/resize/'.$value['post_image'])}}" alt="{{$value['post_title']}}" /></a><br />
													<div class="text-center"><strong>{{$value['post_title']}}</strong></div>
													<div class="text-center">{{$value['post']}}</div>
												</div>
												<div class="modal-footer">
													<span class="pull-left">{{$value['time_ago']}} Ago</span>
													{{-- @if($value['user_id'] == Auth::guard('crypto')->user()->id)
				                                    	@if($value['status'] == 1)
															<a href="javascript:void(0);" title="Unpin Post" class="unpinned" user_id="{{$value['id']}}" >
																<img class="icon-25" src="{{url('/storage/dashboard/assets/img/unpinicon.png')}}" alt="" />
															</a>
														@endif
													@endif --}}
													{{$value['user_name']['user_name']}}
												</div>
											</div>
										</div>
									</div>
								</div>
								<script type="text/javascript">
									$(document).keyup(function(e) {
							          if (e.keyCode === 27) {
							            $("#pin-{{$value['id']}}").modal('hide');
							          }
							        });
								</script>
	                        @endforeach
	                	</ul>
					@else
						<div class="no-data">There is no pinned post available for this group.</div>
					@endif
	            </div>

	            <div class="widget-tile media-tile">
	                <h4>Media</h4>
	            	@if(count($fetch_media_post) > 0)
	                	<ul class="media-list mCustomScrollbar">
							@foreach($fetch_media_post as $key => $value)
	                            <li>
	                                <div class="yt-media">
	                                    <!-- <a href="/#media-{{$value['id']}}" data-toggle="modal"><img class="img-responsive" src="{{ url('/upload/youtube.png')}}" alt="Youtube Video" width="200" /></a> -->
	                                    <iframe width="100%" height="200" src="{{$value['media']}}" frameborder="0" allowfullscreen></iframe>
	                                    <div class="desc text-center">
	                                    	<p class="para">Posted by <span>{{$value['user_info']['user_name']}}</span> <span>{{$value['time_ago']}}</span></p>
	                                    </div>
	                                </div>
	                            </li>
	                        @endforeach
	                	</ul>
					@else
						<div class="no-data">There is no media available for this group.</div>
					@endif
					@if($fetch_group_details['user_id'] != Auth::guard('crypto')->user()->id)
						@if($fetch_group_details && $fetch_group_details['activity_status'] == 1)
							@if($group_status && $group_status[0]['status'] == "1")
		                    <div class="chat-area">
		                        <div class="input-group">
		                            <input type="text" class="form-control" name="upload_media" id="upload_media" placeholder="Paste your youtube video link here..." />
		                            <input type="hidden" name="group_id" id="group_id" value="{{$group_id}}" />
		                            <input type="hidden" name="user_id" id="user_id" value="{{Auth::guard('crypto')->user()->id}}" />
		                            <span class="input-group-btn">
		                                <button class="btn btn-primary common-btn btn_media" type="button" id="btn_media" name="btn_media">Upload</button>
		                            </span>
		                        </div>
		                    </div>
	                     	@endif
			            @endif
			        @else
			        	<div class="chat-area">
	                        <div class="input-group">
	                            <input type="text" class="form-control" name="upload_media" id="upload_media" placeholder="Paste your youtube video link here..." />
	                            <input type="hidden" name="group_id" id="group_id" value="{{$group_id}}" />
	                            <input type="hidden" name="user_id" id="user_id" value="{{Auth::guard('crypto')->user()->id}}" />
	                            <span class="input-group-btn">
	                                <button class="btn btn-primary common-btn btn_media" type="button" id="btn_media" name="btn_media">Upload</button>
	                            </span>
	                        </div>
	                    </div>
	                @endif
	            </div>

	            <div class="widget-tile overview-tile">
	                <h4>Overview</h4>
	                @if($count_coin_all_details > 0)
		                @if(count($coin_trade_arr) > 0)<div id="trade_chart" class="pie-margin"></div>@endif
						@if(count($coin_long_arr) > 0)<div id="long_chart" class="pie-margin" @if(count($coin_trade_arr) > 0)style="opacity: 0;"@endif></div>@endif
						@if((count($coin_trade_arr) > 0) && (count($coin_long_arr) > 0))
						<a href="javascript:void(0);" id="btn_trade" onclick="show_trade();" class="view-all" style="opacity: 0;">View Trade</a>
						<a href="javascript:void(0);" id="btn_long" class="view-all" onclick="show_long();">View Long</a>
						@endif
						<script type="text/javascript">
							// Load google charts (trade)
							google.charts.load('current', {'packages':['corechart']});
							google.charts.setOnLoadCallback(tradeChart);

							// Draw the chart and set the chart values
							function tradeChart() {
								var trade_data = google.visualization.arrayToDataTable([
									['Trade Coin', 'Total No of Chips'],
									@foreach($coin_trade_arr as $trade_coin)
									['{{$trade_coin['coin_name']}} ({{$trade_coin['tot_chip_value']}})', {{$trade_coin['tot_chip_value']}}],
									@endforeach
								]);

								//is3D: true
								// Optional; add a title and set the width and height of the chart
								var trade_options = {pieSliceText: 'none', pieHole: 0.5, title: 'Transactions (Trade)', backgroundColor: 'none', width: '100%', height: '100%', chartArea: {left: '3%', top: '3%',height: '94%', width: '94%'}, legend: {alignment: 'center'}};

								// Display the chart inside the <div> element with id="trade_chart"
								var chart = new google.visualization.PieChart(document.getElementById('trade_chart'));
								chart.draw(trade_data, trade_options);
							}
							// end google charts (trade)

							// Load google charts (long)
							google.charts.setOnLoadCallback(longChart);

							// Draw the chart and set the chart values
							function longChart() {
								var long_data = google.visualization.arrayToDataTable([
									['Long Coin', 'Total No of Chips'],
									@foreach($coin_long_arr as $long_coin)
									['{{$long_coin['coin_name']}} ({{$long_coin['tot_chip_value']}})', {{$long_coin['tot_chip_value']}}],
									@endforeach
								]);

								// Optional; add a title and set the width and height of the chart
								var long_options = {pieSliceText: 'none', pieHole: 0.5, title: 'Transactions (Long)', backgroundColor: 'none', width: '100%', height: '100%', chartArea: {left: '3%', top: '3%', height: '94%', width: '94%'}, legend: {alignment: 'center'}};

								// Display the chart inside the <div> element with id="trade_chart"
								var chart = new google.visualization.PieChart(document.getElementById('long_chart'));
								chart.draw(long_data, long_options);
							}
							// end google charts (long)
						</script>
					@else
						<div class="no-data">There is no user coin available for this group.</div>
					@endif
	            </div>

	            <div class="widget-tile members-tile">
	                <a href="/group/group_members/{{$group_id}}"><h4>Group Members</h4></a>
	                <ul class="mCustomScrollbar">
	                    <li>
	                        @if(!empty($group_admin_details['image']))
								<a href="/profile/{{$group_admin_details['user_name']}}" title="{{$group_admin_details['first_name'].' '.$group_admin_details['last_name']}}"><img src="{{url('upload/profile_image/resize/'.$group_admin_details['image'])}}" alt="{{$group_admin_details['user_name']}}" /></a>
	                		@else
	                			<a href="/profile/{{$group_admin_details['user_name']}}" title="{{$group_admin_details['first_name'].' '.$group_admin_details['last_name']}}"><img src="{{ url('/upload/profile_image/default.png')}}" alt="{{$group_admin_details['user_name']}}"></a>
	                    	@endif
	                        <h4>{{$group_admin_details['user_name']}}</h4>
	                        <small>Admin</small>
	                    </li>
	                	@foreach ($fetch_user_details as $key => $value)
	                    <li>
	                    	@if(!empty($value['image']))
								<a href="/profile/{{$value['user_name']}}" title="{{$value['first_name'].' '.$value['last_name']}}"><img src="{{url('upload/profile_image/resize/'.$value['image'])}}" alt="{{$value['user_name']}}" /></a>
	                		@else
	                			<a href="/profile/{{$value['user_name']}}" title="{{$value['first_name'].' '.$value['last_name']}}"><img src="{{ url('/upload/profile_image/default.png')}}" alt="{{$value['user_name']}}"></a>
	                    	@endif
	                        <h4>{{$value['user_name']}}</h4>
	                    </li>
	                    @endforeach
	                </ul>
	                @if($fetch_group_details['group_type'] == 'cg')
		                @if($group_admin_details['user_name'] == Auth::guard('crypto')->user()->user_name)
		                    <form action="javascript:void(0)" id="invitation_group_form" name="invitation_group_form">
								<div class="chat-area">
			                        <div class="input-group">
			                            <input class="form-control" id="emails" name="emails" type="text" placeholder="Emails(Type multiple email using comma[,])" />
			                        	<input type="hidden" name="invite_group_id" id="invite_group_id" value="{{ $group_id }}" />
			                            <span class="input-group-btn">
			                                <button type="submit" class="btn btn-primary common-btn" id="send_invitation_submit">Send</button>
			                            </span>
			                        </div>
			                    </div>
							</form>
		                @endif
		            @else
						<form action="javascript:void(0)" id="invitation_group_form" name="invitation_group_form">
							<div class="chat-area">
		                        <div class="input-group">
		                            <input class="form-control" id="emails" name="emails" type="text" placeholder="Emails(Type multiple email using comma[,])" />
		                        	<input type="hidden" name="invite_group_id" id="invite_group_id" value="{{ $group_id }}" />
		                            <span class="input-group-btn">
		                                <button type="submit" class="btn btn-primary common-btn" id="send_invitation_submit">Send</button>
		                            </span>
		                        </div>
		                    </div>
						</form>
		            @endif
	            </div>
	        </div>
	    </div>
	</div>
	<!-- <div class="main-container">
		You are not a member of this Private Group
	</div> -->

	{{-- <div id="myModal" class="modal fade" role="dialog">
		<div class="vertical-alignment-helper">
	        <div class="modal-dialog vertical-align-center">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
	                        <span aria-hidden="true">&times;</span>
	                    </button>
						<h4 class="modal-title">Join Group</h4>
					</div>
					<div class="modal-body">
						<div class="panel-body">
							<form action="javascript:void(0)" id="join_group_form" name="join_group_form">
								<input type="hidden" name="user_id" id="append_group_id" value="{{$fetch_group_details['id']}}" group_type="{{$fetch_group_details['group_type']}}" />
								<div class="form-group">
									<label>Notes</label>
									<textarea style="height: 150px;" cols="" rows="" class="form-control" id="notes" name="notes"></textarea>
								</div>
								<div class="form-group">
									<button type="submit" class="btn btn-primary common-btn" id="join_group_submit">Join</button>
									<button type="reset" class="btn btn-info" data-dismiss="modal">Cancel</button>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div> --}}

	{{-- <div id="myleave_group_modal" class="modal fade" role="dialog">
		<div class="vertical-alignment-helper">
	        <div class="modal-dialog vertical-align-center">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
			                <span aria-hidden="true">&times;</span>
			            </button>
						<h4 class="modal-title">Leave Group</h4>
					</div>
					<div class="modal-body">
						<div class="panel-body">
							<form action="javascript:void(0)" id="leave_group_form" name="leave_group_form">
								<input type="hidden" name="user_id" id="append_group_id" value="{{$fetch_group_details['id']}}" group_type="{{$fetch_group_details['group_type']}}" />
								<div class="form-group">
									<label for="exampleInputPassword1">Notes</label>
									<textarea style="height: 150px;" cols="" rows="" class="form-control" id="leave_notes" name="leave_notes"></textarea>
								</div>
								<div class="form-group">
									<button type="submit" class="btn btn-primary common-btn" id="leave_group_submit">Leave</button>
									<button type="reset" class="btn btn-info" data-dismiss="modal">Cancel</button>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div> --}}

	{{-- <div id="myinvite_group_modal" class="modal fade" role="dialog">
		<div class="vertical-alignment-helper">
	        <div class="modal-dialog vertical-align-center">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
			                <span aria-hidden="true">&times;</span>
			            </button>
						<h4 class="modal-title">Send Invitation</h4>
					</div>
					<div class="modal-body">
						<div class="panel-body">
							<form action="javascript:void(0)" id="invitation_group_form" name="invitation_group_form">
								<input type="hidden" name="invite_group_id" id="invite_group_id" value="{{ $group_id }}">
								<div class="form-group">
									<label>Emails(Type multiple email using comma[,])</label>
									<input class="form-control"  id="emails" name="emails" type="text">
								</div>
								<div class="form-group">
									<label>Notes</label>
									<textarea style="height: 150px;" cols="" rows="" class="form-control" id="email_notes" name="email_notes"></textarea>
								</div>
								<div class="form-group">
									<button type="submit" class="btn btn-primary common-btn" id="send_invitation_submit">Send</button>
									<button type="reset" class="btn btn-info" data-dismiss="modal">Cancel</button>
								</div>
							</form>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div> --}}

	<div class="modal fade" id="activity_modal" role="dialog">
		<div class="vertical-alignment-helper">
	        <div class="modal-dialog vertical-align-center">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
	                        <span aria-hidden="true">&times;</span>
	                    </button>
						<h4 class="modal-title"></h4>
					</div>
					<div class="modal-body">
						<address>
							<strong>Coin:</strong> <span class="coin_name"></span><br />
							<span class="trade">
								<strong>Buy In Price (BTC):</strong> <span class="current_price_btc"></span><br />
								<strong>Current Market Price (USD):</strong> <span class="current_price_usd"></span><br />
								<strong>Current Market Price (BTC):</strong> <span class="buyin_price_btc"></span><br />
								<strong>Amount of Coins:</strong> <span class="coin_quantity"></span><br />
								<strong>Total Amount USD:</strong> <span class="total_value_usd"></span><br />
								<strong>Total Amount BTC:</strong> <span class="total_value_btc"></span><br />
								<strong>No. of Chips:</strong> <span class="chip_value"></span><br />
								<strong>Stoploss:</strong> <span class="stoploss"></span><br />
								<strong>Trade Date:</strong> <span class="trade_date"></span><br />
								<strong>Est. Trade Time:</strong> <span class="est_time"></span><br />
								<strong>Target 1:</strong> <span class="target_1"></span><br />
								<strong>Target 2:</strong> <span class="target_2"></span><br />
								<strong>Target 3:</strong> <span class="target_3"></span><br />
							</span>
							<span class="long_hold">
								<strong>Buy In Price (BTC):</strong> <span class="current_price_btc"></span><br />
								<strong>Current Market Price (USD):</strong> <span class="current_price_usd"></span><br />
								<strong>Current Market Price (BTC):</strong> <span class="buyin_price_btc"></span><br />
								<strong>Amount of Coins:</strong> <span class="coin_quantity"></span><br />
								<strong>Total Amount USD:</strong> <span class="total_value_usd"></span><br />
								<strong>Total Amount BTC:</strong> <span class="total_value_btc"></span><br />
								<strong>No. of Chips:</strong> <span class="chip_value"></span><br />
								<strong>Stoploss:</strong> <span class="stoploss"></span><br />
								<strong>Trade Date:</strong> <span class="trade_date"></span><br />
							</span>
							<strong>Notes:</strong> <span class="notes"></span>
						</address>
					</div>
				</div>
			</div>
		</div>
		<div id="sound"></div>
	</div>

	<div id="my_tweet_feeds_modal" class="modal fade" role="dialog">
		<div class="vertical-alignment-helper">
	        <div class="modal-dialog vertical-align-center">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-label="Close">
			                <span aria-hidden="true">&times;</span>
			            </button>
						<h4 class="modal-title">Twitter Names</h4>
					</div>
					<div class="modal-body">
						<div class="panel-body">
							<form action="javascript:void(0)" id="twitter_group_form" name="twitter_group_form">
								<input type="hidden" name="invite_group_id" id="invite_group_id" value="{{ $group_id }}">
								<div class="form-group">
									<label>Enter twitter screen name(e.g DaleSteyn62)</label>
									<input class="form-control"  id="screen_name" name="screen_name" type="text" placeholder="Please enter only twitter screen name">
								</div>
								
								<div class="form-group">
									<button type="submit" class="btn btn-primary common-btn" id="send_twitter_submit">Add</button>
								</div>
							</form>
							<ul class="mCustomScrollbar" id="ul_twitter">
			                    
			                	
	                		</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<script src="https://cdn.rawgit.com/samsonjs/strftime/master/strftime-min.js"></script>
	<script src="https://js.pusher.com/4.1/pusher.min.js"></script>

	<script type="text/javascript">
	    // Ensure CSRF token is sent with AJAX requests

	    // Added Pusher logging
	    Pusher.log = function(msg) {
	        console.log(msg);
	    };

	    function init() {
	        // send button click handling
	        $('#group_message').keypress(function(e) {
	        	if (e.keyCode === 13) {
	            	return sendMessage();
	        	}	
	        });
	        $('#btn_message').click(sendMessage);

	        $("#div_signal").hide();

	        $('#quick_post_form_submit').click(sendPost);
	    }

	    // Send on enter/return key
	    function checkSend(e) {   
	        
	    }

	    // Handle the send button being clicked
	    function sendMessage() {
	        var messageText = $('#group_message').val();
	        if(messageText.length < 3) {
	            return false;
	        }

	        // Build POST data and make AJAX request
	        var data = {chat_text: messageText, _token: "{{ csrf_token() }}", group_id: "{{$group_id}}"};
	        $.post('/chat/message', data).success(sendMessageSuccess);

	        // Ensure the normal browser event doesn't take place
	        return false;
	    }

	    function sendNotify() {
	    	var data = {_token: "{{ csrf_token() }}", group_id: "{{$group_id}}"};
	        $.post('/chat/notify', data).success(sendNotifySuccess);

	        // Ensure the normal browser event doesn't take place
	        return false;
	    }

	    function sendPost() {
	    	var myform = document.getElementById("quick_post_form");
		    var fd = new FormData(myform);
		    $.ajax({
		        url: "/chat/post-noti",
		        data: fd,
		        cache: false,
		        processData: false,
		        contentType: false,
		        type: 'POST',
		        success: function (response) {
		           sendPostSuccess(response);
		        }
		    });

		    return false;
	    }

	    // Handle the success callback
	    function sendMessageSuccess() {
	        $('#group_message').val('')
	        console.log('message sent successfully');
	    }

	    function sendNotifySuccess() {
	    	console.log('Notification sent successfully');
	    }

	    function sendPostSuccess(data) {
	    	if(data) {
	    		jconfirm({
		            title: 'Alert!',
		            content: data.message,
		            buttons: {
		                OK: function () {
		                  
		                }
		            }
	        	});
	    	}
	    	else {
	    		jconfirm({
		            title: 'Alert!',
		            content: "Post uploaded successfully",
		            buttons: {
		                OK: function () {
		                	$('#post_title').val('');
		                	$('#quick_post').val('');
		                	$('.img-preview').hide();
		                	$('#quick_post_image').val('');
		                	$('#paste_link').val('');
		                	$('#sticky_to_top').prop('checked', false);
		                  	window.location.reload();
		                  	//$(document).animate({scrollTop: 0}, 100);
		                }
		            }
	        	});
	    	}
			
	    }

	    // Build the UI for a new message and add to the DOM
	    function addMessage(data) {
	        $(".chat-tile .mCustomScrollbar .mCustomScrollBox .mCSB_container").append('<li><span class="span-lft">'+data.username+'<br /><small>'+data.text+'</small></span><span class="span-rgt">'+data.timestamp+'</span></li>');
         	$(".chat-tile .mCustomScrollbar").mCustomScrollbar({
			    theme: "3d-dark"
			}).mCustomScrollbar("scrollTo","bottom");
	    }

	    function addNotify(data) {
	    	var current_user_id = "{{Auth::guard('crypto')->user()->id}}";
	    	var group_id =  "{{$group_id}}";
	    	if(current_user_id != data.user_id && group_id == data.group_id) {
	    		document.getElementById("sound").innerHTML='<audio autoplay="autoplay"><source src="/storage/dashboard/assets/thrown.mp3" type="audio/mpeg" /><embed hidden="true" autostart="true" loop="false" src="storage/dashboard/assets/thrown.mp3" /></audio>';
	    	}
	    }

	    function addPost(data) {
	    	var current_user_id = "{{Auth::guard('crypto')->user()->id}}";
	    	var group_id =  "{{$group_id}}";
	    	if(current_user_id != data.user_id && group_id == data.group_id) {
	    		document.getElementById("sound").innerHTML='<audio autoplay="autoplay"><source src="/storage/dashboard/assets/thrown.mp3" type="audio/mpeg" /><embed hidden="true" autostart="true" loop="false" src="storage/dashboard/assets/thrown.mp3" /></audio>';
	    		window.location.reload();
	    	}
	    }

	    // Creates an activity element from the template
	    function createMessageEl() {
	        var text = $('#chat_message_template').text();
	        var el = $(text);
	        return el;
	    }

	    $(init);

	    /***********************************************/
	    
	    var pusher = new Pusher('397f69f15f677e2fd465', {
			cluster: 'ap2',
			encrypted: true
	    });

	    var channel = pusher.subscribe('{{$chatChannel}}');
	    channel.bind('new-message', addMessage);

	    var notifyChannel = pusher.subscribe('{{$notifyChannel}}');

	    notifyChannel.bind('notify-message', addNotify);

	    var postChannel = pusher.subscribe('{{$postChannel}}');

	    postChannel.bind('post-message', addPost);

	    function show_feedback_form() {
	    	$('#no_feedback').css('display', 'none');
	    	$('#feedback_form_div').css('display', 'block');
	    }

	    function hide_form() {
	    	$('#no_feedback').css('display', 'block');
	    	$('#feedback_form_div').css('display', 'none');
	    }

	    $(document).on('click', '#sticky_to_top', function(e){
	    	var value = $(this).is(':checked');
	    	if(value) {
	    		$("#div_signal").show();
	    	}
	    	else {
	    		$("#div_signal").hide();
	    	}
	    });

	    $(document).on('click', '.show_activity_modal', function(e) {
	    	var user = $(this).data('user');
	    	var coin_name = $(this).data('coin_name');
	    	var tran_type = $(this).data('tran_type');
	    	var current_price_btc = $(this).data('current_price_btc');
	    	var current_price_usd = $(this).data('current_price_usd');
	    	var buyin_price_btc = $(this).data('buyin_price_btc');
	    	var coin_quantity = $(this).data('coin_quantity');
	    	var total_value_usd = $(this).data('total_value_usd');
	    	var total_value_btc = $(this).data('total_value_btc');
	    	var chip_value = $(this).data('chip_value');
	    	var stoploss = $(this).data('stoploss');
	    	var trade_date = $(this).data('trade_date');
	    	var est_time = $(this).data('est_time');
	    	var target_1 = $(this).data('target_1');
	    	var target_2 = $(this).data('target_2');
	    	var target_3 = $(this).data('target_3');
	    	var notes = $(this).data('notes');
	    	$('.modal-title').html(user);
	    	$('.coin_name').html(coin_name);
	    	$('.current_price_btc').html(current_price_btc);
	    	$('.current_price_usd').html(current_price_usd);
	    	$('.buyin_price_btc').html(buyin_price_btc);
	    	$('.coin_quantity').html(coin_quantity);
	    	$('.total_value_usd').html(total_value_usd);
	    	$('.total_value_btc').html(total_value_btc);
	    	$('.chip_value').html(chip_value);
	    	$('.stoploss').html(stoploss);
	    	$('.trade_date').html(trade_date);
	    	$('.est_time').html(est_time);
	    	$('.target_1').html(target_1);
	    	$('.target_2').html(target_2);
	    	$('.target_3').html(target_3);
	    	$('.notes').html(notes);
	    	if (tran_type == 1) {
	    		$('.trade').css('display', 'none');
	    		$('.long_hold').css('display', 'block');
	    	} else if (tran_type == 2) {
	    		$('.trade').css('display', 'block');
	    		$('.long_hold').css('display', 'none');
	    	} else if (tran_type == 3) {
	    		$('.trade').css('display', 'none');
	    		$('.long_hold').css('display', 'none');
	    	}
			$("#activity_modal").modal('show');
	    });

	    $(document).keyup(function(e) {
	      if (e.keyCode === 27) {
	        $("#activity_modal").modal('hide');
	      }
	    });

	    function show_long() {
			$('#trade_chart').css({
		        'opacity': 0,
		        'height': 0
	        });
		    $('#long_chart').css({
		        'opacity': 1,
		        'height': 'auto'
		    });
		    $('#btn_trade').css({
		        'opacity': 1,
		        'height': 'auto'
		    });
		    $('#btn_long').css({
		        'opacity': 0,
		        'height': 0
	        });
		}

		function show_trade() {
			$('#trade_chart').css({
	            'opacity': 1,
	            'height': 'auto'
	        });
	        $('#long_chart').css({
	            'opacity': 0,
	            'height': 0
	        });
	        $('#btn_trade').css({
	            'opacity': 0,
	            'height': 0
	        });
	        $('#btn_long').css({
	            'opacity': 1,
	            'height': 'auto'
	        });
		}
	</script>
@endif
@stop