{% extends "base.html" %}
{% block title %}Committed - {{ device.name }}{% endblock %}
{% block content %}
<h1>Committed — {{ device.name }}</h1>

{% if log.pending_confirmation %}
<div class="card" style="border-color:var(--warning);">
  <p style="color:var(--warning);font-weight:600;">
    ⚠ This is a confirmed commit with a {{ log.confirm_minutes }}-minute safety timer.
    If you don't click "Confirm" below in time, the device will automatically revert to the previous configuration on its own.
  </p>
  <form method="post" action="{{ url_for('config_mgmt.confirm_commit', device_id=device.id) }}">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <input type="hidden" name="log_id" value="{{ log.id }}">
    <button type="submit" class="btn btn-primary">Confirm this commit (make it permanent)</button>
  </form>
</div>
{% else %}
<div class="card">
  <p class="status-ok">Configuration committed successfully.</p>
</div>
{% endif %}

<div class="card">
  <h2>Diff</h2>
  <div class="diff-view">
    {% for line in diff.splitlines() %}
      {% if line.startswith('+') %}
        <div class="diff-add">{{ line }}</div>
      {% elif line.startswith('-') %}
        <div class="diff-remove">{{ line }}</div>
      {% else %}
        <div class="diff-context">{{ line }}</div>
      {% endif %}
    {% endfor %}
  </div>
</div>

<div class="card">
  <h2>Made a mistake?</h2>
  <form method="post" action="{{ url_for('config_mgmt.rollback_config', device_id=device.id) }}" onsubmit="return confirm('Roll back this commit?');">
    <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
    <input type="hidden" name="rollback_id" value="1">
    <input type="hidden" name="comment" value="Rollback of commit made via juniper_manager">
    <button type="submit" class="btn btn-danger">Rollback this change now</button>
  </form>
</div>

<a href="{{ url_for('devices.device_detail', device_id=device.id) }}" class="btn">Back to device</a>
{% endblock %}