{$myAccountLinks = $userquery->my_account_links()}
{$leftMenuLinks = array_slice($myAccountLinks, 7)}
{lang code='channel' assign='object_type'}
{$uservideos=get_videos(["user"=>$user.userid, "order"=>"date_added DESC"])}
{$first_video = $uservideos.0}
<div id="main" class="container clearfix">
	<div class="clearfix">
		{include file="$style_dir/blocks/view_channel/channel_header.html"}
	</div>
	<div class="clearfix">
		<section id="content" class="clearfix">
			<div class="clearfix player-holder">
				<div id="cb_player" class="clearfix cb_player">
					{FlashPlayer vdetails=$first_video width='100%' height='355'}
				</div>
			</div>
			<div id="messageFav" class="alert alert-info marginTop" style="display:none"></div>
			<div class="channel-tabs flat-tabs clearfix">
				<ul class="clearfix nav nav-tabs">
					<li class="active">
						<a href="#user-info" data-toggle="tab">{lang code='Info'}</a>
					</li>
					{if isSectionEnabled('videos') && $u_control.show_my_videos == 'yes'}
					<li>
						<a href="#user-videos" data-toggle="tab">{lang code='videos'}</a>
					</li>
					{/if}
					<li>
						<a href="#user-photos" data-toggle="tab">{lang code='Photos'}</a>
					</li>
					<li>
						<a href="#user-playlist" data-toggle="tab">{lang code='Playlists'}</a>
					</li>
				</ul>
				<div class="tab-content clearfix">
					<div class="tab-pane fade in clearfix" id="user-info">
						<div class="clearfix watch-vid-details">
							<h2>{lang code='user_activity'}</h2>
							<ul class="clearfix desc-list">
								<li>
									<strong>{lang code='joined'}</strong>:&nbsp;{$u.doj|niceTime}
								</li>
								<li>
									<strong>{lang code='user_last_login'}</strong>:{$u.last_logged|niceTime}
								</li>
								<li>
									<strong>{lang code='online_status'}</strong>:&nbsp;
									{if $userquery->isOnline($u.last_active,$p.online_status)}
										<span style="color:#060">{lang code='online'}</span>
									{else}
										<span style="color:#ed0000">{lang code='offline'}</span>
									{/if}
								</li>
							</ul>
							{assign var='channel_profile_fields' value=$userquery->load_user_fields($p,'profile')}
							{foreach from=$channel_profile_fields item=field_group name=profile_groups}
							{if $smarty.foreach.profile_groups.iteration==2}
							<div id="moreDetailsDIV" style="display:none">
							{/if}
							{if $field_group.channel_view !='no'}     
								<div class="clearfix">
									<h2>{$field_group.group_name}</h2>
									<ul class="clearfix desc-list">
										{if $field_group.group_id=='profile_location'}
										<li>
											<strong>{lang code='country'}</strong>:&nbsp;{$u.country|country}
										</li>
										{/if}

										{foreach from=$field_group.fields item=field}
										{if $field.auto_view=='yes' && $field.value}
										<li>
										{if $field.type !='textarea' && $field.type !='text' && $field.type !='textfield'}
											<strong>{$field.title}</strong>:&nbsp;{input_value input=$field}
											{elseif $field.type =='textarea'}
											<strong>{$field.title}</strong>:&nbsp;{$field.value|nl2br}
											{else}
											<strong>{$field.title}</strong>:&nbsp;{input_value input=$field}
										{/if}
										</li>
										{/if}
										{if $field_group.group_id=='profile_basic_info' 
											  && $field.name=='relation_status'
												  && $p.show_dob!='no'}
										<li>
											<strong>{lang code='user_date_of_birth'}</strong>:&nbsp;{$u.dob}
										</li>
										{/if}
										{/foreach}
									</ul>
								</div>
							{/if}
							{if $smarty.foreach.profile_groups.last}
							</div>
							{/if}
							{/foreach}
							<div id="moreDetails" class="channelFieldset">
								<a class="btn btn-primary btn-sm channelLegend" href="javascript:void(0)" onClick="$('#moreDetails').hide(); $('#moreDetailsDIV').show();">{lang code='more'}</a>
							</div>
						</div>
					</div>
					<div class="tab-pane videos fade in clearfix active" id="user-videos">
						<div class="clearfix row">
							{if $uservideos}
								{foreach $uservideos as $video}
									<div class="item-video col-lg-4 col-md-4 col-sm-6 col-xs-12">
									{include file="$style_dir/blocks/videos/video.html" display_type='homeVideos'}
									</div>
								{/foreach}
							{else}
								<div class="well well-info">No Videos Found !</div>
							{/if}
						</div>
					</div>
					<div class="tab-pane" id="user-photos">
						<div class="clearfix row">
						{$photos=get_photos(["user"=>userid(),"limit" =>5])}
							{if $photos}
								{foreach from=$photos item=p_list}
								<div class="item-photo col-lg-4 col-md-4 col-sm-6 col-xs-6">
									{include file="$style_dir/blocks/photo.html" photo=$p_list}
								</div>
								{/foreach}
							{else}
								<div class="well well-info">{lang code='no_results_found'}</div>
							{/if}
						</div>
					</div>
					<div class="tab-pane fade in clearfix" id="user-playlist">
						<div class="clearfix row ch-playlists">
						{*$u.userid*}
						{$playlists = $cbvid->action->get_playlists(["user"=>$u.userid,"order"=>"date_added DESC","limit"=>""])}
						
						{if $playlists}
						{*pr($playlists,true)*}
						
						{foreach $playlists as $playlist}
							<div class="playlist-item col-lg-4 col-md-4 col-sm-6 col-xs-12">
							{include file="$style_dir/blocks/playlist/playlist-block.html"}
							</div>
						{/foreach}
						
						{else}
							<div class="well well-info">no playlist found</div>
						{/if}
						</div>
					</div>
				</div>
			</div>
		</section>
		<aside id="sidebar">
			<h2>{lang code="Recent Activities"}</h2>
			<div id="userFeeds" class="user-activities clearfix sidebar-items">
				{assign var=userFeeds value=$cbfeeds->getUserFeeds($u)}
				{if $userFeeds}
				{foreach from=$userFeeds item=userFeed}
					{include file="$style_dir/blocks/feed.html" feed=$userFeed}
				{/foreach}
				{else}
				<div class="well well-info clearfix">
				  {lang code='no_activity' assign=no_activity} {$no_activity|sprintf:$u.username}
				</div>
				{/if}
			</div>
			{$popular = get_users(['order'=>'profile_hits DESC limit 5'])}
			{if $popular}
			<h2>{lang code="Popular Users"}</h2>
			<div class="clearfix sidebar-channels">
				{foreach $popular as $user}
				
				<div class="clearfix channel-item">
					<a href="{$userquery->profile_link($user)}" class="avatar">
						<img src="{$userquery->getuserthumb($user,'small')}" width="50" height="50" class="cb-rounded">
					</a>
					<div class="channel-info">
						<h3><a href="{$userquery->profile_link($user)}">{$user.username}</a></h3>
						<div class="clearfix views-videos">
							<span>{$user.profile_hits|number_format} {lang code='views'}</span>
							<span>{$user.total_videos|number_format} {lang code='Videos'}</span>
						</div>
					</div>
				</div>
				{/foreach}
			</div>
			{/if}
		</aside>
	</div>
	
		
