{% extends "themis/base.html" %}

{% block title %}Edit {{ key.display_name }} — {{ themis_app_name }}{% endblock %}

{% block content %}
<div class="max-w-2xl mx-auto">
    <h1 class="text-2xl font-bold mb-6">Edit Key: {{ key.display_name }}</h1>

    <div class="alert alert-info mb-6">
        <span>You can edit the key metadata below. The encrypted key value cannot be changed — delete and re-add the key if needed.</span>
    </div>

    <form method="post" action="{% url 'themis:key-edit' pk=key.pk %}">
        {% csrf_token %}

        <div class="card bg-base-200 mb-6">
            <div class="card-body">
                <div class="grid grid-cols-1 md:grid-cols-2 gap-4">
                    <fieldset class="fieldset">
                        <legend class="fieldset-legend">Service Name</legend>
                        {{ form.service_name }}
                    </fieldset>
                    <fieldset class="fieldset">
                        <legend class="fieldset-legend">Key Type</legend>
                        {{ form.key_type }}
                    </fieldset>
                </div>
                <fieldset class="fieldset mt-4">
                    <legend class="fieldset-legend">Label</legend>
                    {{ form.label }}
                </fieldset>
                <fieldset class="fieldset mt-4">
                    <label class="label cursor-pointer justify-start gap-3" for="id_is_active">
                        {{ form.is_active }}
                        Active
                    </label>
                </fieldset>
            </div>
        </div>

        <div class="card bg-base-200 mb-6">
            <div class="card-body">
                <h2 class="card-title text-lg">Documentation</h2>
                <fieldset class="fieldset">
                    <legend class="fieldset-legend">Instructions</legend>
                    {{ form.instructions }}
                </fieldset>
                <fieldset class="fieldset mt-4">
                    <legend class="fieldset-legend">Help URL</legend>
                    {{ form.help_url }}
                </fieldset>
            </div>
        </div>

        <div class="flex justify-between">
            <a href="{% url 'themis:key-detail' pk=key.pk %}" class="btn btn-ghost">Cancel</a>
            <button type="submit" class="btn btn-primary">Save Changes</button>
        </div>
    </form>
</div>
{% endblock %}