<div class="panel panel-default lt-module-page__content-panel">
    <!-- Default panel contents -->
    <div class="panel-heading">
        
        <div class="lt-heading">
            <div class="lt-heading__title">
                {{::heading | translate}}
            </div>
            <div class="lt-heading__actions">
                <div class="lt-heading__actions-middlewidth">
                    <select class="form-control"
                            id="parentChannel"
                            ng-options="channel.id as (channel.name | wizdom365NoticeboardChannelLevel:channel.level) for channel in channels"
                            ng-model="channelid"></select>
                </div>
                <div class="lt-heading__actions-middlewidth">
                    <select class="form-control"
                            ng-model="minusdays"
                            ng-options="filter.value as (filter.text) for filter in dateRange">
                    </select>
                </div>
                <div class="lt-heading__actions-middlewidth" ng-show="minusdays == -1">
                    <label style="font-size: 15px" for="fromdate">{{'From date' | translate}}</label>
                    <div wizdom365-datetime-picker date="fromdate" disable-weekends="false" show-date-picker="true" show-time-picker="false"></div>                    
                </div>
                <div class="lt-heading__actions-middlewidth" ng-show="minusdays == -1">
                    <label style="font-size: 15px" for="todate">{{'To date' | translate}}</label>
                    <div wizdom365-datetime-picker date="todate" disable-weekends="false" show-date-picker="true" show-time-picker="false" min-date="fromdate"></div>
                </div>
                <div class="lt-heading__actions-smallwidth">
                    <span class="streamline icon-synchronize-arrows-1" aria-hidden="true" ng-click="onupdate()" style="cursor:pointer;"></span>
                    <span class="glyphicon glyphicon-print" aria-hidden="true" ng-show="data.length > 0" ng-click="print()" style="cursor:pointer;"></span>
                </div>
            </div>
            </div>

    </div>

    <!-- Table -->
    <table class="table">
        <thead>
            <tr>
                <th ng-repeat="columnName in columnsnames">{{::columnName | translate}}</th>
               
            </tr>
        </thead>
        <tbody ng-show="dataready">
            <tr ng-repeat="row in data | wizdom365NoticeboardStartFrom:(pageindex-1)*numberOfRecordsPerPage | limitTo:numberOfRecordsPerPage">
                <td ng-repeat="columnName in columnsnames" ng-bind="getPropertyValue(row, columnName)"></td>

            </tr>
        </tbody>
    </table>
    <div class="text-center" ng-show="dataready && numberOfPages > 1">
        <pagination total-items="numberofrows" ng-model="pageindex" items-per-page="numberOfRecordsPerPage" max-size="10" boundary-links="false" previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"></pagination>
    </div>
    <div wizdom365-spinner="" loading="!dataready"></div>
</div>
