{% extends "base.html" %}

{% block title %}All Logs - Bullet Journal{% endblock %}

{% block content %}
<div class="card card--full">
  <p class="card__eyebrow">Archive</p>
  <h2>All Logs</h2>

  {% if logs %}
  <div class="logs-list">
    {% for log in logs %}
    <a href="{{ url_for('main.log_detail', log_id=log.id) }}" class="log-list-item">
      <div class="log-list-item__date">{{ log.date.strftime('%m/%d') }}</div>
      <div class="log-list-item__preview">
        <p class="log-list-item__prompt">{{ log.prompt or 'No prompt' }}</p>
        <div class="log-list-item__meta">
          <span>{{ log.mood or 'No mood' }}</span>
          <span>{{ log.sleep_quality or 'No sleep data' }}</span>
          <span>{{ log.items|length }} items</span>
        </div>
      </div>
    </a>
    {% endfor %}
  </div>
  {% else %}
  <div class="empty-state">
    <p>No logs yet.</p>
    <a href="{{ url_for('main.index') }}">Create your first log entry!</a>
  </div>
  {% endif %}
</div>
{% endblock %}