{% extends 'base.html' %}
{% block content %}
<h2 class="mb-3">{{ project.client_name }} – Manage Images</h2>

<form method="post" action="{{ url_for('upload_image', project_id=project.id) }}" enctype="multipart/form-data" class="mb-4">
  <div class="input-group">
    <input type="file" name="file" class="form-control" required>
    <button type="submit" class="btn btn-primary">Upload</button>
  </div>
</form>

{% if project.images %}
  <div class="row">
    {% for img in project.images %}
      <div class="col-md-4 mb-3">
        <div class="card">
          <img src="{{ url_for('uploaded_file', filename=img.filename) }}" class="card-img-top">
          <div class="card-body">
            <p class="card-text">Version {{ img.version }}</p>
          </div>
        </div>
      </div>
    {% endfor %}
  </div>
{% else %}
  <p>No images uploaded yet.</p>
{% endif %}
{% endblock %}