{% extends "main_base.html" %}
{% block title %}UserHome|COVID-19 Detector{% endblock %}
{% block mycontent%}
<script>
  var username = '{{ current_user.username }}';
</script>
<section class="page-header">
</section>
<section class="prevention-one prevention-one__prevention-page">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-md-4 d-flex">
        {% if user.has_avatar %}
        <div class="avatar {{ user.avatar_color }} avatar-image" id="avatar" onclick="openFileChooser()"
          style=" background-image: url('{{ url_for('static', filename='images/avatar/' ~user.username~ '.jpg')}}')">
          <span id="initial">{{ user_initial }}</span>
        </div>
        {% else %}
        <div class="avatar {{ user.avatar_color }} avatar-image" id="avatar" onclick="openFileChooser()">
          <span id="initial" style="z-index: 1;">{{ user_initial }}</span>
        </div>
        {% endif %}
        <div class="user-info ml-3">
          {% if user.name %}
          <div class="user-name">{{ user.name }}</div>
          {% else %}
          <div class="user-name">{{ user.username }}</div>
          {% endif %}
          <div class="user-username">@{{ user.username }}</div>
        </div>
      </div>
      <div class="col-md-8">
        <div class="text-right" style="font-size: 21px;font-family: 'Times New Roman';">最近活跃 {{moment(user.last_seen).fromNow() }}</div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-2">
      <!-- 侧边栏 -->
      <div style="padding-left: 100px;">
        {%if current_user.role_id==1%}
        <ul class="nav flex-column">
          <li class="nav-item">
            <a class="nav-link{% if active_page1 == 'basic_info' %} active{% endif %}"
              href="{{ url_for('main.doc_basic', docname=current_user.username) }}">基本信息</a>
          </li>
          <li class="nav-item">
            <a class="nav-link{% if active_page1 == 'my_patient' %} active{% endif %}"
              href="{{ url_for('user.my_patient', docid=current_user.id) }}">我的病人</a>
          </li>
          <li class="nav-item">
            <a class="nav-link{% if active_page1 == 'my_msg' %} active{% endif %}" href="{{ url_for('user.my_message', uid=current_user.id) }}">我的消息</a>
          </li>
          <li class="nav-item">
            <a class="nav-link{% if active_page1 == 'doc_edit' %} active{% endif %}" href="#">编辑资料</a>
          </li>
        </ul>
        {%else%}
        <ul class="nav flex-column">
          <li class="nav-item">
            <a class="nav-link{% if active_page1 == 'basic_info' %} active{% endif %}"
              href="{{ url_for('main.user', username=user.username) }}">基本信息</a>
          </li>
          <li class="nav-item">
            <a class="nav-link{% if active_page1 == 'my_post' %} active{% endif %}" href="{{ url_for('user.my_post', username=user.username) }}">我的发布</a>
          </li>
          <li class="nav-item">
            <a class="nav-link{% if active_page1 == 'my_msg' %} active{% endif %}" href="{{ url_for('user.my_message', uid=user.id) }}">我的消息</a>
          </li>
          <li class="nav-item">
            <a class="nav-link{% if active_page1 == 'my_date' %} active{% endif %}"
              href="{{ url_for('user.my_appointment', username=user.username) }}">我的挂号</a>
          </li>
          <li class="nav-item">
            <a class="nav-link{% if active_page1 == 'my_report' %} active{% endif %}" 
            href="{{ url_for('user.my_report', uid=user.id) }}">我的报告</a>
          </li>
          <li class="nav-item">
            <a class="nav-link{% if active_page1 == 'user_edit' %} active{% endif %}"
              href="{{ url_for('user.user_edit', username=user.username)}}">编辑资料</a>
          </li>
        </ul>
        {%endif%}
      </div>
    </div>
    {% block specific_info %} {% endblock %}
  </div>
</section>


{% endblock %}