{% extends 'base.html.twig' %}
{% block header_img %}<img class="slide-image" src="{{ asset('img/todolist_content.jpg') }}"
alt="todo list">{% endblock %}
{% block body %}
<div class="row m-15">
<a href="{{ path('task_create') }}" class="btn btn-info pull-right add-task-btn">Create a task</a>
</div>
<div class="row">
<div class="col-xs-12">
<h4 class="text-uppercase ">{{ list_type }}</h4>
</div>
</div>
<div class="row">
{% for task in tasks %}
<div class="col-sm-4 col-lg-4 col-md-4">
<div class="thumbnail">
<div class="caption">
<h4 class="pull-right">
{% if task.isDone %}<span class="glyphicon glyphicon-ok"></span>{% else %}<span
class="glyphicon glyphicon-remove"></span>{% endif %}
</h4>
<h4>
{% if is_granted('IS_AUTHENTICATED_REMEMBERED') %}<a href="{{ path('task_edit', {'id' : task.id }) }}">{{ task.title }}</a>{% else %}{{ task.title }}{% endif %}</h4>
<small>Created on {{ task.createdAt | date('m/d/Y') }}</small>
<p>{{ task.content }}</p>
<p>Created by <span
class="text-capitalize">{% if task.user == null %}Anonyme{% else %} {{ task.user.username }}{% endif %}</span>
</p>
</div>
<div>
{% if app.user %}
<form action="{{ path('task_toggle', {'id' : task.id }) }}">
<button class="btn btn-success btn-sm pull-right edit-btn">
{% if not task.isDone %}Mark as done{% else %}Mark not completed{% endif %}
</button>
</form>
{% endif %}
{% if task.user == app.user and is_granted('IS_AUTHENTICATED_REMEMBERED') %}
<form action="{{ path('task_delete', {'id' : task.id }) }}">
<button class="btn btn-danger btn-sm pull-right delete-btn">Delete</button>
</form>
{% elseif task.user == null and is_granted('ROLE_ADMIN') %}
<form action="{{ path('task_delete', {'id' : task.id }) }}">
<button class="btn btn-danger btn-sm pull-right delete-btn">Delete</button>
</form>
{% endif %}
</div>
</div>
</div>
{% else %}
<div class="alert alert-warning" role="alert">
There are no tasks saved yet. <a href="{{ path('task_create') }}"
class="btn btn-warning pull-right">Create a task</a>
</div>
{% endfor %}
</div>
<div class="row tasks-nav">
<a href="{{ path('task_list') }}" class="btn btn-info pull-right add-task-btn">View to-do list</a>
<a href="{{ path('done_list') }}" class="btn btn-primary pull-right add-task-btn">View list of completed tasks</a>
</div>
{% endblock %}