{% trans_default_domain 'easy_admin' %}

{% extends 'easy_admin/layout.html.twig' %}

{% block head_stylesheets %}
    <link rel="stylesheet" href="{{ asset('build/app.css') }}">
    <link rel="stylesheet" href="{{ asset('build/dashboard.css') }}">
    {{ parent() }}
{% endblock %}

{% block content_title %}
    {{ 'dashboard.title' |trans }}
{% endblock %}

{% block main %}
    <div class="row">
        <div class="col-md-12">
            <div class="col-md-4">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Card title</h5>
                        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                        <a href="#" class="btn btn-primary">Go somewhere</a>
                    </div>
                </div>
            </div>

            <div class="col-md-3">
                <div class="card">
                    <div class="card-body">
                        <h5 class="card-title">Card title</h5>
                        <p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
                        <a href="#" class="btn btn-primary">Go somewhere</a>
                    </div>
                </div>
            </div>

            <div class="col-md-5">
                <div class="card">
                    <div class="card-body">
                        <table class="table">
                            <thead>
                                <tr>
                                    <th scope="col">{{ 'dashboard.label.task' | trans({}, 'badge') }}</th>
                                    <th scope="col">{{ 'dashboard.label.assignment' | trans({}, 'badge') }}</th>
                                    <th scope="col">{{ 'dashboard.label.badge' | trans({}, 'badge') }}</th>
                                    <th></th>
                                </tr>
                            </thead>
                            <tbody>
                                {% for task in tasks %}
                                    <tr id="task_tr_{{ task.id }}">
                                        <td scope="row">{{ task.task }}</td>
                                        <td>
                                            {% if task.assignment != null %}
                                                <a href="/admin/?action=show&amp;entity=Users&amp;id={{ task.assignment.id }}&amp;referer=">{{ task.assignment.username }}</a>
                                            {% endif %}
                                        </td>
                                        <td>{% if task.badge == 1 %}
                                                <span class="label label-success">{{ 'label.success' | trans({}, 'badge') }}</span>
                                            {% elseif task.badge == 2 %}
                                                <span class="label label-danger">{{ 'label.danger' | trans({}, 'badge') }}</span>
                                            {% elseif task.badge == 3 %}
                                                <span class="label label-warning">{{ 'label.warning' | trans({}, 'badge') }}</span>
                                            {% elseif task.badge == 4 %}
                                                <span class="label label-info">{{ 'label.info' | trans({}, 'badge') }}</span>
                                            {% endif %}
                                        </td>
                                        <td class="actions" style="display: flex">
                                            <a href="/admin/?action=show&amp;entity=Task&amp;id={{ task.id }}&amp;referer=" style="padding: 5px"><i class="fa fa-search"></i></a>
                                            <a href="#" class="text-danger" style="padding: 5px" id ="_delete_task_{{ task.id }}"><i class="fa fa-times"></i></a>
                                            <script>
                                                $("#_delete_task_{{ task.id }}").click(function (e) {
                                                    $.ajax({
                                                        url: "{{ path('task_delete', { 'id' : task.id}) }}",
                                                        type: "POST",
                                                        dataType: "Json",
                                                        success: function() {
                                                            $("#task_tr_{{ task.id }}").remove();
                                                        },
                                                        error: function(error) {
                                                            if(error.status === 200)
                                                                $("#task_tr_{{ task.id }}").remove();
                                                        }
                                                    });
                                                });
                                            </script>
                                        </td>
                                    </tr>
                                {% else %}
                                    <tr>
                                        <td>
                                            {{ 'dashboard.label.no-task' | trans({}, 'badge') }}
                                        </td>
                                    </tr>
                                {% endfor %}
                            </tbody>
                        </table>
                        <a href="/admin/?action=list&amp;entity=Task&amp;menuIndex=7&amp;submenuIndex=-1" class="btn btn-primary">{{ 'dashboard.label.btn' | trans({}, 'badge') }}</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}