<div class="container-fluid content-main">
    <div class="row">
        <div class="col pt-4">

            <!--Activities List-->
            <div class="card">
                <div class="card-body">
                    <h2>Activities List</h2>
                    <table class="table">
                        <tr>
                            <th scope="col">Number</th>
                            <!--<th scope="col">Type</th>-->
                            <th scope="col">Name</th>
                            <th scope="col">Completed</th>
                        </tr>
                        <tr ng-repeat="a in $ctrl.activities track by a.id">
                            <td>{{a.id}}</td>
                            <!--<td>{{a.type}}</td>-->
                            <td>{{a.name}}</td>
                            <td ng-if="a.complete">&#10004;</td>
                            <td ng-if="!a.complete"></td>
                        </tr>
                    </table>
                    <div class="card">
                        <button class="btn btn-primary btn-lg" ng-click="$ctrl.goToActivities()"
                            ng-disabled="$ctrl.disabled">Continue Activities</button>
                    </div>
                </div>
            </div>

            <!--Continue Activities Button-->


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