doc_generator/templates/textdocs/document_detail.html

{% extends 'textdocs/base.html' %}
{% block content %}
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h2>{{ document.title }}</h2>
            <a href="{% url 'generate_pdf' pk=document.pk %}" class="btn btn-info">Export to PDF</a>
        </div>
        <div class="card-body">
            <h4 class="card-title">Introduction</h4>
            <p class="card-text">{{ document.introduction|linebreaks }}</p>
            <hr>
            <h4 class="card-title">Main Body</h4>
            <p class="card-text">{{ document.main_body|linebreaks }}</p>
            <hr>
            <h4 class="card-title">Conclusion</h4>
            <p class="card-text">{{ document.conclusion|linebreaks }}</p>
        </div>
    </div>
{% endblock %}