{% extends "base.html" %}
{% load i18n static %}

{% block title %}{{ doctemplate.name }} - {% trans "Template Details" %}{% endblock %}

{% block content %}
<div class="container-fluid">
    <div class="d-flex justify-content-between align-items-center mb-4">
        <h1 class="h3 mb-0">
            <i class="fa fa-file-alt me-2"></i>{{ doctemplate.name }}
        </h1>
        <div class="btn-group">
            <a href="{% url 'documents:template-update' doctemplate.pk %}" class="btn btn-warning">
                <i class="fa fa-edit me-1"></i>{% trans "Edit" %}
            </a>
            <a href="{% url 'documents:template-list' %}" class="btn btn-secondary">
                <i class="fa fa-arrow-left me-1"></i>{% trans "Back to List" %}
            </a>
        </div>
    </div>

    {% include "includes/messages.html" %}

    <div class="row">
        <div class="col-md-8">
            <div class="card mb-4">
                <div class="card-header">
                    <h5 class="card-title mb-0">{% trans "Template Information" %}</h5>
                </div>
                <div class="card-body">
                    <dl class="row">
                        <dt class="col-sm-3">{% trans "Name" %}:</dt>
                        <dd class="col-sm-9">{{ doctemplate.name }}</dd>

                        <dt class="col-sm-3">{% trans "Category" %}:</dt>
                        <dd class="col-sm-9"><span class="badge bg-info">{{ doctemplate.get_category_display }}</span></dd>

                        <dt class="col-sm-3">{% trans "Status" %}:</dt>
                        <dd class="col-sm-9">
                            {% if doctemplate.is_active %}
                            <span class="badge bg-success">{% trans "Active" %}</span>
                            {% else %}
                            <span class="badge bg-secondary">{% trans "Inactive" %}</span>
                            {% endif %}
                        </dd>

                        {% if doctemplate.description %}
                        <dt class="col-sm-3">{% trans "Description" %}:</dt>
                        <dd class="col-sm-9">{{ doctemplate.description }}</dd>
                        {% endif %}

                        <dt class="col-sm-3">{% trans "Template Content" %}:</dt>
                        <dd class="col-sm-9">
                            <pre class="bg-light p-3 rounded" style="max-height: 400px; overflow-y: auto;">{{ doctemplate.content }}</pre>
                        </dd>
                    </dl>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}