<head>
    <style type="text/css">
        a:hover {
            cursor: pointer;
        }
    </style>
</head> 
 <!-- START LEFT SIDEBAR NAV-->

<aside id="left-sidebar-nav">
    <ul id="slide-out" class="side-nav fixed leftside-navigation">
        <!--<li class="user-details cyan darken-2">
            <div class="row center">

                <div class="col col s12 m12 l12">
                    <ul id="profile-dropdown" class="dropdown-content">
                        <li>
                            <a href="#profilesettings"><i class="mdi-action-settings"></i> Settings</a>
                        </li>

                        <li class="divider"></li>
                        <li>
                            <a ng-click="logout()"><i class="mdi-hardware-keyboard-tab"></i> Logout</a>
                        </li>
                    </ul>
                    <img src="/contents/socioboard/images/photo.png" ng-show="user.ProfilePicUrl == null" alt="{{user.UserName}}" class="circle responsive-img valign profile-image">
                    <img src="{{user.ProfilePicUrl}}" ng-show="user.ProfilePicUrl != null" alt="{{user.UserName}}" class="circle responsive-img valign profile-image" style="width:101.25px">


                    <a class="white-text"><span ng-show="user.FirstName != null">{{user.FirstName +' '}}</span><span ng-show="user.LastName != null && user.LastName != 'null'"> {{ user.LastName}}</span></a>
                    <p class="user-roal" data-position="top" data-delay="50">{{user.EmailId}}</p>
                </div>
            </div>
        </li>-->
        <li class="bold">
            <a href="#dashboard" class="waves-effect waves-cyan" title="You can add your social profile, compose the message and Automate RSS Feeds">
                <i class="icon-home"></i> Dashboard
            </a>
        </li>
        
        <li class="no-padding">
            <ul class="collapsible collapsible-accordion">
                  <!--Message for paid start-->
                <li class="bold" ng-if="user.AccountType==4 || user.AccountType==5 || user.AccountType==6 || user.AccountType==7">
                    <a class="collapsible-header waves-effect waves-cyan" title="You can see and perform activities for twitter accounts">
                        <i class="icon-envelope-letter"></i> Engagement
                    </a>
                    <div class="collapsible-body">
                        <ul class="collapsible collapsible-accordion">
                            <li>
                                <a href="#/twitteranalytics" title="Here you can see the Twitter account Message of Mention, Retweet, and New followers. You can perform additionally Task and Filter according to your Message type">Twitter Analytics</a>
                            </li>
                            <li>
                                <a href="#/twitterinbox" title="You can send messages and also see your Twitter account Direct Messages. You are also allowed to add a task">Twitter Inbox</a>
                            </li>
                            <li>
                                <a href="#/mytask" title="You can see all the tasks which are assigned by you and your team members. You can perform additionally Reply, Delete and complete the Task">My Task</a>
                            </li>
                            <!--<li>
                    <a href="#/sentmessages" title="You can see all your sent messages which are done through socioboard like (Compose, Schedule, Re-socio). In addition, you can Filter these Messages">Sent Message</a>
                </li>-->
                            <li class="">
                                <a class="collapsible-header waves-effect waves-orange">
                                    Suggestions
                                </a>
                                <div class="collapsible-body">
                                    <ul class="collapsible collapsible-accordion">
                                        <li class="">
                                            <a class="collapsible-header waves-effect waves-orange" style="color:#444444" title="You can see their Twitter Followers and their profile details">
                                                Your Followers
                                            </a>
                                            <div class="collapsible-body">
                                                <ul>
                                                    <li ng-repeat="profile in lstProfiles | filter:{profileType:2}">
                                                        <a href="#/your_followers/{{profile.profileId}}" class="truncate" style="color:#444444"><i class="icon-user"></i>{{profile.profileName}}</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="">
                                            <a class="collapsible-header waves-effect waves-orange" style="color:#444444" title="You can see their Twitter Unfollowers and their profile details">
                                                Do not follow back
                                            </a>
                                            <div class="collapsible-body">
                                                <ul>
                                                    <li ng-repeat="profile in lstProfiles | filter:{profileType:2}">
                                                        <a href="#/your_unfollowers/{{profile.profileId}}" class="truncate" style="color:#444444"><i class="icon-user"></i>{{profile.profileName}}</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="">
                                            <a class="collapsible-header waves-effect waves-orange" style="color:#444444" title="You can see their Twitter mentions and their profile details">
                                                Mentions Based
                                            </a>
                                            <div class="collapsible-body">
                                                <ul>
                                                    <li ng-repeat="profile in lstProfiles | filter:{profileType:2}">
                                                        <a href="#/mentionsbased/{{profile.profileId}}" class="truncate" style="color:#444444"><i class="icon-user"></i>{{profile.profileName}}</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="truncate">
                                            <a class="collapsible-header waves-effect waves-orange" style="color:#444444" title="You can see details of twitter profiles for their conversation">
                                                Conversation Based
                                            </a>
                                            <div class="collapsible-body">
                                                <ul>
                                                    <li ng-repeat="profile in lstProfiles | filter:{profileType:2}">
                                                        <a href="#/conversationbased/{{profile.profileId}}" class="truncate" style="color:#444444"><i class="icon-user"></i>{{profile.profileName}}</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>

                                    </ul>
                                </div>
                            </li>
                            <li class="bold">
                                <a class="collapsible-header waves-effect waves-cyan" title="Where user can see the comments and manage them for Admin Youtube accounts and Youtube accounts of the group members">
                                    Youtube Inbox 
                                </a>
                                <div class="collapsible-body">
                                    <ul>
                                        <li ng-repeat="profile in lstProfiles | filter:{profileType:7}">
                                            <a href="#/youtube_inbox/{{profile.profileId}}" class="truncate" style="color:#444444"><i class="icon-user"></i>{{profile.profileName}}</a>
                                        </li>
                                    </ul>
                                    <ul>
                                        <li ng-repeat="profile in lstYtGrpMembersSidebar">
                                            <a href="#/youtubeinbox_member/{{profile.profileId}}" class="truncate" style="color:#444444"><i class="icon-users"></i>{{profile.profileName}}</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                        </ul>
                    </div>
                </li>
                <!--Message for paid END-->
                <!--Message for Unpaid start-->
                <li class="bold" ng-if="user.AccountType==0 || user.AccountType==1 || user.AccountType==2 || user.AccountType==3">
                    <a class="waves-effect waves-cyan"  ng-click="message()" disable>
                        <i class="icon-envelope-letter"></i> Engagement
                    </a>
                </li>
                <!--Message for Unpaid END-->
                <!--Feeds -->
                <li class="bold">
                    <a class="collapsible-header  waves-effect waves-cyan" title="You can see all posts of the respective profiles">
                        <i class="icon-feed"></i> My Feeds
                    </a>
                    <div class="collapsible-body">
                        <ul>
                            <li class="no-padding">
                                <ul class="collapsible collapsible-accordion">
                                    <li class="bold">
                                        <a class="collapsible-header waves-effect waves-cyan" title="Facebook Live Feeds is constantly updating the list of stories in the middle of your homepage. Live Feeds includes status updates, photos, videos, and links activity">
                                            <i class="fa fa-facebook"></i> Facebook
                                        </a>
                                        <div class="collapsible-body">
                                            <ul>
                                                <li ng-repeat="profile in lstProfiles | filter : fbProfileFilter">
                                                    <a href="#/facebookfeeds/{{profile.profileId}}" class="truncate" style="color:#444444"><i class="icon-user"></i>{{profile.profileName}}</a>
                                                </li>
                                                <!--<li ng-repeat="profile in lstProfiles | filter:{profileType:11}">
                                                    <a href="#/facebookfeeds/{{profile.profileId}}" class="truncate"><i class="icon-user"></i>{{profile.profileName}}</a>
                                                </li>-->
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="bold">
                                        <a class="collapsible-header waves-effect waves-cyan" title="You can see your followers and following tweets. In addition, you can perform Re-tweet, Make Favorite, Sent Message, Spam, Reply, Task, Re-socio, and Reconnect">
                                            <i class="fa fa-twitter"></i> Twitter
                                        </a>
                                        <div class="collapsible-body">
                                            <ul>
                                                <li ng-repeat="profile in lstProfiles | filter:{profileType:2}">
                                                   <!-- <a ng-click="$state.go('twitterfeeds', { 'profileId':profile.profileId})" class="truncate"><i class="icon-user"></i>{{profile.profileName}}</a>-->
                                                    <a href="#/twitterfeeds/{{profile.profileId}}" class="truncate" style="color:#444444"><i class="icon-user"></i>{{profile.profileName}}</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="bold">
                                        <a class="collapsible-header waves-effect waves-cyan" title="Instagram Feed page displays all the live activities been performed in Instagram like images, videos. In addition, you can Like, Comment, and create Task for the team members">
                                            <i class="fa fa-instagram"></i> Instagram
                                        </a>
                                        <div class="collapsible-body">
                                            <ul>
                                                <li ng-repeat="profile in lstProfiles | filter:{profileType:8}">
                                                    <!--<a style="cursor:context-menu;" ng-click="$state.go('instagramfeeds', { 'profileId':profile.profileId})" class="truncate"><i class="icon-user"></i>{{profile.profileName}}</a>-->
                                                    <a href="#/instagramfeeds/{{profile.profileId}}" class="truncate" style="color:#444444"><i class="icon-user"></i>{{profile.profileName}}</a>
                                                 </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="bold">
                                        <a class="collapsible-header waves-effect waves-cyan" title="you can see your YouTube channel and watch or upload videos. Additional tasks like adding a comment, sort and Upload a new video">
                                            <i class="fa fa-youtube"></i> Youtube
                                        </a>
                                        <div class="collapsible-body">
                                            <ul>
                                                <li ng-repeat="profile in lstProfiles | filter:{profileType:7}">
                                                    <a href="#/youtubefeeds/{{profile.profileId}}" class="truncate" style="color:#444444"><i class="icon-user"></i>{{profile.profileName}}</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="bold">
                                        <a class="collapsible-header waves-effect waves-cyan" title="You can find the page posts in LinkedIn page which is done through socioboard and LinkedIn page. In addition, you can add Comments and assign task to your team members">
                                            <i class="fa fa-linkedin"></i> LinkedIn 
                                        </a>
                                        <div class="collapsible-body">
                                            <ul>
                                                <li ng-repeat="profile in lstProfiles | filter:{profileType:4}">
                                                    <!--<a ng-click="$state.go('linkedin_comp_feeds', { 'profileId':profile.profileId})" class="truncate"><i class="icon-user"></i>{{profile.profileName}}</a>-->
                                                    <a href="#/linkedin_comp_feeds/{{profile.profileId}}" class="truncate" style="color:#444444"><i class="icon-user"></i>{{profile.profileName}}</a>
                                                 </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="bold">
                                        <a class="collapsible-header waves-effect waves-cyan" title="You can see your Google Plus account live feeds and the Number of comment, like and share. You can also perform Reconnect, filter, and Re-socio">
                                            <i class="fa fa-google-plus"></i> Google Plus
                                        </a>
                                        <div class="collapsible-body">
                                            <ul>
                                                <li ng-repeat="profile in lstProfiles | filter:{profileType:5}">
                                                    <!--<a style="cursor:context-menu;" ng-click="$state.go('googleplusfeeds', { 'profileId':profile.profileId})" class="truncate"><i class="icon-user"></i>{{profile.profileName}}</a>-->
                                                    <a href="#/googleplusfeeds/{{profile.profileId}}" class="truncate" style="color:#444444"><i class="icon-user"></i>{{profile.profileName}}</a>
                                                 </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <!--<li class="bold">
                                        <a class="collapsible-header waves-effect waves-orange" title="You can see the Profile and Profile details">
                                            <i class="fa fa-pinterest-square" aria-hidden="true"></i> Pinterest
                                        </a>
                                        <div class="collapsible-body">
                                            <ul>
                                                <li ng-repeat="profile in lstProfiles | filter:{profileType:13}">
                                                    <a href="#/pinterestboards/{{profile.profileId}}" style="color:#444444"><i class="icon-user"></i>{{profile.profileName}}</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>-->
                                </ul>
                            </li>
                        </ul>
                    </div>
                </li>
                <!--<li class="bold">
                    <a class="collapsible-header  waves-effect waves-orange">
                        <i class="icon-feed"></i> Feeds Manager
                    </a>
                    <div class="collapsible-body">
                        <ul>
                            <li class="no-padding">
                                <ul class="collapsible collapsible-accordion">
                                    <li class="bold">
                                        <a class="collapsible-header waves-effect waves-orange">
                                            <i class="fa fa-facebook"></i> Facebook
                                        </a>
                                        <div class="collapsible-body">
                                            <ul>
                                               
                                                <li ng-repeat="profile in lstProfiles |filter:query| filter:{profileType:0} && filter:{profileType:1}">
                                                    <a href="#/facebookfeedsmanager/{{profile.profileId}}" class="truncate"><i class="icon-user"></i>{{profile.profileName}}</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="bold">
                                        <a class="collapsible-header waves-effect waves-orange">
                                            <i class="fa fa-twitter"></i> Twitter
                                        </a>
                                        <div class="collapsible-body">
                                            <ul>
                                             
                                                <li ng-repeat="profile in lstProfiles | filter:{profileType:2}">
                                                    <a href="#/twitterfeedsmanager/{{profile.profileId}}" class="truncate"><i class="icon-user"></i>{{profile.profileName}}</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                    <li class="bold">
                                        <a class="collapsible-header waves-effect waves-orange">
                                            <i class="fa fa-linkedin-square" aria-hidden="true"></i> Linkedin
                                        </a>
                                        <div class="collapsible-body">
                                            <ul>
                                                <li ng-repeat="profile in lstProfiles | filter:{profileType:4}">
                                                    <a href="#/linkedinpagefeedsmanager/{{profile.profileId}}" class="truncate"><i class="icon-user"></i>{{profile.profileName}}</a>
                                                </li>
                                            </ul>
                                           
                                        </div>
                                    </li>
                                    <li class="bold">
                                        <a class="collapsible-header waves-effect waves-orange">
                                            <i class="fa fa-instagram"></i> Instagram
                                        </a>
                                        <div class="collapsible-body">
                                            <ul>
                                                <li ng-repeat="profile in lstProfiles | filter:{profileType:8}">
                                                    <a href="#/instagramfeedsmanager/{{profile.profileId}}" class="truncate"><i class="icon-user"></i>{{profile.profileName}}</a>
                                                </li>
                                            </ul>
                                        </div>
                                    </li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                </li>-->
                <li class="bold">
                    <a class="collapsible-header waves-effect waves-cyan" title="Using Socioboard publishing tool, a user can 'Schedule Messages', save them to 'Drafts', maintain 'SocioQueue' where they can edit or delete their Scheduled Messages and can check 'Calendar view' where they can see the detailed list of posts scheduled with date and time">
                        <i class="icon-share-alt"></i> Publishing
                    </a>
                    <div class="collapsible-body">
                        <ul>
                            <li>
                                <a href="#/schedulemessage" title="Users Can Schedule Messages here by 'Selecting Profiles' which they need to post">Schedule Messages</a>
                            </li>
                            <li>
                                <a href="#/socioqueue" title="The 'Scheduled Messages' will appear here in the Queue until the time of publishing, Providing Options to users like Edit or Delete the Schedules">SocioQueue</a>
                            </li>
                            <li class="truncate">
                                <a href="#/day_socioqueue" title="Users Can Schedule Messages on day basis here by 'Selecting Profiles' which they need to post">Day Wise SocioQueue</a>
                            </li>
                            <li>
                                <a href="#/draft" title="The Posts which are Saved to 'Drafts' will appear here, providing user options to Edit, Delete or Schedule the Stored Drafts">Drafts</a>
                            </li>
                            <li ng-if="user.AccountType!=0">
                                <a href="#/calendar" title="Users can view details of their posts made through their 'Socioboard' account, it provides a detailed description of Posts, Date and Time of Schedules done">Calendar View</a>
                            </li>
                            <li ng-if="user.AccountType==0">
                                <a ng-click="message()" disable>Calendar View</a>
                            </li>
                            <li>
                                <a href="#/history" title="You can see all your history for sent messages which are done through socioboard like (Compose, Schedule, Re-socio). In addition, you can Filter these Messages">History</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <!--content studio start-->
                <li class="bold" ng-if="user.AccountType==5 || user.AccountType==6 || user.AccountType==7">
                    <a class="collapsible-header waves-effect waves-orange" title="You will get details about 'Most Shared' Content and 'Trending Now' Topics">
                        <i class="icon-microphone"></i> Content Studio
                    </a>
                    <div class="collapsible-body">
                        <ul>
                            <!--<li class="truncate">
                                <a href="#/savedcontent.html">Saved Content</a>
                            </li>-->
                            <li class="truncate" ng-if="user.AccountType==6 || user.AccountType==7">
                                <a href="#/mostshared.html" title="You will get details about 'Most shared' Feeds from Facebook, Linkedin, Twitter, Pinterest and Google Plus Networks">Most Shared</a>
                            </li>
                            <li class="truncate" ng-if="user.AccountType==0 || user.AccountType==1 || user.AccountType==2 || user.AccountType==3 ||user.AccountType==4 ||user.AccountType==5">
                                <a ng-click="message()" title="You will get details about 'Most shared' Feeds from Facebook, Linkedin, Twitter, Pinterest and Google Plus Networks">Most Shared</a>
                            </li>
                            <li class="truncate" ng-if="user.AccountType==5 || user.AccountType==6 || user.AccountType==7">
                                <a href="#/trending_content.html" title="The Trending data from Social Networks will be shown here, and users can also search topics by giving keyword there">Trending Now</a>
                            </li>
                            <li class="truncate" ng-if="user.AccountType==0 || user.AccountType==1 || user.AccountType==2 || user.AccountType==3 ||user.AccountType==4">
                                <a ng-click="message()" title="The Trending data from Social Networks will be shown here, and users can also search topics by giving keyword there">Trending Now</a>
                            </li>
                            <li class="truncate" ng-if="user.AccountType==7">
                                <a href="#/studio_shareathon_que.html" title="You can see the list of all posts in the queue which are shared via shareathon From 'Most shared' and 'Trending Now' Features, and have a choice to Edit or Delete the selected Feed">Shareathon Queue</a>
                            </li>
                            <li class="truncate" ng-if="user.AccountType==0 || user.AccountType==1 || user.AccountType==2 || user.AccountType==3 ||user.AccountType==4 ||user.AccountType==5 ||user.AccountType==6">
                                <a ng-click="message()" title="You can see the list of all posts in the queue which are shared via shareathon From 'Most shared' and 'Trending Now' Features, and have a choice to Edit or Delete the selected Feed">Shareathon Queue</a>
                            </li>
                            <!--<li class="truncate">
                                <a href="#/contentanalysis.html">Content Analysis</a>
                            </li>
                            <li class="truncate">
                                <a href="#/facebookanalyzer.html">Facebook Analyzer</a>
                            </li>-->
                        </ul>
                    </div>
                </li>

                <li class="bold" ng-if="user.AccountType==0 || user.AccountType==1 || user.AccountType==2 || user.AccountType==3 ||user.AccountType==4">
                    <a class="waves-effect waves-orange" ng-click="message()">
                        <i class="icon-microphone"></i> Content Studio
                    </a>
                </li>
                <!--content studio end-->
                <!--Discovery for paid User-->
                <li class="bold" ng-if="user.AccountType==3 || user.AccountType==4 || user.AccountType==5 ||user.AccountType==6 || user.AccountType==7 " >
                    <a class="collapsible-header waves-effect waves-orange" title="You can 'Search' by giving Keywords, and can find 'Group Post' of similar interests and can see the 'Suggestions' where a user can find Followers and Following list in all the social media profiles">
                        <i class="icon-globe-alt"></i> Discovery
                    </a>
                    <div class="collapsible-body">
                        <ul class="collapsible collapsible-accordion">
                            <li class="">
                                <a class="collapsible-header waves-effect waves-orange" title="You can find people or interests from different Networks by providing a keyword">
                                    Search
                                </a>
                                <div class="collapsible-body">
                                    <ul>
                                        <li class="truncate">
                                            <a href="#/discovery" style="color:#444444" title="By Searching a Keyword here, the user can get details about that keyword from Twitter, Google Plus, and Instagram Networks">Discovery</a>
                                        </li>
                                        <li class="truncate">
                                            <a href="#/smartsearch" style="color:#444444" title="Here the user can Enter a Keyword of interest and can also choose feeds from an area or place of their interest">Smart Search</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="">
                                <a class="collapsible-header waves-effect waves-orange">
                                    Group Post
                                </a>
                                <div class="collapsible-body">
                                    <ul>
                                        <li class="truncate" title="Here users can enter a keyword they can get the posts of their interest from a Facebook network which are posted through socioboard and can Schedule or Compose them to their profiles by 1-Click">
                                            <a href="#/facebookgrouppost" style="color:#444444">Facebook Group Post</a>
                                        </li>
                                        <li class="truncate" title="Here users by entering a keyword they can get the posts of their interest from Linkedin Network which is posted through Socioboard and can schedule or Compose them to their profiles by 1-Click">
                                            <a href="#/linkedingrouppost" style="color:#444444">LinkedIn Group Post</a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <!--<li class="">
                                <a class="collapsible-header waves-effect waves-orange">
                                    Suggestions
                                </a>
                                <div class="collapsible-body">
                                    <ul class="collapsible collapsible-accordion">
                                        <li class="">
                                            <a class="collapsible-header waves-effect waves-orange" style="color:#444444" title="You can see their Twitter Followers and their profile details">
                                                Your Followers
                                            </a>
                                            <div class="collapsible-body">
                                            <ul>
                                                <li ng-repeat="profile in lstProfiles | filter:{profileType:2}">
                                                    <a href="#/your_followers/{{profile.profileId}}" class="truncate" style="color:#444444"><i class="icon-user"></i>{{profile.profileName}}</a>
                                                </li>
                                            </ul>
                                        </div>
                                        </li>
                                        <li class="">
                                            <a class="collapsible-header waves-effect waves-orange" style="color:#444444" title="You can see their Twitter Unfollowers and their profile details">
                                                Do not follow back
                                            </a>
                                            <div class="collapsible-body">
                                                <ul>
                                                    <li ng-repeat="profile in lstProfiles | filter:{profileType:2}">
                                                        <a href="#/your_unfollowers/{{profile.profileId}}" class="truncate" style="color:#444444"><i class="icon-user"></i>{{profile.profileName}}</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="">
                                            <a class="collapsible-header waves-effect waves-orange" style="color:#444444" title="You can see their Twitter mentions and their profile details">
                                                Mentions Based
                                            </a>
                                            <div class="collapsible-body">
                                                <ul>
                                                    <li ng-repeat="profile in lstProfiles | filter:{profileType:2}">
                                                        <a href="#/mentionsbased/{{profile.profileId}}" class="truncate" style="color:#444444"><i class="icon-user"></i>{{profile.profileName}}</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>
                                        <li class="truncate">
                                            <a class="collapsible-header waves-effect waves-orange" style="color:#444444" title="You can see details of twitter profiles for their conversation">
                                                Conversation Based
                                            </a>
                                            <div class="collapsible-body">
                                                <ul>
                                                    <li ng-repeat="profile in lstProfiles | filter:{profileType:2}">
                                                        <a href="#/conversationbased/{{profile.profileId}}" class="truncate" style="color:#444444"><i class="icon-user"></i>{{profile.profileName}}</a>
                                                    </li>
                                                </ul>
                                            </div>
                                        </li>

                                   </ul>
                                </div>
                            </li>-->
                        </ul>
                    </div>
                </li>

                <!--Discovery for Upaid User-->
                <li class="bold" ng-if="user.AccountType==0 || user.AccountType==1 || user.AccountType==2">
                    <a class="waves-effect waves-cyan"  ng-click="message()" disable>
                        <i class="icon-globe-alt"></i> Discovery
                    </a>
                </li>

                <!--<li class="bold">
                    <a class="collapsible-header waves-effect waves-cyan">
                        <i class="icon-share-alt"></i> Competetive Analysis
                    </a>
                    <div class="collapsible-body">
                        <ul>
                            <li>
                                <a href="#/facebookanalysis">Facebook</a>
                            </li>
                        </ul>
                    </div>
                </li>-->
                <!--Rss for paid user-->
                <li class="bold" ng-if="user.AccountType==2 || user.AccountType==3 || user.AccountType==4 || user.AccountType==5 || user.AccountType==6 || user.AccountType==7">
                    <a class="collapsible-header waves-effect waves-orange">
                        <i class="icon-rocket"></i> AutoMate Rss Feeds
                    </a>
                    <div class="collapsible-body">
                        <ul>
                            <li class="bold">
                                <a href="#/rss_news.html" title="In this module, we have all the latest topics and trending keywords based on which we can schedule or compose in the content feed">Content Feeds</a> 
                            </li>
                            <li class="truncate">
                                <a href="#/automate_rss_feeds.html" title="In this module, you can Automate the RSS feeds with respective profiles. Here you need to select profile's, add RSS Feeds URL based on what you want to automate next. Click on schedule and it will post respective data in chosen profiles">Automate Rss Feeds</a>
                            </li>
                            <!--<li class="truncate">
                                <a href="#/rss_feeds.html">Custom Rss Feeds</a>
                            </li>-->
                            <li class="truncate">
                                <a href="#/posted_rss_feeds.html" title="You can verify the schedule RSS feeds that in which profiles the RSS feeds is posted and what message is posted and RSS Feeds URL w.r.t the profiles">Posted Rss Feeds</a>
                            </li>
                            <li class="truncate">
                                <a href="#/rss_queue.html" title="When you schedule RSS feeds in AutoMate RSS Feeds sub-module, it comes to RSS Queue">Rss Queue</a>
                            </li>
                        </ul>
                    </div>
                </li>

                <!--Rss for Unpaid user-->
                <li class="bold" ng-if="user.AccountType==0 || user.AccountType==1">
                    <a class="waves-effect waves-orange"  ng-click="message()" disable>
                        <i class="icon-rocket"></i> AutoMate Rss Feeds
                    </a>
                </li>
                <!--Sharethon for paid user-->
                <li class="bold" ng-if="user.AccountType==5 || user.AccountType==6 || user.AccountType==7">
                    <a class="collapsible-header  waves-effect waves-orange" title="This is the feature which allows users to Automate FB Page Posts, FB Groups, Pages, and Timeline of our FB profiles Connected with Socioboard">
                        <i class="icon-share"></i> Shareathon
                    </a>
                    <div class="collapsible-body">
                        <ul>
                            <li class="truncate">
                                <a href="#/group_shareathon.html" title="It automates Feeds from Selected FB pages to FB Groups which we are admin of">Group Shareathon</a>
                            </li>
                            <li class="truncate">
                                <a href="#/page_shareathon.html" title="It Automates feeds from Selected page to the FB Account Timeline that is Connected with Socioboard">Page Shareathon</a>
                            </li>
                            <li class="truncate">
                                <a href="#/link_shareathon.html" title="It automates feeds from Selected Fan pages to user admin Pages">Link Shareathon</a>
                            </li>
                            <!--<li class="truncate">
                                <a href="#/fbtw_feedsharing.html" title="It share feeds from Selected fb pages to other socail media profile">Share Feeds</a>
                            </li>-->

                        </ul>
                    </div>
                </li>
                <!--Sharethon for Unpaid user-->
                <li class="bold" ng-if="user.AccountType==0 || user.AccountType==1 || user.AccountType==2 || user.AccountType==3 ||user.AccountType==4">
                    <a class="waves-effect waves-orange"  ng-click="message()">
                        <i class="icon-share"></i> Shareathon
                    </a>
                </li>
                <!--Img Library-->
                <li class="bold" ng-if="user.AccountType==6 ||user.AccountType==7">
                    <a class="collapsible-header  waves-effect waves-orange" title="Here you can upload the image and GIF files">
                        <i class="icon-picture"></i> Image Library
                    </a>
                    <div class="collapsible-body">
                        <ul>
                            <li class="truncate" ng-if="UserEmail == groupdetails[0].email">
                                <a href="#/img_library" title="Here you can upload the image and GIF files by clicking upload Image which is not accessible to your team members">Private Library</a>
                            </li>
                            <li class="truncate">
                                <a href="#/share_img_library" title="Here you can upload the image and GIF files by clicking upload Image which is accessible to your team members">Public Library</a>
                            </li>
                        </ul>
                     </div>
                </li>

                <!--unpaid Img Library-->
                <li class="bold" ng-if="user.AccountType==0 ||user.AccountType==1 ||user.AccountType==2 ||user.AccountType==3 ||user.AccountType==4 ||user.AccountType==5 ">
                    <a ng-click="message()" disable>
                        <i class="icon-picture"></i> Image Library
                    </a>
                </li>

                <!--reports for all-->
                <li class="bold" ng-if="user.AccountType==2 || user.AccountType==3 || user.AccountType==4 || user.AccountType==5 || user.AccountType==6 || user.AccountType==7 ">
                    <a class="collapsible-header waves-effect waves-orange">
                        <i class="icon-notebook"></i> Reports
                    </a>
                    <div class="collapsible-body">
                        <ul class="collapsible collapsible-accordion">
                            <li class="truncate" ng-if="user.AccountType==6 || user.AccountType==7">
                                <a href="#/groupreport.html" title="You can get reports (Team Stats, Twitter Stats, and Facebook Statistics ) of a Selected team from a list of Teams">Socioboard Team Report</a>
                            </li>
                            <li class="truncate" ng-if="user.AccountType==0 || user.AccountType==1 || user.AccountType==2 || user.AccountType==3 || user.AccountType==4 || user.AccountType==5">
                                <a  ng-click="message()" disable title="You can get reports (Team Stats, Twitter Stats, and Facebook Statistics ) of a Selected team from a list of Teams">Socioboard Team Report</a>
                            </li>
                            <li class="">
                                <a class="collapsible-header waves-effect waves-orange" title="You can check all Twitter report status.">
                                    Twitter
                                </a>
                                <div class="collapsible-body">
                                    <ul>
                                        <li class="truncate">
                                            <a href="#/twitterreports" style="color:#444444" title="You can get details about Followers, Followings, Retweets, Mentions and Post Details from Followers and Followings from our Connected Twitter accounts.
