{% extends 'base.html' %}
{% block title %}{{teacher_name}} — Teaching Portfolios{% endblock %}
{% block content %}
<div class="page-heading">
  <div><div class="eyebrow">{{ 'ADMINISTRATOR / TEACHER REVIEW' if admin_view else 'MY TEACHING WORKSPACE' }}</div>
    <h1 dir="auto">{{teacher_name}}</h1><p class="muted">Choose a teaching portfolio on the right to manage its quizzes and attendances.</p>
  </div>
  {% if not admin_view %}<a class="button outline" href="{{url_for('teachers.portfolios')}}">Manage portfolios</a>
  {% else %}<a class="button outline" href="{{url_for('teachers.teacher_detail',teacher_id=teacher.id)}}">Manage teacher</a>{% endif %}
</div>
<div class="workspace-layout">
  <div class="workspace-main">
    {% if selected %}
      <section class="card portfolio-hero">
        <div class="eyebrow">SELECTED TEACHING PORTFOLIO</div>
        <h2>{{portfolio_label(selected)}}</h2>
        {% if not selected.stage or not selected.semester %}<div class="notice">This portfolio was created before Stage and Semester were added. Update these details in {{'Manage teacher' if admin_view else 'Manage portfolios'}} before creating new activities.</div>{% endif %}
        {% if not admin_view and selected.stage and selected.semester %}
        <div class="actions workspace-actions"><a class="button primary" href="{{url_for('quiz.quiz_new',portfolio_id=selected.id)}}">+ Create MCQ quiz</a></div>
        <form class="form-stack" action="{{url_for('create_session')}}" method="post">
          <input type="hidden" name="csrf_token" value="{{csrf_token()}}">
          <input type="hidden" name="portfolio_id" value="{{selected.id}}">
          <label>New attendance lecture<input name="title" minlength="3" maxlength="100" required placeholder="e.g. Lecture 1 — Introduction"></label>
          <label>Attendance window<select name="minutes"><option value="2">2 minutes</option><option value="5" selected>5 minutes</option><option value="10">10 minutes</option><option value="15">15 minutes</option><option value="30">30 minutes</option></select></label>
          <button class="button primary" type="submit">Start attendance and show QR</button>
        </form>
        {% endif %}
      </section>
      <section class="card table-card">
        <div class="section-heading"><h2>Quizzes</h2><span class="pill">{{quizzes|length}} quizzes</span></div>
        {% if quizzes %}<div class="table-scroll"><table><thead><tr><th>Quiz</th><th>Date</th><th>Attempts</th><th>Status</th><th></th></tr></thead><tbody>
        {% for q in quizzes %}<tr><td><strong>{{q.title}}</strong></td><td>{{q.created_at|localtime}}</td><td>{{q.attempts}}</td><td><span class="pill {{'open' if not q.closed and q.closes_at>now else ''}}">{{'Open' if not q.closed and q.closes_at>now else 'Closed'}}</span></td><td><a class="button outline small" href="{{url_for('quiz.quiz_detail',quiz_id=q.id)}}">View / Results</a></td></tr>{% endfor %}
        </tbody></table></div>{% else %}<p class="muted">No quizzes yet in this portfolio.</p>{% endif %}
      </section>
      <section class="card table-card">
        <div class="section-heading"><h2>Attendances</h2><span class="pill">{{lectures|length}} lectures</span></div>
        {% if lectures %}<div class="table-scroll"><table><thead><tr><th>Lecture</th><th>Date</th><th>Present</th><th>Status</th><th></th></tr></thead><tbody>
        {% for s in lectures %}<tr><td><strong>{{s.title}}</strong></td><td>{{s.created_at|localtime}}</td><td>{{s.attendance_count}}</td><td><span class="pill {{'open' if not s.closed and s.closes_at>now else ''}}">{{'Open' if not s.closed and s.closes_at>now else 'Closed'}}</span></td><td><a class="button outline small" href="{{url_for('session_detail',session_id=s.id)}}">View / Export</a></td></tr>{% endfor %}
        </tbody></table></div>{% else %}<p class="muted">No attendance sessions yet in this portfolio.</p>{% endif %}
      </section>
    {% else %}
      <section class="card"><h2>Welcome to your teaching workspace</h2><p class="muted">Add your first teaching portfolio to organize quizzes and lecture attendance.</p>
      {% if not admin_view %}<a class="button primary" href="{{url_for('teachers.portfolios')}}">+ Add teaching portfolio</a>{% endif %}
      </section>
    {% endif %}
  </div>
  <aside class="workspace-sidebar card" aria-label="Teaching portfolio navigation">
    <div class="eyebrow">TEACHING PORTFOLIOS</div><h2>My subjects</h2>
    {% for p in portfolios %}
      <a class="portfolio-nav-item {{'selected' if selected and p.id==selected.id else ''}}"
         href="{{url_for('teachers.admin_portfolio_workspace',teacher_id=teacher.id,portfolio_id=p.id) if admin_view else url_for('teachers.portfolio_workspace',portfolio_id=p.id)}}"
         {% if selected and p.id==selected.id %}aria-current="page"{% endif %}>
        <strong>{{portfolio_label(p)}}</strong><span>Quizzes &amp; Attendances &rarr;</span>
      </a>
    {% else %}<p class="muted small-text">No teaching portfolios.</p>{% endfor %}
    {% if not admin_view %}<a class="button outline full" href="{{url_for('teachers.portfolios')}}">+ Manage portfolios</a>{% endif %}
  </aside>
</div>
{% endblock %}