{% extends "base.html" %} {% block title %}Dashboard — All You Can GET AI{%
endblock %} {% block content %}
<div class="card">
  <h1>Welcome{% if user.get('email') %}, {{ user.email }}{% endif %}</h1>
  <p>Role: <strong>{{ user.get('role', 'user') }}</strong></p>
  <a href="{{ url_for('generate') }}" class="btn">Start generating</a>
</div>

{% if images %}
<div class="card mt-2">
  <h2>Uploaded reference images</h2>
  <div class="image-grid">
    {% for img in images %}
    <div class="image-grid-item">
      <img
        src="{{ url_for('serve_uploaded_image', image_id=img.id) }}"
        alt="{{ img.filename }}"
        class="generated-image"
        loading="lazy"
      />
      <p class="text-muted" style="font-size: 0.75rem; margin-top: 0.25rem">
        {{ img.filename }} &mdash; {{ (img.size_bytes / 1024) | round(1) }} KB
      </p>
    </div>
    {% endfor %}
  </div>
</div>
{% endif %} {% endblock %}