">
                                                Twitter Report
                                            </a>
                                        </li>
                                        <li class="truncate" ng-if="user.AccountType==7">
                                            <a href="#/twittercustomreports" style="color:#444444" title="You can check reports of individual Twitter account that is connected in their socioboard account">
                                                Twitter Custom Report
                                            </a>
                                        </li>
                                        <li class="truncate" ng-if="user.AccountType==0 || user.AccountType==1 || user.AccountType==2 || user.AccountType==3 || user.AccountType==4 || user.AccountType==5 || user.AccountType==6">
                                            <a  ng-click="message()" disable>
                                                Twitter Custom Report
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="">
                                <a class="collapsible-header waves-effect waves-orange" title="You can get all reports related to Facebook">
                                    Facebook
                                </a>
                                <div class="collapsible-body">
                                    <ul>
                                        <li class="truncate">
                                            <a href="#/facebookpagedetreport.html" style="color:#444444" title="You can get all reports about facebook pages connected to their Socioboard">
                                                FB Page Report
                                            </a>
                                        </li>
                                        <li class="truncate" ng-if="user.AccountType==7">
                                            <a href="#/facebookreport.html" style="color:#444444" title="You can see the reports of selected pages ( Page Impressions Impressions by age and Gender and Posted Content (Feeds posted to our Fb page through Socioboard)">
                                                FB Page Custom Report
                                            </a>
                                        </li>
                                        <li class="truncate" ng-if="user.AccountType==0 || user.AccountType==1 || user.AccountType==2 || user.AccountType==3 || user.AccountType==4 || user.AccountType==5 || user.AccountType==6">
                                            <a  ng-click="message()" disable title="You can see the reports of selected pages ( Page Impressions Impressions by age and Gender and Posted Content (Feeds posted to our Fb page through Socioboard)">
                                                FB Page Custom Report
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="">
                                <a class="collapsible-header waves-effect waves-orange" title="You can get all the reports for your Instagram accounts">
                                    Instagram
                                </a>
                                <div class="collapsible-body">
                                    <ul>
                                        <li class="truncate">
                                            <a href="#/instagramreport.html" style="color:#444444" title="You can see Followers,Followings,POST-COMMENTS,POST-LIKES,MEDIA,Profiles Detail and Posts Detail of  the Last 90 Days of All Instagram profiles which you added in Socioboard">
                                                Instagram Report
                                            </a>
                                        </li>
                                        <li class="truncate" ng-if="user.AccountType==7">
                                            <a href="#/instagramcustomreport.html" style="color:#444444" title="You can see Followers,Followings,POST-COMMENTS,POST-LIKES,MEDIA,INSTAGRAM DASHBOARD  and PROFILE DESCRIPTION   Last 15 days to 90 days of Individual Instagram Account which you added in Socioboard">
                                                Instagram Custom Report
                                            </a>
                                        </li>
                                        <li class="truncate" ng-if="user.AccountType==0 || user.AccountType==1 || user.AccountType==2 || user.AccountType==3 || user.AccountType==4 || user.AccountType==5 || user.AccountType==6">
                                            <a  ng-click="message()" disable title="You can see Followers,Followings,POST-COMMENTS,POST-LIKES,MEDIA,INSTAGRAM DASHBOARD  and PROFILE DESCRIPTION   Last 15 days to 90 days of Individual Instagram Account which you added in Socioboard">
                                                Instagram Custom Report
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <li class="">
                                <a class="collapsible-header waves-effect waves-orange" title="You can see all the reports data related to your youtube channel">
                                    Youtube
                                </a>
                                <div class="collapsible-body">
                                    <ul>
                                        <li class="truncate">
                                            <a href="#/youtubeallreport.html" style="color:#444444" title="You can see the Total No of Subscribers,Views,Likes,Comments,Channels,Videos For 90 Days of all YouTube Channel’s  which You Added in Socioboard">
                                                Youtube Report
                                            </a>
                                        </li>
                                        <li class="truncate" ng-if="user.AccountType==7">
                                            <a href="#/youtubereport.html" style="color:#444444" title="You can see the Subscribers,Views ,Likes ,Comments,Video statistics Last 15 days to 90 days of Individual Youtube Channel which you added in Socioboard">
                                                Youtube Custom Report
                                            </a>
                                        </li>
                                        <li class="truncate" ng-if="user.AccountType==0 || user.AccountType==1 || user.AccountType==2 || user.AccountType==3 || user.AccountType==4 || user.AccountType==5 || user.AccountType==6">
                                            <a  ng-click="message()" disable title="You can see the Subscribers,Views ,Likes ,Comments,Video statistics Last 15 days to 90 days of Individual Youtube Channel which you added in Socioboard">
                                                Youtube Custom Report
                                            </a>
                                        </li>
                                    </ul>
                                </div>
                            </li>
                            <!--Commented Google Analytics-->
                            <!--<li class="truncate" ng-if="user.AccountType==3 || user.AccountType==4 || user.AccountType==5 || user.AccountType==6 || user.AccountType==7">
                                <a href="#/googleanalyticsreport" title="You can see your Website Traffic,Twitter Mentions,Articles & Blog of Google Analytics profile">Google Analytics</a>
                            </li>
                            <li class="truncate" ng-if="user.AccountType==0 || user.AccountType==1 || user.AccountType==2">
                            <a  ng-click="message()" disable title="You can see your Website Traffic,Twitter Mentions,Articles & Blog of Google Analytics profile">
                                Google Analytics</a>
                            </li>-->
                        </ul>
                    </div>
                </li>

                <!--reports for free plan-->
                <li class="bold" ng-if="user.AccountType==0 ||user.AccountType==1">
                    <a class="waves-effect waves-orange"  ng-click="message()" disable>
                        <i class="icon-notebook"></i> Reports
                    </a>
                 </li>

                <!--<li class="bold">
                    <a href="#/" class="waves-effect waves-cyan">
                        <i class="icon-wallet"></i> E-Wallet
                    </a>
                </li>-->
                <!--<li class="bold">
                    <a href="#/affiliates" class="waves-effect waves-cyan">
                        <i class="icon-layers"></i> Affiliates
                    </a>
                </li>-->
                <!-- <li class="bold">
                    <a class="collapsible-header  waves-effect waves-cyan">
                        <i class="icon-share"></i> Shareathon
                    </a>
                    <div class="collapsible-body">
                        <ul>
                            <li><a href="">Group Shareathon</a>
                            </li>
                            <li><a href="">Page Shareathon</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="bold">
                    <a class="collapsible-header  waves-effect waves-cyan">
                        <i class="icon-rocket"></i> AutoMate Rss Feeds
                    </a>
                    <div class="collapsible-body">
                        <ul>
                            <li><a href="">Automate Rss Feeds</a>
                            </li>
                            <li><a href="">Posted Rss Feeds</a>
                            </li>
                            <li><a href="">Rss Queue</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="bold">
                    <a class="collapsible-header waves-effect waves-cyan">
                        <i class="icon-bar-chart"></i> Sentiment Analysis
                    </a>
                    <div class="collapsible-body">
                        <ul>
                            <li><a href="">Inbox Message</a>
                            </li>
                            <li><a href="">Facebook Wall</a>
                            </li>
                            <li><a href="">Twitter Wall</a>
                            </li>
                            <li><a href="">Twitter Feed</a>
                            </li>
                        </ul>
                    </div>
                </li>-->
            </ul>
        </li>
        <!--<li class="bold">
            <a href="#" class="waves-effect waves-cyan">
                <i class="icon-wallet"></i> E-Wallet
            </a>
        </li>
        <li class="bold">
            <a href="app-calendar.html" class="waves-effect waves-cyan">
                <i class="icon-layers"></i> Affiliates
            </a>
        </li>  -->
        <!--Board for All plan -->
        <li class="bold" ng-if="user.AccountType==6 ||user.AccountType==7">
            <a href="#/boardlist" class="waves-effect waves-cyan" title="You can save the keyword that will fetch data from Twitter, Instagram and G-Plus">
                <i class="icon-briefcase"></i> Board Me
            </a>
        </li>

        <!--Board for free plan -->
        <li class="bold" ng-if="user.AccountType==0 || user.AccountType==1 || user.AccountType==2 || user.AccountType==3 || user.AccountType==4 || user.AccountType==5">
            <a  ng-click="message()" disable class="waves-effect waves-cyan" title="You can save the keyword that will fetch data from Twitter, Instagram and G-Plus">
                <i class="icon-briefcase"></i> Board Me
            </a>
        </li>
        <li class="bold">
            <a href="javascript:;" class="waves-effect waves-orange center">
                <div class="fb-like" data-href="https://www.facebook.com/SocioBoard/" data-layout="button_count" data-action="like" data-size="large" data-show-faces="false" data-share="false"></div>
            </a>
        </li>
        <li class="bold">            
                <a class="waves-effect waves-orange twitter-follow-button" href="https://twitter.com/Socioboard">
                    @Socioboard
                </a>
        </li>

        <!--<li class="bold red">
            <a href="https://www.youtube.com/channel/UCcxAmhWPh6AXfpaG2Eq4pzw" class="waves-effect waves-orange  white-text" target="_blank">
                <i class="icon-camcorder"></i> Youtube Tutorials
            </a>
        </li>-->
        <!--<li class="bold orange darken-2 margin-bottom-10">
            <a href=" https://chrome.google.com/webstore/detail/socioboard/dlapikocbmncdoiekdacodlgjcdcachc?utm_source=chrome-app-launcher-info-dialog" class="waves-effect waves-orange" target="_blank" style="height: auto;">
            <i class="fa fa-chrome fa-3x white-text"></i> Chrome Plugins
            </a>
        </li>-->
        <!--<li class="bold">
            <div class="row margin-bottom-10">
                <div class="col s12 m12 l12">
                    <a href="https://play.google.com/store/apps/details?id=com.socioboard&hl=en" class="waves-effect waves-orange" target="_blank" style="height: auto;">
                        <img src="../contents/socioboard/images/google_store_1.png" class="responsive-img">
                    </a>
                </div>
            </div>
        </li>
        <li class="bold">
            <div class="row margin-bottom-10">
                <div class="col s12 m12 l12">
                    <a href="https://itunes.apple.com/sg/app/socioboard/id923398550?mt=8" class="waves-effect waves-orange" target="_blank" style="height: auto;">
                        <img src="../contents/socioboard/images/iphone_store_1.png" class="responsive-img">
                    </a>
                </div>
            </div>
        </li>-->
    </ul>
    <a href="#" data-activates="slide-out" class="sidebar-collapse btn-floating btn-medium waves-effect waves-light hide-on-large-only darken-2"><i class="mdi-navigation-menu"></i></a>
</aside>
<!-- END LEFT SIDEBAR NAV-->



<!--facebook like script-->
<div id="fb-root"></div>
<script>
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.9&appId=1551064375135193";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

<!--twitter script-->
<script>
window.twttr = (function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0],
    t = window.twttr || {};
  if (d.getElementById(id)) return t;
  js = d.createElement(s);
  js.id = id;
  js.src = "https://platform.twitter.com/widgets.js";
  fjs.parentNode.insertBefore(js, fjs);

  t._e = [];
  t.ready = function(f) {
    t._e.push(f);
  };

  return t;
}(document, "script", "twitter-wjs"));
</script>