{% extends 'base.html' %}

{% block title %}Brew Process — Brew Log{% endblock %}

{% block content %}
<div class="page__head">
    <div>
        <h1 class="page__title">Brew Process</h1>
        <p class="page__sub">Record a gravity reading, then review where each brew is up to.</p>
    </div>
</div>

<div class="grid grid--sidebar">
    <!-- ------------------------------------------------ record a reading -->
    <section class="card">
        <div class="card__head">
            <h2 class="card__title">New reading</h2>
            <span class="card__hint">Gravity in points (1039 = 1.039)</span>
        </div>
        <div class="card__body">
            <form method="post" novalidate>
                <input type="hidden" name="csrf_token" value="{{ csrf_token() }}">

                <div class="field-row">
                    <div class="field">
                        <label class="field__label" for="beer_run_id">Run number</label>
                        <input type="number" id="beer_run_id" name="beer_run_id"
                               min="1" step="1" required>
                    </div>
                    <div class="field">
                        <label class="field__label" for="Date">Reading date</label>
                        <input type="date" id="Date" name="Date" required>
                    </div>
                </div>

                <div class="field">
                    <label class="field__label" for="beer_run_type">Beer / cider name</label>
                    <input type="text" id="beer_run_type" name="beer_run_type"
                           maxlength="120" placeholder="e.g. Necatron">
                    <div class="field__hint">The name is shown on the run summary.</div>
                </div>

                <div class="field">
                    <label class="field__label" for="sg">Gravity reading (points)</label>
                    <input type="number" id="sg" name="sg" min="900" max="1300"
                           step="1" required placeholder="1045">
                    <div class="field__hint">Drop the leading "1." — 1045 means 1.045.</div>
                </div>

                <div class="field">
                    <label class="checkbox">
                        <input type="checkbox" name="final_reading" value="y">
                        <span>This is the final reading (closes the run)</span>
                    </label>
                </div>

                <div class="field">
                    <label class="field__label" for="comment">Comment</label>
                    <textarea id="comment" name="comment" maxlength="2000"
                              placeholder="Hops in, bottling, kegging…"></textarea>
                </div>

                <button class="btn btn--block" type="submit">Save reading</button>
            </form>
        </div>
    </section>

    <!-- --------------------------------------------------- run summaries -->
    <div class="stack">
        <section class="card">
            <div class="card__head">
                <h2 class="card__title">In the fermenter</h2>
                <span class="card__hint">{{ active_runs | length }} active</span>
            </div>
            <div class="card__body card__body--flush">
                {% if active_runs %}
                <div class="table-wrap">
                    <table class="data">
                        <thead>
                            <tr>
                                <th>Run</th>
                                <th>Name</th>
                                <th class="num">Gravity</th>
                                <th class="num">Est. ABV</th>
                                <th>Comment</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                        {% for run in active_runs %}
                            <tr>
                                <td class="mono">{{ run.beer_run_id }}</td>
                                <td>{{ run.canonical_name }}</td>
                                <td class="num">
                                    {% if run.min_sg is not none %}
                                        <span class="mono strong">{{ run.min_sg }}</span>
                                        <div class="faint tiny">{{ '%.3f' % (run.min_sg / 1000) }}</div>
                                    {% else %}—{% endif %}
                                </td>
                                <td class="num">
                                    {% if run.projected_abv is not none %}
                                        {{ '%.2f' % run.projected_abv }}%
                                    {% else %}
                                        <span class="faint" title="Record the original gravity for this run to get an estimate">—</span>
                                    {% endif %}
                                </td>
                                <td class="comment">
                                    {% if run.comments %}
                                        {{ run.comments[-1] }}
                                    {% else %}
                                        <span class="faint">—</span>
                                    {% endif %}
                                </td>
                                <td class="right">
                                    <a class="btn btn--ghost btn--sm"
                                       href="{{ url_for('brews.run_detail', run_id=run.beer_run_id) }}">Open</a>
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
                {% else %}
                <div class="empty">
                    <span class="empty__icon" aria-hidden="true">&#127866;</span>
                    Nothing in the fermenter right now.
                </div>
                {% endif %}
            </div>
        </section>

        <section class="card">
            <div class="card__head">
                <h2 class="card__title">Finished brews</h2>
                <span class="card__hint">{{ completed_runs | length }} completed</span>
            </div>
            <div class="card__body card__body--flush">
                {% if completed_runs %}
                <div class="table-wrap">
                    <table class="data">
                        <thead>
                            <tr>
                                <th>Run</th>
                                <th>Name</th>
                                <th class="num">OG</th>
                                <th class="num">FG</th>
                                <th class="num">ABV</th>
                                <th>Finished</th>
                                <th>Comment</th>
                                <th></th>
                            </tr>
                        </thead>
                        <tbody>
                        {% for run in completed_runs %}
                            <tr>
                                <td class="mono">{{ run.beer_run_id }}</td>
                                <td>{{ run.canonical_name }}</td>
                                <td class="num">
                                    {% if run.og_points is not none %}{{ run.og_points }}{% else %}—{% endif %}
                                </td>
                                <td class="num">
                                    {% if run.fg_points is not none %}{{ run.fg_points }}{% else %}—{% endif %}
                                </td>
                                <td class="num">
                                    {% if run.abv is not none %}
                                        <strong>{{ '%.2f' % run.abv }}%</strong>
                                    {% else %}—{% endif %}
                                </td>
                                <td class="mono nowrap">{{ run.final_date or '—' }}</td>
                                <td class="comment">
                                    {% if run.comments %}
                                        {{ run.comments[-1] }}
                                    {% else %}
                                        <span class="faint">—</span>
                                    {% endif %}
                                </td>
                                <td class="right">
                                    <a class="btn btn--ghost btn--sm"
                                       href="{{ url_for('brews.run_detail', run_id=run.beer_run_id) }}">Open</a>
                                </td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>
                {% else %}
                <div class="empty">No finished brews recorded yet.</div>
                {% endif %}
            </div>
        </section>
    </div>
</div>
{% endblock %}