{% extends "self_discipline/table.html" %}
{% block style_custom %}
    <style>
        .table tbody tr th, .table tbody tr td{
            word-break: keep-all;
            vertical-align: middle;
            text-align: center;
        }
        th img{
            width: 100px;
            height: 100px;
        }
        td img{
            width: 100px;
            height: 100px;
        }
        li {
            font-size: 34px;
        }
        li img{
            height: 100px;
            padding: 5px;
        }
    </style>
{% endblock style_custom %}

{% block table %}
    <div class="panel panel-primary">
      <div class="panel-heading">
        <h3 class="panel-title text-center">周表</h3>
      </div>
      <div class="panel-footer">
        <table class="table table-striped">
            <tr>
                <th style="background-color: #f5f5f5;">每日<br/>内容</th>
                {% for _, option, image_path in options %}
                    <th>
                        <img src="{{ url_for('self_discipline.static', filename=image_path) }}" alt="{{ option }}">
                        {{ option }}
                    </th>
                {% endfor %}
            </tr>
            {% for week, day in days.items() %}
            <tr class="{{ 'success' if day['today'] else 'info'}}">
                <td style="background-color: #f5f5f5;"><h5>{{ week }}<br/>{{ day["date"] }}</h5></td>
                {% for id, _, _ in options %}
                    {% if id in day["options"] %}
                        <td>
                            <img src="{{ url_for('self_discipline.static', filename=day["options"][id]["image_path"]) }}" alt="{{ day["options"][id]["score"] }}">
                            <br/>
                            {{ day["options"][id]["createtime"] }}
                        </td>
                    {% else %}
                        <td></td>
                    {% endif %}
                {% endfor %}
            </tr>
            {% endfor %}
        </table>

        <div>
            <label>对勾余额</label>
            <ul>
                <li>
                    <label style="font-size: 48px; color: red;">{{ balance }}</label>
                </li>
            </ul>
        </div>

        <div>
            <label>奖励</label>
            <ul>
                {% for name, score, image_path in awards %}
                    <li>
                        <img src="{{ url_for('self_discipline.static', filename=image_path) }}">
                        {{ name }}
                        *
                        {{ score }}
                    </li>
                {% endfor %}
            </ul>
        </div>
      </div>
    </div>
{% endblock table %}