{$myAccountLinks = $userquery->my_account_links()}
{$leftMenuLinks = array_slice($myAccountLinks, 7)}

{lang code='channel' assign='object_type'}
{*include file="$style_dir/blocks/view_channel/channel_global.html" *}
<div id="container" class="container">
    
    {include file="$style_dir/blocks/manage/account_left.html"}   
    <div class="row cb-box">
        <div class="col-md-3 leftSidebar">

            <ul class="">
                {foreach $leftMenuLinks as $key => $value}
                    <li class="">
                    <a href="#" class="" data-toggle="dropdown">{$key}</a>
                    <ul class="">
                    {foreach $value as $subKey => $subValue}
                    <li><a href="{$subValue}">{$subKey}</a></li>
                    {/foreach}
                    </ul>
                    </li>
                {/foreach}
            </ul>

            {if isSectionEnabled('photos') || isSectionEnabled('videos')}

                {if $p.show_my_photos !='no'}
                    {get_photos assign=latestP order=" date_added DESC" limit=10 user=$u.userid}
                {/if}

                {get_videos assign=latestV order=" date_added DESC" limit=10 user=$u.userid status="Successful" broadcast="public"}    
                {if $latestP || $latestV}
                    <div class="channelFeatureBox clearfix">
                        {if $p.show_my_photos !='no' && $latestP}
                            <div class="itemListing moveL"> 
                                <button id="PprevItem" class="carouselButton"><img src="{$imageurl}/up.png"></button>
                                <div id="photoListing">
                                    <ul>
                                        {if $latestP}
                                            test
                                        {section name=plist loop=$latestP}
                                            {if $smarty.section.plist.iteration==1}
                                                {if !$profile_item}
                                                    {assign var='profile_item' value=$latestP[plist]}
                                                {/if}
                                            {/if}
                                            {include file="$style_dir/blocks/photo.html" photo=$latestP[plist] display_type='channel_page'}
                                        {/section}
                                        {else}
                                            <div><em>{lang code='found_no_photos'}</em></div>
                                        {/if}
                                    </ul>
                                </div>
                                <button id="PnextItem" class="carouselButton"><img src="{$imageurl}/down.png"></button>
                            </div> <!-- itemListing end -->
                        {/if}

                        {if $p.show_my_photos !='no' || $p.show_my_videos !='no'} 
                            <div class="viewItemBox">
                                <div id="viewingArea" class="viewingArea">
                                </div> <!-- viewingArea end -->
                            </div> <!-- viewItemBox end -->
                        {/if}


                        {if $p.show_my_videos !='no' && $latestV} 
                            <div class="itemListing moveR">              

                                <button id="VprevItem" class="carouselButton"><img src="{$imageurl}/up.png"></button>
                                <div id="videoListing">
                                    <ul>
                                        {section name=vlist loop=$latestV}
                                            {if !$profile_item}
                                                {assign var='profile_item' value=$latestV[vlist]}
                                            {/if}
                                            {include file="$style_dir/blocks/video.html" video=$latestV[vlist] display_type='channel_page'}
                                        {/section}
                                    </ul>
                                </div>
                                <button id="VnextItem" class="carouselButton"><img src="{$imageurl}/down.png"></button>                           
                            </div> <!-- itemListing end -->
                        {/if}
                    </div> <!-- channelFeatureBox end -->
                {/if}
            {/if}

            {* Fetching Profile item File*}

            {if $profile_item}
                <div id="profileItemScrap" style="display:none">
                    {include file="$style_dir/blocks/view_channel/channel_item.html" object = $profile_item }
                </div>
                <script>
                    // $(document).ready
                    // (
                    // function()
                    // {ldelim}
                    // $('#viewingArea').html($('#profileItemScrap').html());
                    // {rdelim}
                    // );
                </script>
            {/if}
        </div>

        <!-- Main activity window -->
        <div class="col-md-9">
            <div class="btn-group">
                {if isSectionEnabled('feeds')}
                    <a class="btn btn-primary channelMenuButton selected" href="#" data-targetContainer="userFeeds">
                        {lang code='activity'}
                    </a>
                {/if}
                <a class="btn btn-primary channelMenuButton" href="#" data-targetContainer="infoDIV">
                    {lang code='info'}
                </a>
                {if isSectionEnabled('videos')}
                    <a class="btn btn-primary channelMenuButton" href="#" id="videos" data-targetContainer="videosContainer">
                        {lang code='videos'}
                    </a>
                {/if}
                {if isSectionEnabled('groups')}
                    <a class="btn btn-primary channelMenuButton" href="#" data-targetContainer="groupsContainer" id="groups">
                        {lang code='groups'}
                    </a>
                {/if}
                {if isSectionEnabled('photos')}
                    <a class="btn btn-primary channelMenuButton" href="#" id="photos" data-targetContainer="photosContainer">
                        {lang code='photos'}
                    </a>
                {/if}
            </div>
            <div class="box">
                <div class="feeds" style="display:block" id="selectedDiv">
                    <div id="userFeeds"  class="well">
                        {if isSectionEnabled('feeds')}
                            <h3>Feeds</h3>
                            {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 align="center" class="no_comments">
                                    {lang code='no_activity' assign=no_activity} {$no_activity|sprintf:$u.username}
                                </div>
                            {/if}
                        {/if}
                    </div>
                </div>

                <div class="channel" style="display:none">
                    <h3>Channel Info</h3>
                    <div id="infoDIV" class="channelInfo well">
                        <div class="">
                            {if $p.profile_title}
                                <h3 class="channel_title">{$p.profile_title}</h3>
                            {/if}
                            {if $p.profile_desc}
                                {$p.profile_desc|nl2br}
                            {/if}

                            <h4 class="channelLegend">{lang code='user_activity'}</h4>
                            <table class="table table-bordered table-striped">
                                <tr>
                                    <td>{lang code='joined'}</td>
                                    <td>{$u.doj|niceTime}</td>
                                </tr>
                                <tr>
                                    <td>{lang code='user_last_login'}</td>
                                    <td>{$u.last_logged|niceTime}</td>
                                </tr>
                                <tr>
                                    <td>{lang code='online_status'}</td>
                                    <td>
                                        {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}
                                    </td>
                                </tr>
                                <tr>
                                    <td>{lang code='views'}</td>
                                    <td>{$u.profile_hits|number_format}</td>
                                </tr>
                                <tr>
                                    <td>{lang code='subscribers'}</td>
                                    <td>{$u.subscribers|number_format}</td>
                                </tr>
                            </table>
                        </div>
                        <div class="well">
                            {if $p.allow_ratings !='no' && $p.allow_ratings!='No'}
                                <div class="rating_container">
                                    {show_video_rating rating=$p.rating ratings=$p.rated_by total='10' id=$p.userid type=user}
                                </div>
                            {/if}
                        </div>
                        {assign var='channel_profile_fields' value=$userquery->load_user_fields($p,'profile')}
                        <div class="well">
                            {foreach from=$channel_profile_fields item=field_group name=profile_groups}
                                
                                <div id="moreDetailsDIV" style="display:block">
                                    {if $field_group.channel_view !='no'}              
                                        <legend class="channelLegend">{$field_group.group_name}</legend>

                                        {if $field_group.group_id=='profile_location'}
                                        <div class="channelRow">
                                            <div class="channelLabel">{lang code='country'}</div>
                                            <div class="channelDetail">{$u.country|country}</div>
                                        </div>
                                    {/if}
                                    {foreach from=$field_group.fields item=field}
                                        {if $field.auto_view=='yes' && $field.value}
                                            <div class="channelRow">
                                                {if $field.type !='textarea' && $field.type !='text' && $field.type !='textfield'}
                                                    <div class="channelLabel">{$field.title}</div>
                                                    <div class="channelDetail">{input_value input=$field}</div>
                                                {elseif $field.type =='textarea'}
                                                    <div class="channelLabel">{$field.title}</div>
                                                    <div class="channelDetail">{$field.value|nl2br}</div>
                                                {else}
                                                    <div class="channelLabel">{$field.title}</div>
                                                    <div class="channelDetail">{input_value input=$field}</div>                    
                                                {/if}                                                
                                            </div>
                                        {/if}
                                        {if $field_group.group_id=='profile_basic_info' && $field.name=='relation_status' && $p.show_dob!='no'}
                                            <div class="channelRow">
                                                <div class="channelLabel">{lang code='user_date_of_birth'}</div>
                                                <div class="channelDetail">{$u.dob}</div>
                                            </div>
                                        {/if}
                                    {/foreach}                                       
                                    {/if}
                                </div>
                            {/foreach}
                            <!-- <a href="#" class="btn btn-primary" onClick="$('#moreDetails').hide(); $('#moreDetailsDIV').show();return false;">{lang code='more'}</a> -->
                        </div>
                    </div>
                </div>

                <div class="videos" style="display:none">
                    <h3>Videos</h3>
                    <div id="videosContainer" class="well">
                    </div>
                </div>

                <div class="photos" style="display:none">
                    <h3>Photos</h3>
                    <div id="photosContainer" class="well"></div>
                </div>

                <div class="groups" style="display:none">
                    <h3>Groups</h3>
                    <div id="groupsContainer" class="well"></div>
                </div>

                <div class="channelInnerPadding well" id="commentsDIV">
                    <legend class="channelLegend">{lang code="comments"}</legend>
                    <ul id="userCommentsList"></ul>
                    <p id="noCommentsFound">no comments found</p>
                    <script>
                        function getAllComments(type,type_id,last_update,pageNum,total,object_type,admin){
                            $('#userCommentsList').html("<div style='padding:5px 0px;'>"+loading+"</div>");
                            $.ajax({
                              type: 'POST',
                              url: page,
                              data:  {
                                mode:'getComments',
                                  page:pageNum,type:type,
                                  type_id:type_id,
                                  object_type : object_type,
                                  last_update : last_update,
                                  total_comments : total,
                                  comments_voting : comments_voting,admin : admin
                              },
                              success: function(comments){
                                $("#userCommentsList").html(comments);
                              },
                              dataType: 'text'
                            });
                        }
                        $(document).ready(function(){
                            {ldelim}
                            

                            {if $p.show_my_photos!='yes'  || !$latestV || !$latestP}
                            var viewingAreaParent = $('#viewingArea').parent().parent().width();    
                            $('#viewingArea') .width(viewingAreaParent-180) 
                            {/if}

                            {if $myquery->is_commentable($p,'u')}
                            comments_voting = 'no'; 
                            getAllComments('c','{$u.userid}','{$u.last_commented}',1,'{$u.comments_count}','{$object_type}')
                            {/if}
                            {rdelim}
                        });
                    </script>
                    {if $myquery->is_commentable($p,'u')}
                        {include file="$style_dir/blocks/comments/add_comment.html" id=$u.userid type=c}
                    {else}
                        <div class="disable_msg" align="center">{lang code='coments_disabled_profile'}</div>
                    {/if}
                </div>
            </div>
        </div>

    </div> <!-- this is right side -->       
</div> <!-- container end -->

<script>

    $(document).ready(function(){
        $(".channelMenuButton").on({
            click: function(e){
                e.preventDefault();
                var targetDivId = $(this).attr("data-targetContainer");
                var type = $(this).attr("id");
                var user = {$u.userid};
                var assign = false;
                var isSelected = $(this).hasClass("selected");
                if(false === isSelected){
                    $(this).parents(".btn-group").find(".selected").removeClass("selected");
                    $(this).addClass("selected");
                    $("#selectedDiv").toggle().removeAttr("id");
                    $("#"+targetDivId).parent().toggle();
                    $("#"+targetDivId).parent().attr("id", "selectedDiv");
                }else{
                    return;
                }
                if(typeof type !== "undefined"){
                    $.ajax({
                        url : page,
                        type : "POST",
                        data : {
                            mode : "channelObjects", 
                            content : type,
                            user : user,
                            assign : assign
                        }
                    }).success(function(data){
                        if($.parseJSON(data)){
                            var tempData = $.parseJSON(data);
                            try {
                                $("#"+targetDivId).html(tempData.html);
                            } catch (e) {
                                $("#"+targetDivId).html(data);
                            }
                        }else{
                            $("#"+targetDivId).html(data);
                        }
                    });
                }
            }
        });
    });

</script>