{# template-title: 副本奖励记录 #}


<div class="container">
    <h1>副本奖励记录</h1>

    <div class="description">
        灰色表示奖励已经获取，绿色表示奖励尚未获取
    </div>

    <div class="legend">
        <div class="legend-item">
            <span class="legend-color finished"></span>
            <span>奖励已获取</span>
        </div>

        <div class="legend-item">
            <span class="legend-color unfinished"></span>
            <span>奖励未获取</span>
        </div>
    </div>

    {% if list %}
    <table>
        <thead>
            <tr>
                <th>副本名称</th>
                <th>Boss 奖励状态</th>
            </tr>
        </thead>

        <tbody>
        {% for m in list %}
            <tr>
                <td class="map-info">
                    <div class="map-name">
                        {{ m.mapName }}
                    </div>

                    <div class="map-progress">
                        已获取 {{ m.bossFinished }} / {{ m.bossCount }}
                    </div>
                </td>

                <td>
                    <div class="boss-list">
                    {% for boss in m.bossProgress %}
                        <div
                            class="boss-item {% if boss.finished %}finished{% else %}unfinished{% endif %}"
                            title="{{ boss.name }} - {% if boss.finished %}奖励已获取{% else %}奖励未获取{% endif %}"
                        >
                            <span class="boss-index">
                                #{{ boss.progressId }}
                            </span>

                            <div class="boss-name">
                                {{ boss.name }}
                            </div>

                            <div class="boss-status">
                                {% if boss.finished %}
                                    <span class="status-icon">✓</span>
                                    <span>奖励已获取</span>
                                {% else %}
                                    <span class="status-icon">!</span>
                                    <span>奖励未获取</span>
                                {% endif %}
                            </div>
                        </div>
                    {% endfor %}
                    </div>
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    {% else %}
        <div class="empty-data">
            暂无副本奖励记录
        </div>
    {% endif %}
</div>