{% extends "base.html" %}
{% block title %}Property Details{% endblock %}

{% block content %}
<h3>Property: {{ prop.address }}</h3>

<p><strong>ID:</strong> {{ prop.id }}</p>

<hr>

<a href="{{ url_for('reports.create', property_id=property.id) }}"
   class="btn btn-primary mb-3">+ Create Report</a>

</a>

<h4>Reports</h4>
<ul>
    {% for r in prop.reports %}
        <li>
            <a href="{{ url_for('reports.detail', report_id=r.id) }}">
                Report #{{ r.id }} – {{ r.description[:40] }}...
            </a>
        </li>
    {% endfor %}
</ul>

{% if not prop.reports %}
<p>No reports yet.</p>
{% endif %}
{% endblock %}