{% extends "base.html" %}
{% block title %}Add Faculty{% endblock %}
{% block content %}
<h2>Add Faculty</h2>
<div class="card">
  <form method="post">
    <input type="hidden" name="csrf" value="{{ csrf_token }}">
    <label for="title">Choose Title</label>
    <select name="title" id="title" required style="min-width:180px">
      <option value="">-- Select --</option>
      {% for t in titles %}<option value="{{ t }}" {{ 'selected' if f.get('title') == t }}>{{ t }}</option>{% endfor %}
    </select>
    <label for="first_name">First Name</label>
    <input name="first_name" id="first_name" value="{{ f.get('first_name', '') }}" required style="width:100%">
    <label for="last_name">Last Name</label>
    <input name="last_name" id="last_name" value="{{ f.get('last_name', '') }}" required style="width:100%">
    <label for="email">Mail ID</label>
    <input name="email" id="email" type="email" value="{{ f.get('email', '') }}" placeholder="name@domain.com" required style="width:100%">
    <p><button class="btn">Add Faculty</button></p>
  </form>
</div>

<div class="card">
  <div class="college-head"><h3>Faculty List</h3><span>{{ rows|length }} total</span></div>
  <table class="grid">
    <thead>
      <tr><th class="num">S.No</th><th>Name</th><th>Mail ID</th><th style="width:18%">Added By</th><th class="act">Action</th></tr>
    </thead>
    <tbody>
      {% for r in rows %}
      <tr>
        <td class="num">{{ loop.index }}</td>
        <td><strong>{{ r.title }} {{ r.first_name }} {{ r.last_name }}</strong></td>
        <td>{{ r.email }}</td>
        <td>{{ r.added_by or '-' }}</td>
        <td class="act">
          <a class="btn small" href="{{ url_for('faculty_edit', fid=r.id) }}">Edit</a>
          <form class="inline" method="post" action="{{ url_for('faculty_delete', fid=r.id) }}" onsubmit="return confirm('Delete this faculty member?')">
            <input type="hidden" name="csrf" value="{{ csrf_token }}">
            <button class="btn small danger">Delete</button>
          </form>
        </td>
      </tr>
      {% else %}
      <tr><td colspan="5" class="empty">No faculty added yet.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% endblock %}