{% extends 'base.html' %}

{% block content %}
    <div class="container-xl">
        <h1 class="app-page-title">{{ noticia.titulo }}</h1>
        <div class="app-card shadow-sm mb-4">
            <div class="app-card-body p-3 p-lg-4">
                <div class="row gx-5 gy-3">
                    <p>{{ noticia.contenido }}</p>
                    <p><small>Publicado el {{ noticia.fecha_publicacion|date:"d M Y" }} por {{ noticia.autor }}</small></p>
                </div>
            </div>
        </div>
        <a class="btn btn-primary" href="{% url 'principal' %}">Volver a noticias</a>
    </div>
{% endblock %}
