    <div data-ng-controller="FbpagedetreportController">
          
           
        <h4 class="pull-left">
            <span class="grey-text text-darken-1">Showing last 90 days report ({{fromDate | date}} - {{toDate | date}})</span>
        </h4>

            <div class="row" ng-class="fetchdatacomplete">
                <!-- FACEBOOK STATS -->
                <div class="col s12 m12 l12">
                    <div class="card" id="feeds">
                        <h5 class="feeds_title blue darken-4 white-text">
                            <i class="icon-social-facebook"></i>FacebookPage Reports</span>
                        </h5>
                        <div class="collection">
                            <div class="row">                                                            
                                <div class="col l12">
                                    <blockquote class="groupbox_padding grey lighten-1">
                                        <h5><i class="fa fa-facebook-official fa-fw"></i>Total No. Of Fans</h5>
                                    </blockquote>
                                    <div id="FBTotalFans" class="chart" style="height: 400px;"></div>
                                </div>                             
                                <div class="col l12">
                                    <blockquote class="groupbox_padding grey lighten-1">
                                        <h5 class="feeds_title blue darken-4 white-text">
                                            <i class="icon-social-facebook"></i>Total likes on daily basis</span>
                                        </h5>                                      
                                    </blockquote>
                                    <div id="rate_activity" class="chart" style="height: 300px;"></div>
                                </div>         
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col s12 m12 l12">
                    <div class="card" id="feeds">
                        <h5 class="feeds_title blue darken-4 white-text">
                            <i class="icon-social-facebook"></i>Facebookpage Profile Details </span>
                        </h5>
                        <div class="collection">
                            <div class="row">
                                <div class="col l12">
                                 

                                    <table id="Fbpost" class="display" cellspacing="0" width="100%">
                                        <thead>
                                            <tr>
                                                <th>S.No.</th>
                                                <th>Name</th>
                                                <th>Likes</th>
                                                <th>Comments</th>
                                                <th>Post</th>
                                                <th>Shares</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            <tr ng-repeat="facebookpagepost in fbpagepost" my-repeat-video-tab-directive>
                                             
                                                <td style="width: 1%;">{{$index+1}}</td>
                                                <td><a href="https://www.facebook.com/{{facebookpagepost.name}}" target="_blank">{{facebookpagepost.name}}</a></td>
                                                <td>{{facebookpagepost.likes}}</td>
                                                <td>{{facebookpagepost.commnets}}</td>
                                                <td>{{facebookpagepost.post}}</td>
                                                <td>{{facebookpagepost.shares}}</td>
                                               
                                            </tr>
                                        </tbody>
                                    </table>
                                </div>

                            </div>

                        </div>
                    </div>
                </div>
            </div>


            <div ng-if="fetchdatacomplete!='show'">
                <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>
