{% extends 'base.html' %}
{% block content %}
<h2 class="mb-4 fw-bold text-white">Face Register</h2>

<form method="POST" enctype="multipart/form-data" class="mb-4">
    {% csrf_token %}
    <div class="row g-4">
        <div class="col-md-6">
            <label for="{{ form.person.id_for_label }}" class="form-label">
                {{ form.person.label }}
            </label>
            {{ form.person }}
        </div>
        
        <div class="col-md-6">
            <label for="{{ form.keywords.id_for_label }}" class="form-label">
                {{ form.keywords.label }}
            </label>
            {{ form.keywords }}
        </div>
    </div>

    <div class="row g-4">
        <div class="col-md-6">
            <label for="{{ form.images.id_for_label }}" class="form-label">
                {{ form.images.label }}
            </label>
            {{ form.images }}
        </div>
    </div>

    <button type="submit" class="btn btn-primary mt-2">
        Register
    </button>
</form>

{% if result %}
<div class="mt-4 bg-light p-4 rounded shadow-sm">
    <p class="mb-0">{{ result }}</p>
</div>
{% endif %}
{% endblock %}