{% extends "base.html" %}
{% block title %}Edit Report #{{ r.id }} · House Report System{% endblock %}
{% block content %}

<div class="card">
  <div class="card-body">
    <h5 class="card-title">Edit Report #{{ r.id }}</h5>

    <form
  method="POST"
  action="{{ url_for('reports.edit', report_id=report.id) }}"
  enctype="multipart/form-data"
>
    <div class="mb-3">
        <label class="form-label">Upload Images</label>
        <input
            type="file"
            name="images"
            class="form-control"
            multiple
            required
        >
    </div>
    
<div class="mb-3">
    <label class="form-label">Describe the problem</label>
    <textarea
        name="summary"
        class="form-control"
        rows="4"
        placeholder="Describe the issue in detail (e.g. leak, crack, electrical problem)..."
    >{{ report.summary }}</textarea>
</div>

    <button type="submit" class="btn btn-success">
        Upload Images
    </button>
</form>



    {% if r.images %}
      <hr>
      <h6>Existing Images</h6>
      <div class="row g-2 mt-2">
        {% for img in r.images %}
        <div class="col-6 col-md-3">
          <img src="{{ url_for('reports.uploaded', filename=img.filename) }}" class="img-fluid rounded border">
        </div>
        {% endfor %}
      </div>
    {% endif %}
  </div>
</div>

{% endblock %}