</div>
<script>
/*$('#changeCover').on("click", function(){

$('#cover_info').show();

});*/




(function(window){
  $(document).ready(function(){
	$("#reportVideo").on({
			click : function(e){
				e.preventDefault();
				$("#flag_item").show();
			}
		});
	var extensions = "{$extensions}";
	var baseurl = '{$baseurl}';
	var channelId = "{$user['userid']}";
	extensions = (extensions.substring(0, extensions.length - 1)) + ",png,jpeg";
	$.get("{$theme}/js/plupload/js/plupload.full.min.js", function(e){
	  var uploader = new plupload.Uploader({
		  browse_button: 'changeCover',
		  runtimes : 'html5,flash,silverlight,html4',
		  url : baseurl + "/edit_account.php?mode=avatar_bg",
		  file_data_name : "coverPhoto",
		  filters: {
			mime_types : [
			  { title : "Image files", extensions : extensions },
			],
			max_file_size: "2mb",
			prevent_duplicates: false,
		  }
	  });
	  window.uploader = uploader;
	  uploader.init();
	  uploader.bind("FilesAdded", function(up, uploadedFiles){
		$(".cb-live-background").attr("src",baseurl+'/images/loading.png');
		up.start();
	  });
	  uploader.bind('UploadComplete', function(plupload, files, response){
		
	  });

	  uploader.bind("FileUploaded", function(plupload, files, response){
		var response = $.parseJSON(response.response);
		if(response.status == true){
		  $(".cb-live-background").attr("src",response.url);
		}else{
		  $(".cb-live-background").attr("src",response.url);
		  alert(response.msg);
		}
	  });

	  uploader.bind("Error", function(plupload, error){
		alert(error.message);
	  });
	});
	$("#coverContainer").hover(function(e){
		//$("#changeCover").removeClass("sr-only");
		$("#changeCover").show();
	}, function(e){
	  // $("#changeCover").addClass("sr-only");
		$("#changeCover").hide();
	});
	$("#channelVoteUp, #channelVoteDown").one({
	  click: function(e){
		var vote = "";
		var id = "" + this.id;
		var likes = parseInt($("#likes").text());
		var totalVotes = parseInt($("#totalVotes").text()) + 1;
		if(this.id == "channelVoteDown"){
		  vote  = "no";
		   likes = likes - 1;

		}else{
		  vote = "yes";
		  likes = likes + 1;
		}
		$.ajax({
		  type: "POST",
		  url: "{$baseurl}/actions/vote_channel.php",
		  data: { vote: vote, channelId : channelId}
		}).success(function(data){
		  $("#likes").text(likes);
		  $("#totalVotes").text(totalVotes);
		});
	  }
	})
  });
})(window);

	$(document).ready(function (){
		var id ='{$user.userid}';
		$('#subscribe_channel').on({
		click: function(e){
			e.preventDefault();
		   _cb.subscribeToChannel(id,'subscribe_user','video_detail_result_cont');
		   
		 }
		});
	});

	$('#myTab a, #reportTab a').click(function (e) {
		e.preventDefault()
		$(this).tab('show')
	});
	$('#load_more_playlist').click(function() 
	 { 
	  var limit = $(this).attr("limit");
	  var mode = 'load_more';
	  var inner_mode = 'load_more_playlist';
	  var append_id = 'load_more_channel_playlist';
	  var attrb = $(this);
	  var cat_id = $(this).attr("cat-id");
	  var total = $(this).attr("total");
	  load_more(limit,mode,inner_mode,append_id,attrb,cat_id,total);
	 });
</script>