<!-- Home page partial html -->
<div id="home" class="container">
    <div class="row">
        <div class="col-sm-6 hidden-xs">
            <img class="img-responsive" src="/imgs/home.jpg">
        </div>
        <div class="col-sm-6">
            <div class="bundle-title">
                <h2>Welcome Dad!</h2>
                <h5>You are subscribed to the</h5>
            </div>

            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">{{bundle_name}}</h3>
                </div>
                <div class="panel-body">
                    {{bundle_desc}}
                </div>
            </div>

            <div class="panel panel-primary">
                <div class="panel-heading">
                    <h3 class="panel-title">Users</h3>
                </div>
                <table class="table">
                    <thead>
                    <tr>
                        <th></th>
                        <th>Name</th>
                        <th>Last Login</th>
                    </tr>
                    </thead>
                    <tbody>

                    <!--<pre>{{users | json}}</pre>-->

                    <tr ng-repeat="user in users" class="animate-repeat">
                        <td class="avatar">
                            <img ng-src="{{'/imgs/' + user.icon_id + '.jpg'}}">
                        </td>
                        <td>{{user.name}}</td>
                        <td>{{shared.userActivity[user.id]}}</td>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>