{% extends "base.html" %}
{% from "macros/forms.html" import render_field, render_textarea %}

{% block title %}Enroll person - Face Attendance{% endblock %}

{% block content %}
<div class="page-header">
  <div>
    <p class="eyebrow">Enrollment</p>
    <h1>Enroll person</h1>
  </div>
  <a class="btn btn-outline-secondary" href="{{ url_for('people.index') }}">Back</a>
</div>

<section class="form-section">
  <form method="post" enctype="multipart/form-data" novalidate>
    {{ form.hidden_tag() }}
    <div class="row g-3">
      <div class="col-md-6">{{ render_field(form.full_name) }}</div>
      <div class="col-md-6">{{ render_field(form.employee_id) }}</div>
      <div class="col-12">{{ render_textarea(form.notes, 3) }}</div>
    </div>

    <div class="upload-grid">
      {% for field in [form.photo_1, form.photo_2, form.photo_3, form.photo_4] %}
      <div>
        {{ field.label(class="form-label") }}
        {{ field(class="form-control", accept="image/png,image/jpeg") }}
      </div>
      {% endfor %}
    </div>

    <p class="form-help">Upload one to four clear single-face photos. More samples usually improve recognition quality.</p>
    <div class="form-actions">
      {{ form.submit(class="btn btn-primary") }}
    </div>
  </form>
</section>
{% endblock %}