<div ng-controller="TasksController">
    <div class="row">
        <div class="col m6 s12" ng-repeat="task in tasks">
            <div class="card blue-grey darken-1" ng-class="task.completed ? 'task-completed' : 'task-not-completed'">
                <div class="card-content white-text">
                    <div class="ribbon" ng-if="task.completed"><span>UKOŃCZONE</span></div>
                    <span class="card-title">
                        <span class="level-number">{{task.level}}</span>
                        <i ng-if="task.taskType === 'CRYPTO'" class="fa fa-key" alt="Zadanie kryptograficzne"></i>
                        <i ng-if="task.taskType === 'WEB'" class="fa fa-globe" alt="Zadanie webowe"></i>
                           {{task.name}}
                    </span>
                    <p>Poziom {{task.level}}. {{task.short_description}}</p>
                </div>
                <div class="card-action">
                    <a href="#/task/{{task.level}}">Przejdź do zadania</a></td>
                </div>
            </div>
        </div>
    </div>

</div>