{% extends 'netbox_config_backup/base.html' %}

{% block content %}
<div class="row">
	<div class="col col-md-12">
        <div class="card">
            <h5 class="card-header">
                Diff
            </h5>
            <div class="card-body">
                <pre class="change-data">{% for line in diff %}{% spaceless %}
                    {% if line == '+++' or line == '---' %}
                    {% elif line|make_list|first == '@' %}
                        <span style="background-color: #ffdb58; color: black;">{{line}}</span>
                    {% elif line|make_list|first == '+' %}
                        <span class="added"> {{line|make_list|slice:'1:'|join:''}}</span>
                    {% elif line|make_list|first == '-' %}
                        <span class="removed"> {{line|make_list|slice:'1:'|join:''}}</span>
                    {% else %}
                        <span>{{line}}</span>
                    {% endif %}
                {% endspaceless %}{% endfor %}</pre>
            </div>
        </div>
	</div>
</div>
{% endblock %}