{% extends 'base.html' %}

{% block title %}Run {{ summary.beer_run_id }} — Brew Log{% endblock %}

{% block content %}
<div class="page__head">
    <div>
        <h1 class="page__title">
            {{ summary.canonical_name }}
            {% if summary.active %}
                <span class="chip chip--active">Active</span>
            {% else %}
                <span class="chip chip--done">Finished</span>
            {% endif %}
        </h1>
        <p class="page__sub">
            Run <span class="mono">{{ summary.beer_run_id }}</span>
            {% if summary.first_date %} &middot; started {{ summary.first_date }}{% endif %}
            {% if summary.final_date %} &middot; finished {{ summary.final_date }}{% endif %}
        </p>
    </div>
    <a class="btn btn--ghost btn--sm" href="{{ url_for('brews.index') }}">&larr; Back</a>
</div>

<div class="grid grid--4" style="margin-bottom:1.25rem">
    <div class="stat">
        <div class="stat__label">Original gravity</div>
        <div class="stat__value">
            {% if summary.og_points is not none %}{{ summary.og_points }}{% else %}—{% endif %}
        </div>
        {% if summary.og_decimal %}
        <div class="stat__meta">{{ summary.og_decimal_str }}</div>
        {% endif %}
    </div>
    <div class="stat">
        <div class="stat__label">
            {% if summary.active %}Current gravity{% else %}Final gravity{% endif %}
        </div>
        <div class="stat__value">
            {% if summary.fg_points is not none %}{{ summary.fg_points }}{% else %}—{% endif %}
        </div>
        {% if summary.fg_decimal %}
        <div class="stat__meta">{{ summary.fg_decimal_str }}</div>
        {% endif %}
    </div>
    <div class="stat">
        <div class="stat__label">Alcohol</div>
        <div class="stat__value">
            {% if summary.abv is not none %}
                {{ '%.2f' % summary.abv }}%
            {% elif summary.projected_abv is not none %}
                {{ '%.2f' % summary.projected_abv }}%
            {% else %}—{% endif %}
        </div>
        <div class="stat__meta">
            {% if summary.abv is not none %}measured{% else %}projected{% endif %}
        </div>
    </div>
    <div class="stat">
        <div class="stat__label">Days brewing</div>
        <div class="stat__value">
            {% if summary.days_in_fermenter is not none %}{{ summary.days_in_fermenter }}{% else %}—{% endif %}
        </div>
        <div class="stat__meta">{{ summary.reading_count }} reading{{ '' if summary.reading_count == 1 else 's' }}</div>
    </div>
</div>

<section class="card">
    <div class="card__head">
        <h2 class="card__title">Readings</h2>
        <span class="card__hint">{{ summary.reading_count }} total</span>
    </div>
    <div class="card__body">
        <ul class="reading-list">
            {% for reading in summary.readings %}
            <li class="reading-list__item">
                <span class="reading-list__date">{{ reading.date or '—' }}</span>
                <span class="reading-list__sg">
                    {% if reading.sg is not none %}{{ reading.sg }}{% else %}—{% endif %}
                </span>
                <div class="reading-list__body">
                    {% if reading.comment %}
                        <div class="reading-list__comment">{{ reading.comment }}</div>
                    {% else %}
                        <div class="faint tiny">No comment</div>
                    {% endif %}
                </div>
                {% if reading.final_reading %}
                    <span class="chip chip--done">Final</span>
                    <form method="post" action="{{ url_for('brews.unfinal', run_id=summary.beer_run_id) }}">
                        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                        <input type="hidden" name="date" value="{{ reading.date }}">
                        <button class="btn btn--ghost btn--sm" type="submit">Un-set</button>
                    </form>
                {% else %}
                    <form method="post" action="{{ url_for('brews.mark_final', run_id=summary.beer_run_id) }}">
                        <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">
                        <input type="hidden" name="date" value="{{ reading.date }}">
                        <button class="btn btn--ghost btn--sm" type="submit">Set final</button>
                    </form>
                {% endif %}
            </li>
            {% endfor %}
        </ul>
    </div>
</section>
{% endblock %}