@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 = '/';
		}, 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 = '/';
		}, 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')
				        	<div id="bu{{++$i}}">
					            <img src="{{url('/upload/quick_post/resize/'.$value['post_image'])}}" alt="{{$value['post_title']}}" />
					            <small>{{$value['time_ago']}}</small>
					        </div>
				        @endif
			        @endforeach
		    	</div>
		    @endif
		    @if($fetch_group_details['group_slug'] == 'demo-group')
		    	<div class="chip-details">
        			<a href="javascript:void(0);"><h4>Join This Group</h4></a>
        		</div>
        	@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>
					                            
					                        </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>
						                           
						                        </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 Target 1:</strong> {{$value['target_1']}}<br />
																			<strong>Target 2:</strong> {{$value['target_2']}}<br />
																			<strong>Target 3:</strong> {{$value['target_3']}}
																		@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
	                </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>
																{{$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 --}}
	        </div>

	        <div class="share-widget">
	            <div class="widget-tile activity-tile">
	                <h4>Recent Activities</h4>
	                <ul class="mCustomScrollbar">
	                	@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
	            </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>
	            </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>
	                                </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>
													{{$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
	            </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>
	            </div>
	        </div>
	    </div>
	</div>
	<!-- <div class="main-container">
		You are not a member of this Private Group
	</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. 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="login_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">
						<h4 class="modal-title">Welcome to CryptShares</h4>
					</div>
					<div class="modal-body">
						<div class="panel-body">
							CryptShares is a new website to help traders visually share information together. In order to join {{$fetch_group_details['group_name']}}, Please register or login here.
						</div>
					</div>
					<div class="modal-footer" style="visibility: visible;">
						<div class="text-center">
							<a href="/" class="btn btn-primary common-btn">Ok</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

	<script type="text/javascript">
		@if($fetch_group_details['group_slug'] != 'demo-group')
		setTimeout(function() {
			$("#login_modal").modal('show');
		}, 8000);
		@endif

	    $(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');
	    });

	    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