{% extends 'teacher/teacherBase.html' %}
{% block content %}

<!-- all class schedules -->
<div id="schedulePanels">
    {% for schedule in schedules.values() %}
    <div dbid="{{schedule['dbid']}}" role="schedule" class="panel panel-info">
        <div class="panel-heading">
            <h3 class="panel-title">
                <span name="scheduleName">{{schedule['name']}}</span>
                <span> | </span>
                <span role="teacher" dbid="{{schedule['teacher']['dbid']}}" name="{{schedule['teacher']['name']}}" name2="{{schedule['teacher']['name2']}}">{{schedule['teacher']['name']}}</span>
                <span> | </span>
                <span role="schedule_time" weekday="{{schedule['weekday']}}" startTime="{{schedule['startTime']}}" endTime="{{schedule['endTime']}}" time="{{schedule['time']}}">{{schedule['time']}}</span>
            </h3>
        </div>
        <div name="scheduleStudents" class="panel-body">
            {% for student in schedule['students'].values() %}
            <span student_dbid="{{student['dbid']}}" role="student" name="{{student['name']}}" name2="{{student['name2']}}">
                {{student['name']}}
            </span> 
            {% endfor %}
        </div>
    </div>
    {% endfor %}
</div>

{% endblock %}

{% block script %}
<script>
    $(function () {
        // 导航标active
        $('#nav-schedule').attr('class', 'bg-primary');
        
        // 姓名重复，则从标签属性中把name2拿出
        $('[role="student"]').each(function(){
            var name1 = $(this).attr('name');
            var name2 = $(this).attr('name2');
            if($('[role="student"][name="'+name1+'"][name2!="'+name2+'"]').length > 1){
                var new_val = $(this).attr('name') + '|' + $(this).attr('name2');
                $(this).text(new_val);
            }
        })
    })
</script>
{% endblock %}