<div ng-controller="Wizdom365CacheController">
    <wizdom365-spinner style="position: absolute; top: 50%; left: 50%;" loading="loading"></wizdom365-spinner>

    <h2 class="remove-top-margin">
        {{'Cache' | translate}}

        <button class="pull-right btn btn-warning wide-config-btn"
                ng-disabled="clearing"
                ng-click="clearCache()">
            {{clearing ? 'Clearing cache' : 'Clear cache' | translate}}
        </button>
        &nbsp;
        <button class="pull-right btn wide-config-btn"
                ng-disabled="clearing"
                ng-click="clearBrowserCache()">
            {{clearing ? 'Clearing browser cache' : 'Clear browser cache' | translate}}
        </button>
    </h2>
    
    <div class="lt-module-page__content">
        <div class="container-fluid">
            <div class="wizdom-controls">
                <div class="row wizdom-controls-row noborder">
                    <div class="col-sm-12">
                        <div class="form-horizontal">
                            <div class="form-group">
                                <div class="col-xs-4">
                                    <label class="control-label" for="{{setting.name | translate}}">{{'Items in cache' | translate}}</label>
                                </div>
                                <div class="col-xs-8">
                                    <div class="col-xs-5 remove-left-padding">
                                        <div style="padding-top:7px" >{{cacheCount}}</div> 
                                        <!-- Sorry Ole, I have added inline styles. 
                                             But you told me that you are going through the admin modules soon anyway and 
                                             I could not find any template for "label settings" without input elements.
                                        -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
