{% extends "base.html" %}

{% block title %}Log Detail - Bullet Journal{% endblock %}

{% block content %}
<div class="card card--full">
  <p class="card__eyebrow">Log Entry</p>
  <h2>{{ log.date.strftime('%A, %B %d, %Y') }}</h2>

  <div class="form-group">
    <label>Prompt</label>
    <p>{{ log.prompt or 'No prompt set.' }}</p>
  </div>

  <div class="form-group">
    <label>Notes</label>
    <p>{{ log.notes or 'No notes.' }}</p>
  </div>

  <div class="bullets-section">
    <h3>Bullets & Insights</h3>
    {% if log.items %}
    <div class="bullets-list">
      {% for item in log.items %}
      <div class="bullet-item">
        <span class="bullet-item__type">{{ item.type }}</span>
        <span class="bullet-item__symbol">{{ item.symbol }}</span>
        <span class="bullet-item__text">{{ item.text }}</span>
        <span class="bullet-item__status">{{ item.status }}</span>
      </div>
      {% endfor %}
    </div>
    {% else %}
    <p class="text-muted">No bullets yet.</p>
    {% endif %}
  </div>

  {% if log.gratitude %}
  <div class="gratitude-section">
    <h3>Gratitude</h3>
    <ul>
      {% for g in log.gratitude %}
      <li>{{ g }}</li>
      {% endfor %}
    </ul>
  </div>
  {% endif %}

  {% if log.bedtime or log.wake_time or log.sleep_quality %}
  <div class="sleep-section">
    <h3>Sleep</h3>
    <p>Bedtime: {{ log.bedtime or 'N/A' }}</p>
    <p>Wake Time: {{ log.wake_time or 'N/A' }}</p>
    <p>Quality: {{ log.sleep_quality or 'N/A' }}</p>
  </div>
  {% endif %}

  {% if log.mood %}
  <div class="mood-section">
    <h3>Mood</h3>
    <p>{{ log.mood }}</p>
  </div>
  {% endif %}

  <a href="{{ url_for('main.log_edit', log_id=log.id) }}" class="btn btn-primary btn-block">Edit Log</a>
</div>
{% endblock %}