{% extends "base.html" %}
{% block content %}

<h3>Property: {{ property.address }}</h3>

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

{% if reports %}
<table class="table table-striped">
    <thead>
        <tr>
            <th>ID</th>
            <th>Description</th>
            <th>Date</th>
            <th>Image</th>
            <th>Actions</th>
        </tr>
    </thead>
    <tbody>
    {% for r in reports %}
        <tr>
            <td>{{ r.id }}</td>
            <td>{{ r.description|truncate(30) }}</td>
            <td>{{ r.created_at.strftime('%Y-%m-%d') }}</td>
            <td>
                {% if r.image_filename %}
                    <img src="{{ url_for('static', filename='uploads/' ~ r.image_filename) }}"
                         width="70">
                {% endif %}
            </td>
            <td>
                <a href="{{ url_for('reports.detail', report_id=r.id) }}"
                   class="btn btn-outline-secondary btn-sm">View</a>
                <a href="{{ url_for('reports.export_pdf', report_id=r.id) }}"
                   class="btn btn-success btn-sm">PDF</a>
            </td>
        </tr>
    {% endfor %}
    </tbody>
</table>
{% else %}
<p>No reports yet for this property.</p>
{% endif %}

{% endblock %}