{% extends 'generic/object_detail.html' %}
{% load buttons %}
{% load custom_links %}
{% load static %}
{% load helpers %}
{% load perms %}
{% load plugins %}
{% load ui_framework %}
{% load i18n %}

{% block title %}Backup: {{ object.id }}{% endblock %}

{% block header %}
    <div class="pull-right noprint">
        {% block buttons %}
            {% plugin_buttons object %}
            {% render_detail_view_extra_buttons %}
        {% endblock buttons %}
    </div>
{% endblock header %}

{% block content %}
    <div class="panel panel-default">
        {% if object.preview %}
        <div class="panel-heading">
            <strong>Backup Preview</strong>
        </div>
        <div class="panel-body">
            <pre style="white-space: pre-wrap; word-wrap: break-word;">{{ object.preview }}</pre>
        </div>
        {% else %}
        <div class="alert alert-danger">
            <strong>Backup configuration not found.</strong>
            {% if error_message %}
            <p><strong>Error:</strong> {{ error_message }}</p>
            {% else %}
            <p>The requested backup configuration could not be found in the Netpicker API.</p>
            {% endif %}
        </div>
        {% endif %}
    </div>
{% endblock %}