{% extends 'base/layout.html' %}
{% load helpers %}

{% block title %}{{ template }}{% endblock %}

{% block content %}

{% include 'config_officer/navi_panel.html' %}

<nav aria-label="breadcrumb" class="mb-3">
    <ol class="breadcrumb">
        <li class="breadcrumb-item"><a href="{% url 'plugins:config_officer:template_list' %}">Templates</a></li>
        <li class="breadcrumb-item active">{{ template }}</li>
    </ol>
</nav>

<div class="d-flex justify-content-between align-items-center mb-3">
    <h1 class="h3 mb-0">{{ template.name }}</h1>
    <div>
        <a href="{% url 'plugins:config_officer:template_edit' pk=template.pk %}" class="btn btn-warning">
            <i class="mdi mdi-pencil"></i> Edit
        </a>
        <a href="{% url 'plugins:config_officer:template_delete' pk=template.pk %}" class="btn btn-danger">
            <i class="mdi mdi-trash-can"></i> Delete
        </a>
    </div>
</div>

<div class="card mb-3">
    <div class="card-header"><strong>Template details</strong></div>
    <table class="table table-hover mb-0">
        <tr>
            <th style="width:200px">Name</th>
            <td>{{ template.name|placeholder }}</td>
        </tr>
        <tr>
            <th>Description</th>
            <td>{{ template.description|placeholder }}</td>
        </tr>
        <tr>
            <th>
                Configuration text<br>
                <small class="text-muted">Jinja2 variable syntax is supported</small>
            </th>
            <td>
                <pre class="mb-0"><code>{{ template.configuration|default:"" }}</code></pre>
            </td>
        </tr>
    </table>
</div>

{% endblock %}