{% extends "crud/form.html" %}
{% from "macros/form.html" import text_input, date_input %}

{% set title = 'Create API Key' %}
{% set custom_form_handler = true %}

{% block form_fields %}
{{ text_input('name', 'Key Name', required=true) }}
{{ date_input('expiration', 'Expiration', value=default_expiration, min=min_expiration, help='Leave blank for a key that never expires.') }}
{% endblock %}

{% block extra_content %}
<div id="token-display" class="d-none">
    <div class="card border-success crud-form-panel">
        <div class="card-header">
            <h3 class="card-title">API Key Created</h3>
        </div>
        <div class="card-body">
            <div class="alert alert-warning token-warning">
                <strong>Important:</strong> Please save the token below. For security reasons, you will not be able to view it again.
            </div>
            <div class="mb-3">
                <label>Token</label>
                <div class="input-group">
                    <input type="text" id="api-key-token" class="form-control" readonly>
                    <button type="button" id="copy-token-btn" class="btn btn-secondary" title="Copy to clipboard">
                        <i class="bi bi-clipboard"></i> Copy
                    </button>
                </div>
            </div>
            <a href="{{ url_for('admin_crud.api_keys_list') }}" class="btn btn-primary">Done</a>
        </div>
    </div>
</div>
{% endblock %}

{% block page_scripts %}
<script src="{{ url_for('static', filename='eportal-js/crud/api-keys-form.js') }}"></script>
{% endblock %}