{% extends "base.html" %}
{% block title %}Porównanie wersji{% endblock %}
{% block extra_css %}
{{ super() }}
<style>
  /* Przykładowe style dla ciemnego motywu w diff */
  table.diff {font-family: Courier; border: medium; }
  .diff_header {background-color: #444; color: #fff; }
  td.diff_header {text-align: center;}
  .diff_next {background-color: #333; }
  .diff_add {background-color: #008800; color: #fff; }
  .diff_chg {background-color: #4444aa; color: #fff; }
  .diff_sub {background-color: #aa0000; color: #fff; }
</style>
{% endblock %}
{% block content %}
<div class="card">
  <div class="card-header">
    <h2>Porównanie wersji</h2>
  </div>
  <div class="card-body">
    {{ diff_html|safe }}
    <hr>
    <a href="{{ url_for('hostfile_versions', hostfile_id=hostfile_id) }}" class="btn btn-secondary">Powrót do historii</a>
  </div>
</div>
{% endblock %}