{% extends "base.html" %}
{% from "_ui.html" import page_head %}
{% block title %}Edit Faculty{% endblock %}
{% block content %}
{{ page_head('edit', 'Edit Faculty', 'Update this faculty member\'s details.') }}
<div class="card" style="max-width:820px">
  <div class="card-head"><h3>{{ icon('user') }} Faculty details</h3></div>
  <div class="card-body">
    <form method="post">
      <input type="hidden" name="csrf" value="{{ csrf_token }}">
      <div class="form-grid">
        <div class="field">
          <label for="title" class="req">Choose Title</label>
          <select name="title" id="title" required>
            {% if not f.get('title') %}<option value="">-- Select --</option>{% endif %}
            {% for t in titles %}<option value="{{ t }}" {{ 'selected' if f.get('title') == t }}>{{ t }}</option>{% endfor %}
          </select>
        </div>
        <div class="field">
          <label for="first_name" class="req">First Name</label>
          <div class="input-icon">{{ icon('user') }}<input name="first_name" id="first_name" value="{{ f.get('first_name', '') }}" required placeholder="First name"></div>
        </div>
        <div class="field">
          <label for="last_name" class="req">Last Name</label>
          <div class="input-icon">{{ icon('user') }}<input name="last_name" id="last_name" value="{{ f.get('last_name', '') }}" required placeholder="Last name"></div>
        </div>
        <div class="field">
          <label for="email" class="req">Mail ID</label>
          <div class="input-icon">{{ icon('mail') }}<input name="email" id="email" type="email" value="{{ f.get('email', '') }}" required placeholder="name@domain.com"></div>
        </div>
      </div>
      <div class="form-actions">
        <button class="btn">{{ icon('save') }} Save</button>
        <a class="btn ghost" href="{{ url_for('faculty_new') }}">{{ icon('x') }} Cancel</a>
      </div>
    </form>
  </div>
</div>
{% endblock %}