{% extends 'base.html' %}
{% block title %}{{ update.title }}{% endblock %}
{% block content %}
<article class="article-detail">
  <div class="container" style="max-width: 800px;">
    <nav class="small text-muted py-3"><a href="{% url 'core:home' %}">Home</a> / <a href="{% url 'sales_updates:list' %}">Updates</a> / {{ update.title }}</nav>
    {% if update.cover_image %}<img src="{{ update.cover_image.url }}" class="img-fluid rounded mb-4" alt="">{% endif %}
    <h1>{{ update.title }}</h1>
    <div class="text-muted mb-4">{{ update.publish_at|date:"F d, Y" }} {% if update.author %}· by {{ update.author.get_full_name|default:update.author.username }}{% endif %}</div>
    <div class="article-body">{{ update.content|safe }}</div>
    {% if update.related_property %}
    <div class="alert alert-info mt-4"><strong>Related Property:</strong> <a href="{{ update.related_property.get_absolute_url }}">{{ update.related_property.title }}</a></div>
    {% endif %}
    {% if related %}
    <h3 class="mt-5">Related Updates</h3>
    <div class="row g-4">
      {% for u in related %}
      <div class="col-md-4">
        <article class="update-card">
          {% if u.cover_image %}<a href="{{ u.get_absolute_url }}"><img src="{{ u.cover_image.url }}" alt=""></a>{% endif %}
          <div class="update-body"><h6><a href="{{ u.get_absolute_url }}">{{ u.title }}</a></h6></div>
        </article>
      </div>
      {% endfor %}
    </div>
    {% endif %}
  </div>
</article>
{% endblock %}