{% extends 'base.html' %}
{% block title %}Manage Teaching Portfolios — Student Smart Portal{% endblock %}
{% block content %}
<a class="back" href="{{url_for('teachers.teacher_home')}}">&larr; Teaching workspace</a>
<div class="page-heading"><div><div class="eyebrow">YOUR TEACHING SUBJECTS</div><h1>Manage Teaching Portfolios</h1><p class="muted">Each portfolio combines a subject, component, stage, and semester. Existing records stay linked when a portfolio is edited.</p></div></div>
<section class="card"><h2>Your portfolios</h2>
{% for p in portfolios %}
  <div class="portfolio-manager-row">
    <div><strong>{{portfolio_label(p)}}</strong>{% if not p.stage or not p.semester %}<p class="muted small-text">Please fill in the missing Stage and Semester.</p>{% endif %}</div>
    <form method="post" action="{{url_for('teachers.edit_my_portfolio',portfolio_id=p.id)}}" class="portfolio-edit-form">
      <input type="hidden" name="csrf_token" value="{{csrf_token()}}">
      <label>Subject<input name="course_name" required minlength="2" maxlength="120" value="{{p.course_name}}"></label>
      <label>Component<select name="component">{% for component in ['Theory','Practice'] %}<option value="{{component}}" {% if p.component==component %}selected{% endif %}>{{component}}</option>{% endfor %}</select></label>
      <label>Stage<select name="stage" required><option value="">Select Stage</option>{% for stage in stages %}<option value="{{stage}}" {% if p.stage==stage %}selected{% endif %}>{{stage}}</option>{% endfor %}</select></label>
      <label>Semester<select name="semester" required><option value="">Select Semester</option>{% for semester in semesters %}<option value="{{semester}}" {% if p.semester==semester %}selected{% endif %}>{{semester}} Semester</option>{% endfor %}</select></label>
      <button class="button small outline" type="submit">Save changes</button>
    </form>
    <form method="post" action="{{url_for('teachers.remove_my_portfolio',portfolio_id=p.id)}}"><input type="hidden" name="csrf_token" value="{{csrf_token()}}"><button class="button small danger" onclick="return confirm('Remove unused portfolio? Portfolios linked to quizzes or attendance cannot be removed.')">Remove</button></form>
  </div>
{% else %}<p class="muted">No portfolios added yet.</p>{% endfor %}
</section>
<section class="card table-card"><h2>+ Add Teaching Portfolio</h2><form method="post" class="portfolio-edit-form"><input type="hidden" name="csrf_token" value="{{csrf_token()}}"><label>Subject / Course Name<input name="course_name" required minlength="2" maxlength="120" placeholder="e.g. Pharmacology"></label><label>Component<select name="component"><option>Theory</option><option>Practice</option></select></label><label>Stage<select name="stage" required><option value="">Select Stage</option>{% for stage in stages %}<option value="{{stage}}">{{stage}}</option>{% endfor %}</select></label><label>Semester<select name="semester" required><option value="">Select Semester</option>{% for semester in semesters %}<option value="{{semester}}">{{semester}} Semester</option>{% endfor %}</select></label><button class="button primary" type="submit">Add portfolio</button></form></section>
{% endblock %}