{% extends 'base.html.twig' %}
{% block title %} Task List Items{% endblock %}
{% block body %}

    <div class="center-block col-md-2 list-group-item-text" style="float: none; border:1px solid darkgrey">
        <h2>Add a task</h2>
        <form id="addTask">
            <input type="text" placeholder="titre tâche" name="title">
            <input type="hidden" value="{{ idTaskList }}" name="idTaskLists">
            <input type="hidden" value="{{ path("google_task_api_addTask") }}" id="url">
            <button type="button" id="buttonTask" class="btn btn-primary">Add</button>
        </form>
        <br>
    </div>

    <br>

    <div class="center-block col-md-4 clearfix" style="float: none;">
        <ul class="list-group">
            {% for task in tasks %}
                <li class="list-group-item clearfix">
                    {% if task.title == "" %}
                        {% set continue = true %}
                    {% else %}


                        <div>
                            <span class="card-title"> Task title :
                                <a href="{{ path("google_task_api_taskDetails", {"taskList": task.id}) }}">{{ task.title }}
                                </a>
                            </span>

                            </br>Due date : {{ task.due }}
                            </br>Status : {{ task.status }}

                        </div>

                    {% endif %}
                </li>
            {% endfor %}
        </ul>
    </div>

{% endblock %}
{% extends 'base.html.twig' %}
{% block title %} Task List Items{% endblock %}
{% block body %}

    <div class="center-block col-md-2 list-group-item-text" style="float: none; border:1px solid darkgrey">
        <h2>Add a task</h2>
        <form id="addTask">
            <input type="text" placeholder="task title" name="title">
            <input type="hidden" value="{{ idTaskList }}" name="idTaskLists">
            <input type="hidden" value="{{ path("google_task_api_addTask") }}" id="url">
            <button type="button" id="buttonTask" class="btn btn-primary">Add</button>
        </form>
        <br>
    </div>

    <br>

    <div class="center-block col-md-4 clearfix" style="float: none;">
        <ul class="list-group">
            {% for task in tasks %}
                <li class="list-group-item clearfix">
                    {% if task.title == "" %}
                        {% set continue = true %}
                    {% else %}


                        <div>
                            <span class="card-title"> Task title :
                                <a href="{{ path("google_task_api_taskDetails", {"taskList": task.id}) }}">{{ task.title }}
                                </a>
                            </span>

                            </br>Due date : {{ task.due }}
                            </br>Status : {{ task.status }}

                        </div>

                    {% endif %}
                </li>
            {% endfor %}
        </ul>
    </div>

{% endblock %}
Add new disign for google task
Add new disign for google task
