{% extends "base.html" %}

{% block title %}
    <title>View - {{ news.title }}</title>
{% endblock %}

{% block content %}
<div class="container mt-5">
    <h1>{{ news.title }}</h1>
    <a href="{% url 'list_news' %}">List of news</a>
    <form method="post">
        {% csrf_token %}
        <a href="{% url 'edit_news' news.id %}" class="btn btn-primary mt-3">Edit</a>

        <button class="btn btn-primary mt-3" name="delete" value="{{ news.id }}">Delete</button>
        <button class="btn btn-primary mt-3" name="export" value="{{ news.id }}">Export</button>
    </form>

    <div class="new-content mt-5">
        <div class="new-content-field mb-4">
            <h5 class="new-content-title">Description</h5>
            <div class="new-content-description">
                {{ news.description }}
            </div>
        </div>
        <!--<div class="new-content-field mb-4">-->
            <!--<h5 class="new-content-title">Media</h5>-->
            <!--<div class="new-content-description">-->
                <!--<div>{{ news.get_media }}</div>-->
                <!--<a href="{{ news.get_media.url }}">{{ news.get_media.url }}</a>-->
            <!--</div>-->
        <!--</div>-->
        <div class="new-content-field mb-4">
            <h5 class="new-content-title">Media: <a href="{{ news.get_media.url }}">{{ news.get_media }}</a></h5>
            <h5 class="new-content-title">Type: {{ news.get_type }}</h5>
            <h5 class="new-content-title">Region: {{ news.get_region }}</h5>
            <h5 class="new-content-title">Publish date: {{ news.publish_date }}</h5>
            <h5 class="new-content-title">Source: <a href="{{ news.url }}">{{ news.url }}</a></h5>
        </div>
        <div>
            {% for i in news.get_tags %}
                <span class="btn btn-info">{{ i.name }}</span>
            {% endfor %}
        </div>
    </div>
</div>
{% endblock %}