{% extends "base.html" %}
{% block title %}Attest File — FieldWitness{% endblock %}

{% block content %}
<div class="row justify-content-center">
    <div class="col-lg-8">
        <div class="card bg-dark border-secondary">
            <div class="card-header">
                <h5 class="mb-0"><i class="bi bi-patch-check me-2 text-info"></i>Attest File</h5>
            </div>
            <div class="card-body">
                <p class="text-muted">
                    Create a cryptographic provenance attestation — sign any file with your Ed25519 identity
                    to prove when and by whom it was captured or created. Supports photos, documents,
                    sensor data, audio, video, and more.
                </p>

                {% if not has_identity %}
                <div class="alert alert-warning">
                    <i class="bi bi-exclamation-triangle me-2"></i>
                    <strong>No identity configured.</strong> Generate one from the
                    <a href="/keys" class="alert-link">Keys page</a> or run <code>fieldwitness init</code>.
                </div>
                {% endif %}

                <form method="POST" enctype="multipart/form-data">
              <input type="hidden" name="csrf_token" value="{{ csrf_token() }}"/>
                    <div class="mb-4">
                        <label for="image" class="form-label"><i class="bi bi-file-earmark me-1"></i>Evidence File</label>
                        <input type="file" class="form-control" name="image" id="image" required>
                        <div class="form-text">
                            Accepts images (PNG, JPEG, WebP, TIFF), documents (PDF, DOCX, CSV, TXT),
                            audio (MP3, WAV, FLAC), video (MP4, MOV, MKV), and sensor data files.
                            Perceptual matching (pHash, dHash) is available for image files only.
                        </div>
                    </div>

                    <div class="mb-3">
                        <label for="caption" class="form-label"><i class="bi bi-chat-text me-1"></i>Caption (optional)</label>
                        <input type="text" class="form-control" name="caption" id="caption"
                               placeholder="What does this file document?" maxlength="500">
                    </div>

                    <div class="mb-3">
                        <label for="location_name" class="form-label"><i class="bi bi-geo-alt me-1"></i>Location (optional)</label>
                        <input type="text" class="form-control" name="location_name" id="location_name"
                               placeholder="Where was this captured?" maxlength="200">
                    </div>

                    <div class="form-check form-switch mb-4">
                        <input class="form-check-input" type="checkbox" name="auto_exif" id="autoExif" checked>
                        <label class="form-check-label" for="autoExif">
                            Extract EXIF metadata automatically (GPS, timestamp, device) — images only
                        </label>
                    </div>

                    <button type="submit" class="btn btn-info btn-lg w-100" {% if not has_identity %}disabled{% endif %}>
                        <i class="bi bi-patch-check me-2"></i>Create Attestation
                    </button>
                </form>
            </div>
        </div>
    </div>
</div>
{% endblock %}