var tasks = JSON.parse(localStorage.getItem('tasks'));

  tasksList.innerHTML = '';

  for (var i = 0; i < tasks.length; i++) {
    var id = tasks[i].id;
    var name = tasks[i].name;
    var importance = tasks[i].importance;
    var taskDate = tasks[i].date;
    var note = tasks[i].note;
    var status = tasks[i].status;

    tasksList.innerHTML += '<div class="well">' +
      '<h6>Task ID: ' + id + '</h6>' +
      '<p><span class="label label-info" id="statusLabel">' + status + '</span></p>' +
      '<h3>' + name + '</h3>' +
      '<p><span class="glyphicon glyphicon-fire"></span> ' + importance + '</p>' +
      '<p><span class="glyphicon glyphicon-calendar"></span> ' + taskDate + '</p>' +
      '<p><span class="glyphicon glyphicon-comment"></span> ' + note + '</p>' +
      '<a href="#" onclick="setStatusCompleted('' + id + '')" class="btn btn-success">Complete</a> ' +
      '<a href="#" onclick="deleteTask('' + id + '')" class="btn btn-danger">Delete</a>' +
      '</div>';

function setStatusCompleted(id) {
  var tasks = JSON.parse(localStorage.getItem('tasks'));

  for (var i = 0; i < tasks.length; i++) {
    if (tasks[i].id == id) {
      tasks[i].status = 'Completed';
      $("#statusLabel").removeClass('label label-info').addClass('label label-success');

    }
  }

  localStorage.setItem('tasks', JSON.stringify(tasks));

  fetchTasks();
}

$("#statusLabel").removeClass('label label-info').addClass('label label-success');