    <div data-ng-controller="InstagramreportController">
            <!-- Page name -->
            <div class="container" ng-class="fetchdatacomplete">
                <div class="col m12">
                    <h4 class="pull-left">
                        <!--<div class="input-field">
                            <select class="icons" ng-model="selectedProfile" ng-change="getReports(selectedProfile, 90)">
                                <option ng-repeat="profile in lstProfiles | filter:{profileType:8}" my-repeat-tab-directive value="{{profile.profileId}}" data-icon="">
                                    <img src="{{profile.profilePic}}" class="circle">{{profile.profileName}}
                                </option>
                            </select>
                        </div>-->
                        <!--<span class="grey-text text-darken-1">from {{fromDate}} to {{toDate}}</span>-->
                        <span class="grey-text text-darken-1">Showing last 90 days report ({{fromDate | date}} - {{toDate | date}})</span>
                    </h4> 
                    <!--<h6 class="pull-right margin-top-20" ng-if="user.TrailStatus!=2">
                        <a ng-click="getData(selectedProfile,15)" class="btn">15</a>
                        <a ng-click="getData(selectedProfile,30)" class="btn">30</a>
                        <a ng-click="getData(selectedProfile,60)" class="btn">60</a>
                        <a ng-click="getData(selectedProfile,90)" class="btn">90</a>
                    </h6>-->
                </div>
            </div>

            <div class="row" ng-class="fetchdatacomplete">

                <!-- FACEBOOK STATS -->
                <div class="col s12 m12 l12">
                    <div class="card" id="feeds">
                        <h5 class="feeds_title darken-4 white-text" style="background-color:#ed409f">
                            <i class="fa fa-instagram fa-fw" aria-hidden="true"></i>Instagram Report Stats</span>
                        </h5>
                        <div class="collection">
                            <div class="row">
                                <div class="col l12">
                                    <blockquote class="row  groupbox_padding lighten-1" style="background-color:#ce8744">
                                        <h5 class="left">Total No. Of Followers</h5>
                                        <h5 class="right">{{totalFollower}}</h5>
                                    </blockquote>
                                    <div id="followerchart" class="chart" style="height: 300px;"></div>
                                    <!--<div id="followerchart1" class="chart" style="height: 300px;"></div>-->
                                </div>
                                <div class="col l12">
                                    <blockquote class="row  groupbox_padding lighten-1" style="background-color:#ce8744">
                                        <h5 class="left">Total No. Of Followings</h5>
                                        <h5 class="right">{{totalFollowing}}</h5>
                                    </blockquote>
                                    <div id="followingchart1" class="chart" style="height: 300px;"></div>
                                </div>



                                <!--<div class="col l12 m12 s12">
            <blockquote class="row  groupbox_padding lighten-1" style="background-color:#c65c19">
                <h5 class="left">FOLLOWING</h5>
                <h5 class="right">{{totalFollowing}}</h5>
            </blockquote>
            <div id="FOLLOWINGGraph" class="charts" style="height: 200px;"></div>
        </div>-->

                                <div class="col l12 m12 s12">
                                    <blockquote class="row  groupbox_padding lighten-1" style="background-color:#ce8744">
                                        <h5 class="left">POST-COMMENTS</h5>
                                        <h5 class="right">{{totalPOSTCOMMENTS}}</h5>
                                    </blockquote>
                                    <div id="POSTCOMMENTSGraph" class="charts" style="height: 300px;"></div>
                                </div>

                                <div class="col l12 m12 s12">
                                    <blockquote class="row  groupbox_padding lighten-1" style="background-color:#ce8744">
                                        <h5 class="left">POST-LIKES</h5>
                                        <h5 class="right">{{totalPOSTLIKES}}</h5>
                                    </blockquote>
                                    <div id="POSTLIKESGraph" class="charts" style="height: 300px;"></div>
                                </div>

                                <div class="col l12 m12 s12">
                                    <blockquote class="row  groupbox_padding lighten-1" style="background-color:#ce8744">
                                        <h5 class="left">MEDIA</h5>
                                        <h5 class="right">{{totalMedia}}</h5>
                                    </blockquote>
                                    <div id="MEDIAGraph" class="charts" style="height: 300px;"></div>
                                </div>
                                <div class="col l12 m12 s12">
                                    <div class="col l12">
                                        <blockquote class="groupbox_padding lighten-1" style="background-color:#ce8744">
                                            <h5><i class="fa fa-instagram fa-fw"></i>Instagram Profiles Detail</h5>
                                        </blockquote>
                                        <table id="MyTable" class="display responsive-table striped" cellspacing="0" width="100%">
                                            <thead>
                                                <tr>
                                                    <th>S.No.</th>
                                                    <th>Name</th>
                                                    <th>Followers</th>
                                                    <th>Following</th>
                                                    <th>Post</th>
                                                </tr>
                                            </thead>
                                            <tbody ng-repeat="instfollowfollowing in getfollowerfollowingCount" my-repeat-video-tab-directives>
                                                <tr>
                                                    <td style="width: 1%;">{{$index+1}}</td>
                                                    <td><a href="https://www.instagram.com/{{instfollowfollowing.insUserName}}" target="_blank">{{instfollowfollowing.insUserName}}</a></td>
                                                    <td>{{instfollowfollowing.followers}}</td>
                                                    <td>{{instfollowfollowing.followedBy}}</td>
                                                    <td>{{instfollowfollowing.totalImages}}</td>
                                                </tr>

                                            </tbody>
                                        </table>
                                        <div id="pageNavPosition"></div>
                                    </div>
                                </div>
                                <div class="col l12">
                                    <blockquote class="groupbox_padding lighten-1" style="background-color:#ce8744">
                                        <h5><i class="fa fa-instagram fa-fw"></i>Instagram Posts Detail</h5>
                                    </blockquote>
                                    <table id="InstagramAccountInfo" class="display responsive-table striped" cellspacing="0" width="100%">
                                        <thead>
                                            <tr>
                                                <th>S.No.</th>
                                                <th>Posts</th>
                                                <th>View Post</th>
                                                <th>Hits</th>
                                                <th>Likes</th>
                                                <th>Comments</th>
                                                <th>Type</th>
                                            </tr>
                                        </thead>
                                        <tbody ng-repeat="instapostdetails in getfeedsdata" my-repeat-video-tab-directive>
                                            <tr>
                                                <td style="width: 1%;">{{$index+1}}</td>
                                                <td><a href="https://www.instagram.com/{{instapostdetails.adminUser}}" target="_blank">{{instapostdetails.adminUser}}</a> {{instapostdetails.feedDate * 1000 | date:'MM/dd/yyyy  h:mma'}} <br> {{instapostdetails.feedUrl}}</td>
                                                <td><a href="{{instapostdetails.feedUrl}}" target="_blank"><i class="icon-feed"></i> Post</a></td>
                                                <td>{{instapostdetails.commentCount + instapostdetails.likeCount}}</td>
                                                <td>{{instapostdetails.likeCount}}</td>
                                                <td>{{instapostdetails.commentCount}}</td>
                                                <td>{{instapostdetails.type}}</td>
                                               
                                            </tr>

                                        </tbody>
                                    </table>

                                    <!--<table id="manage_user_table" class="display" cellspacing="0" width="100%">
                                        <thead>
                                            <tr>
                                                <th>Posts</th>
                                                <th>Hits</th>
                                                <th>Likes</th>
                                                <th>Comments</th>
                                                <th>Feed URL</th>
                                                <th>Type</th>
                                            </tr>
                                        </thead>

                                        <tbody ng-repeat="instapostdetails in getfeedsdata">
                                            <tr>
                                                <td>{{instapostdetails.adminUser}} {{instapostdetails.feedDate * 1000 | date:'MM/dd/yyyy  h:mma'}} <br> {{instapostdetails.feedUrl}}</td>
                                                <td>{{instapostdetails.commentCount + instapostdetails.likeCount}}</td>
                                                <td>{{instapostdetails.likeCount}}</td>
                                                <td>{{instapostdetails.commentCount}}</td>
                                                <td><a>{{instapostdetails.feedUrl}}</a></td>
                                                <td>{{instapostdetails.type}}</td>

                                            </tr>

                                        </tbody>
                                    </table>-->
                                </div>
                            </div>
                            </div>  
                        </div>
                    </div>
                </div>
            </div>

            <div ng-if="loaderss==true && tableloadss!=false">
                <br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
                <div class="center">
                    <div class="preloader-wrapper small active">
                        <div class="spinner-layer spinner-green-only">
                            <div class="circle-clipper left">
                                <div class="circle"></div>
                            </div><div class="gap-patch">
                                <div class="circle"></div>
                            </div><div class="circle-clipper right">
                                <div class="circle"></div>
                            </div>
                        </div>
                    </div>
                    <br />
                    <h6 style="color:gray; font-size:18px; font-family:Calibri;">Please wait for the Report data to be generated</h6>

                </div>
            </div>

    </div>
<script>
   
</script>

