{% extends "base.html" %}
{% block title %}SecuVault - Rotation : {{ secret.name }}{% endblock %}

{% block content %}
<div class="row justify-content-center">
  <div class="col-md-6">
    <div class="card shadow-sm">
      <div class="card-body p-4">
        <h1 class="h4 mb-1">Rotation du secret</h1>
        <p class="text-muted mb-4">
          {{ secret.name }}
          <span class="badge bg-light text-dark border ms-1">v{{ secret.version }}</span>
        </p>
        {% if error %}
        <div class="alert alert-warning">
          {{ error }}
        </div>
        {% endif %}
        <form method="post" action="/secrets/{{ secret.id }}/rotate">
          {# The current version is embedded as a hidden field for optimistic-locking. #}
          <input type="hidden" name="expected_version" value="{{ secret.version }}">
          <div class="mb-3">
            <label class="form-label" for="new_value">Nouvelle valeur</label>
            <textarea class="form-control font-monospace" id="new_value" name="new_value" rows="4" required autofocus></textarea>
          </div>
          <div class="d-flex gap-2">
            <button type="submit" class="btn btn-warning">Appliquer la rotation</button>
            <a href="/secrets" class="btn btn-outline-secondary">Annuler</a>
          </div>
        </form>
      </div>
    </div>
  </div>
</div>
{% endblock %}