<div id="wrapper" class="container">
    <div class="row">
        <aside class="span3" ng-include src="'partials/activities-menu.html'"></aside>
        <div id="actions-bg"></div>

        <div id="container-right" class="span9">
            <h1>
                <span class="gray">Statistics</span>
            </h1>

            <fieldset ng-repeat="i in ['Browser', 'Country', 'Language', 'OS', 'User']">
                <legend>{{i}}</legend>

                <table class="table table-striped table-bordered">
                    <thead>
                        <tr>
                            <th>Label</th>
                            <th>Count</th>
                        </tr>
                    </thead>
                    <tr ng-repeat="event in statistics[i.toLowerCase() + 'Views']">
                        <td>{{event.label}}</td>
                        <td>{{event.count}}</td>
                    </tr>
                </table>
            </fieldset>
        </div>
        <div id="container-right-bg"></div>
    </div>
</div>