{% extends "base.html" %}

<!-- {% block page_title %}.: Overview :.{% endblock %} -->

<!-- {% block title %}Overview{% endblock %} -->

{% block content %}

<div class="row">
    <div class="col-md-9">
        <div class="card">
            <div class="card-header">
                <h4>Hi {{ user.username }} !</h4>
            </div>
            <div class="card-body">
                
            </div>
        </div>
    </div>
    <div class="col-md-3">
        <div class="card mb-2">
            <div class="card-body">
                <div class="w-lg m-x-auto">
                    (line 1 cadre 2)
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row">
    <div class="col-md-4">
        <div class="card">
            <div class="card-header">
                <h4 class="">Next Events</h4>
            </div>
            <div class="card-body">
                <table class="table tablesorter table-striped table-condensed" data-sort="table" id="event_table">
                    {% for event in event_list %}
                    <tr>
                        <td class="text-left"><a href="{% url 'event_details' event.id %}">{{ event.name }}</a></td>
                        <td>{% if event.number_of_week_from_today < 0 %}{{event.number_of_week_from_today}}{% else %}<span class="text-{% if event.number_of_week_from_today > 12 %}success{% elif event.number_of_week_from_today > 9 %}info{% elif event.number_of_week_from_today > 6 %}warning{% else %}danger{% endif %}"><b>{{event.number_of_week_from_today}}</b></span>{% endif %}</td>
                    </tr>
                    {% endfor %}
                </table>
            </div>
        </div>
    </div>

    <div class="col-md-4">
        <div class="card">
            <div class="card-header">
                <h4 class="">(line 2 cadre 2)</h4>
            </div>
            <div class="card-body">

            </div>
        </div>
    </div>

    <div class="col-md-4">
        <div class="card">
            <div class="card-header">
                <h4 class="">(line 2 cadre 3)</h4>
            </div>
            <div class="card-body">
                
            </div>
        </div>
    </div>
</div>

{% endblock %}

{% block footerscript %}

{% endblock%}