{% extends "base.html" %}
{% block title %}{{ t('daily_log') }}{% if selected %} · {{ selected.machine_number }}{% endif %} · {{ fmt_date(log_date) }}{% endblock %}
{% block content %}
<div class="page-head no-print">
  <div>
    <p class="eyebrow">{{ t('linked_help') }}</p>
    <h1>{{ t('daily_log') }}{% if active_company %} · {{ active_company.name }}{% endif %}{% if selected %} · {{ selected.machine_number }}{% endif %}</h1>
  </div>
  <div class="actions">
    <button class="btn" type="button" onclick="window.print()">{{ t('print') }}</button>
  </div>
</div>

{% if not machines %}
  <p class="empty">
    {% if user.role == 'operator' %}
      {{ t('ask_admin_machines') }}
    {% else %}
      {{ t('need_machine') }} <a href="{{ url_for('machines_page') }}">{{ t('add_machine') }}</a>
    {% endif %}
  </p>
{% else %}
  <form class="filter-bar no-print" method="get">
    <input type="hidden" name="machine_id" value="{{ selected.id }}">
    {% if company_id %}<input type="hidden" name="company_id" value="{{ company_id }}">{% endif %}
    <label>{{ t('pick_date') }}
      <input type="date" name="log_date" value="{{ log_date }}" onchange="this.form.submit()">
    </label>
    <span class="date-stamp">{{ t('date') }} — {{ fmt_date(log_date) }}{% if selected %} · {{ selected.machine_number }}{% endif %}{% if active_company %} · {{ active_company.name }}{% endif %}</span>
  </form>

  {% if company_id and user.role != 'operator' %}
    {% include "_plant_prod_form.html" %}
  {% endif %}

  {% include "_machine_switch.html" %}

  {% if log_day_changed %}
  <div class="flash watch no-print">
    {{ t('amp_changed') }}
    {% if log_prev_date %} · {{ t('prev_log_day') }} {{ fmt_date(log_prev_date) }}{% endif %}
  </div>
  {% endif %}

  <div class="amp-legend no-print">
    <span>{{ t('color_legend') }}:</span>
    <span class="swatch ok">{{ t('legend_ok') }}</span>
    <span class="swatch high-watch">{{ t('legend_high') }}</span>
    <span class="swatch high-alert">{{ t('legend_too_high') }}</span>
    <span class="swatch low-watch">{{ t('legend_low') }}</span>
    <span class="swatch low-alert">{{ t('legend_too_low') }}</span>
    <span class="swatch day-changed">{{ t('amp_changed') }} ({{ t('vs_prev_day') }})</span>
  </div>

  <form method="post" class="log-form">
    <input type="hidden" name="log_date" value="{{ log_date }}">
    <input type="hidden" name="machine_id" value="{{ selected.id }}">
    {% if company_id %}<input type="hidden" name="company_id" value="{{ company_id }}">{% endif %}

    <div class="logbook">
      <header class="logbook-head">
        <div>
          <strong>DEPL</strong>
          <span>MOTOR AMPERE MAINTENANCE LOG</span>
        </div>
        <div class="logbook-date">
          {{ selected.machine_number }}
          <small>{{ t('date') }} — {{ fmt_date(log_date) }}</small>
        </div>
      </header>

      <div class="table-scroll">
      <table class="ampere-table">
        <thead>
          <tr>
            <th rowspan="2">{{ t('machine_no') }}<div>{{ t('motor_hp') }}</div></th>
            <th colspan="3">{{ t('machine_on') }}</th>
            <th colspan="1">{{ t('machine_off') }}</th>
            <th rowspan="2">{{ t('remarks') }}</th>
          </tr>
          <tr>
            <th title="{{ t('empty_hint') }}">{{ t('empty_amper') }}</th>
            <th title="{{ t('loading_hint') }}">{{ t('loading_amper') }}</th>
            <th title="{{ t('overload_hint') }}">{{ t('overload_amper') }}</th>
            <th title="{{ t('empty_hint') }}">{{ t('empty_amper') }}</th>
          </tr>
        </thead>
        <tbody>
          {% for block in sheet %}
            {% for item in block.motors %}
              {% set r = item.reading %}
              <tr class="{{ item.analysis.status }}">
                <td class="machine-cell">
                  {% if loop.first %}
                    <strong class="mono">{{ block.machine.machine_number }}</strong>
                    <small>{{ block.machine.company_name }}</small>
                    {% if block.machine.location %}<small>{{ block.machine.location }}</small>{% endif %}
                  {% endif %}
                  <div class="motor-tag">
                    {{ item.motor.hp|int if item.motor.hp == item.motor.hp|int else item.motor.hp }}HP Motor
                    {% if item.motor.label and item.motor.label != '3HP Motor' %} · {{ item.motor.label }}{% endif %}
                  </div>
                  <small class="std-line">{{ t('std_hint') }}
                    E {{ item.expected.empty }} · L {{ item.expected.loading }} · O {{ item.expected.overload }}
                  </small>
                </td>
                <td class="amp-cell {{ item.cells.on_empty }}{% if item.day_cmp.fields.on_empty.status in ['watch', 'alert'] %} day-changed{% endif %}" data-label="{{ t('machine_on') }} · {{ t('empty_amper') }}">
                  <input type="number" step="0.01" min="0" name="on_empty_{{ item.motor.id }}" value="{{ r.on_empty|amp if r else '' }}" data-expected="{{ item.expected.empty }}" data-prev="{{ item.prev_reading.on_empty if item.prev_reading and item.prev_reading.on_empty is not none else '' }}" class="amp-input">
                </td>
                <td class="amp-cell {{ item.cells.on_loading }}{% if item.day_cmp.fields.on_loading.status in ['watch', 'alert'] %} day-changed{% endif %}" data-label="{{ t('machine_on') }} · {{ t('loading_amper') }}">
                  <input type="number" step="0.01" min="0" name="on_loading_{{ item.motor.id }}" value="{{ r.on_loading|amp if r else '' }}" data-expected="{{ item.expected.loading }}" data-prev="{{ item.prev_reading.on_loading if item.prev_reading and item.prev_reading.on_loading is not none else '' }}" class="amp-input">
                </td>
                <td class="amp-cell {{ item.cells.on_overload }}{% if item.day_cmp.fields.on_overload.status in ['watch', 'alert'] %} day-changed{% endif %}" data-label="{{ t('machine_on') }} · {{ t('overload_amper') }}">
                  <input type="number" step="0.01" min="0" name="on_overload_{{ item.motor.id }}" value="{{ r.on_overload|amp if r else '' }}" data-expected="{{ item.expected.overload }}" data-prev="{{ item.prev_reading.on_overload if item.prev_reading and item.prev_reading.on_overload is not none else '' }}" class="amp-input">
                </td>
                <td class="amp-cell {{ item.cells.off_empty }}{% if item.day_cmp.fields.off_empty.status in ['watch', 'alert'] %} day-changed{% endif %}" data-label="{{ t('machine_off') }} · {{ t('empty_amper') }}">
                  <input type="number" step="0.01" min="0" name="off_empty_{{ item.motor.id }}" value="{{ r.off_empty|amp if r else '' }}" data-expected="{{ item.expected.empty }}" data-prev="{{ item.prev_reading.off_empty if item.prev_reading and item.prev_reading.off_empty is not none else '' }}" class="amp-input">
                </td>
                {% if loop.first %}
                <td rowspan="{{ block.motors|length }}" data-label="{{ t('remarks') }}">
                  <textarea name="remarks_{{ block.machine.id }}" rows="{{ 2 + block.motors|length }}">{{ block.log.remarks if block.log else '' }}</textarea>
                </td>
                {% endif %}
              </tr>
            {% endfor %}
          {% endfor %}
        </tbody>
      </table>
      </div>
    </div>
    <div class="sticky-save no-print">
      <button class="btn solid" type="submit">{{ t('save_log') }}</button>
    </div>
  </form>
{% endif %}
{% endblock %}
{% block scripts %}
{% if machines %}
<script>
function ampStatus(value, expected) {
  if (value === "" || expected === "" || expected == null || Number(expected) === 0) return "unknown";
  const pct = (Number(value) - Number(expected)) / Number(expected) * 100;
  if (pct >= 15) return "high-alert";
  if (pct >= 8) return "high-watch";
  if (pct <= -15) return "low-alert";
  if (pct <= -8) return "low-watch";
  return "ok";
}
function dayChanged(value, prev) {
  if (value === "" || prev === "" || prev == null) return false;
  return Math.abs(Number(value) - Number(prev)) >= 0.01;
}
document.querySelectorAll(".amp-input").forEach((input) => {
  const paint = () => {
    const td = input.closest("td");
    if (!td) return;
    td.classList.remove("ok", "high-watch", "high-alert", "low-watch", "low-alert", "unknown", "day-changed");
    td.classList.add(ampStatus(input.value, input.dataset.expected));
    if (dayChanged(input.value, input.dataset.prev)) td.classList.add("day-changed");
  };
  input.addEventListener("input", paint);
  paint();
});
</script>
{% endif %}
{% endblock %}