{% load static %}

<link rel="stylesheet" href="{% static 'mycaldav/style.css' %}">
<div class="ifram_main_div" style="height: 140px; overflow: auto;">
{% if latest_task_list %}
        <table>
        {% for task in latest_task_list %}
        {% if task.str_start_date == today %}

            <tr href="{{task.href}}" target="_blank" >
                <td style="vertical-align: top;" class="td_key" >
                    <span style="font-weight: bold;">{{task.key}}</span><br>
                    {{task.str_start_date}} - {{task.str_end_date}}<br>

                </td>
                <td style="{% if task.done %}text-decoration:line-through{% endif %}">
                    <a style="text-decoration: none;color: white" >{{ task.name }}<br></a>
                    {{task.desc}}
                </td>
            </tr>
        {% endif %}
        {% endfor %}
        </table>
        <table>
        {% for task in latest_task_list %}
        {% if task.str_start_date != today %}

            <tr>
                <td style="vertical-align: top;" class="td_key" >
                    <span style="font-weight: bold;">{{task.key}}</span><br>
                    {{task.str_start_date}} - {{task.str_end_date}}<br>

                </td>
                <td style="{% if task.done %}text-decoration:line-through{% endif %}">
                    <a href="{{task.href}}" target="_blank" style="text-decoration: none;color: white" >{{ task.name }}<br></a>
                    {{task.desc}}
                </td>
            </tr>

        {% endif %}
        {% endfor %}
        </table>

{% else %}
    <p>Aucune information d'accueil</p>
{% endif %}
</div>