{% extends "base.html" %}
{% block content %}
<div class="page-head">
  <div>
    <p class="eyebrow">
      {% if viewing_all %}{{ t('system_overview') }}
      {% elif active_company %}{{ t('viewing_profile') }}
      {% else %}{{ view_display }}{% endif %}
    </p>
    <h1>
      {% if viewing_all %}{{ t('all_companies') }}
      {% elif active_company %}{{ active_company.name }}
      {% else %}{{ t('welcome') }}{% if user.company_name %}, {{ user.company_name }}{% endif %}{% endif %}
    </h1>
  </div>
  <div class="actions">
    {% if viewing_all %}
      <a class="btn solid" href="{{ url_for('companies_page') }}">{{ t('add_company') }}</a>
    {% else %}
      <a class="btn solid" href="{{ url_for('logs_page') }}">{{ t('enter_day_prod') }}</a>
      {% if user.role == 'admin' and active_company %}
      <a class="btn" href="{{ url_for('operators_page') }}">{{ t('operator_logins') }}</a>
      {% endif %}
    {% endif %}
    <a class="btn" href="{{ url_for('analysis_page') }}">{{ t('view_analysis') }}</a>
  </div>
</div>

<form class="filter-bar" method="get">
  <label>{{ t('view_month') }}
    <input type="month" name="month" value="{{ month_value }}" onchange="this.form.submit()">
  </label>
  {% if not is_this_month %}
    <a class="btn tiny" href="{{ url_for('dashboard') }}">{{ t('this_month') }}</a>
  {% endif %}
  <span class="date-stamp">{{ t('date') }} — {{ view_display }}</span>
</form>

{% if viewing_all and profile_summaries %}
<section class="prod-wrap">
  <h2>{{ t('company_profiles') }}</h2>
  <div class="profile-grid">
    {% for row in profile_summaries %}
      <a class="profile-card {{ row.status }}" href="{{ url_for('set_profile', company_id=row.company.id) }}">
        <header>
          <div>
            <p class="eyebrow">{{ t('viewing_profile') }}</p>
            <h2>{{ row.company.name }}</h2>
          </div>
          <span class="pill {{ row.status }}">
            {% if row.status == 'ok' %}{{ t('healthy') }}
            {% elif row.status == 'watch' %}{{ t('needs_check') }}
            {% elif row.status == 'alert' %}{{ t('critical') }}
            {% else %}{{ t('no_readings') }}{% endif %}
          </span>
        </header>
        <p>{{ row.machine_count }} {{ t('profile_machines') }}</p>
        <small>{{ t('critical') }} {{ row.alert_count }} · {{ t('needs_check') }} {{ row.watch_count }}</small>
      </a>
    {% endfor %}
  </div>
</section>
{% endif %}

<section class="stats prod-stats">
  <article>
    <span>{{ t('month_tons') }}</span>
    <strong>{{ fmt_tons(month_tons) }}</strong>
  </article>
  <article>
    <span>{{ t('month_target') }}</span>
    <strong>{{ fmt_tons(month_target) }}</strong>
    {% if daily_target is not none %}
      <small>{{ t('target_tons') }}: {{ fmt_tons(daily_target) }}</small>
    {% endif %}
  </article>
  <article class="{{ 'ok' if overall_met == 'got_output' else 'watch' }}">
    <span>{{ t('got_month_output') }}</span>
    <strong>
      {% if overall_met == 'got_output' %}{{ t('got_yes') }}
      {% elif overall_met == 'not_yet' %}{{ t('not_yet') }}
      {% else %}{{ t('no_target') }}{% endif %}
    </strong>
    <small>{{ days_met }} / {{ days_recorded }} {{ t('days_recorded') }}</small>
  </article>
  <article>
    <span>{{ t('month_hours') }}</span>
    <strong>{{ fmt_hours(month_hours) }}</strong>
  </article>
</section>

<section class="stats health-stats">
  <article>
    <span>{{ t('machines_count') }}</span>
    <strong>{{ machine_count }}</strong>
  </article>
  <article>
    <span>{{ t('today_logs') }}</span>
    <strong>{{ today_count }}</strong>
  </article>
  <article class="ok">
    <span>{{ t('healthy') }}</span>
    <strong>{{ ok_count }}</strong>
  </article>
  <article class="watch">
    <span>{{ t('needs_check') }}</span>
    <strong>{{ watch_count }}</strong>
  </article>
  <article class="alert">
    <span>{{ t('critical') }}</span>
    <strong>{{ alert_count }}</strong>
  </article>
  <article class="{{ 'alert' if changed_count else 'ok' }}">
    <span>{{ t('amp_changed') }}</span>
    <strong>{{ changed_count }}</strong>
  </article>
</section>

<section class="prod-wrap">
  <h2>{{ t('day_amp_compare') }}</h2>
  {% if day_amp_rows %}
  <div class="table-scroll">
  <table class="sheet prod-table day-amp-table">
    <thead>
      <tr>
        <th>{{ t('machine_no') }}</th>
        <th>{{ t('prev_log_day') }}</th>
        <th>{{ t('next_log_day') }}</th>
        <th>On {{ t('empty_amper') }}</th>
        <th>On {{ t('loading_amper') }}</th>
        <th>On {{ t('overload_amper') }}</th>
        <th>Off {{ t('empty_amper') }}</th>
        <th>{{ t('status') }}</th>
      </tr>
    </thead>
    <tbody>
      {% for item in day_amp_rows %}
        {% for row in item.day_amp.rows %}
        <tr class="{{ row.status }}{% if row.changed %} amp-changed-row{% endif %}">
          <td>
            <a href="{{ url_for('logs_page', machine_id=item.machine.id, log_date=row.curr_date, company_id=company_id if user.role == 'admin' else None) }}">
              <strong>{{ item.machine.machine_number }}</strong>
            </a>
            {% if row.motor.label %}<small>{{ row.motor.hp|int if row.motor.hp == row.motor.hp|int else row.motor.hp }}HP · {{ row.motor.label }}</small>{% endif %}
          </td>
          <td class="mono">{{ fmt_date(row.prev_date) if row.prev_date else '—' }}</td>
          <td class="mono">{{ fmt_date(row.curr_date) if row.curr_date else '—' }}</td>
          {% for field in ['on_empty', 'on_loading', 'on_overload', 'off_empty'] %}
            {% set cell = row.fields[field] %}
            <td class="amp-pair {{ cell.status }}">
              {% if cell.prev is none and cell.curr is none %}
                —
              {% else %}
                <span class="mono">{{ cell.prev|amp if cell.prev is not none else '—' }}</span>
                <span class="amp-arrow">→</span>
                <span class="mono">{{ cell.curr|amp if cell.curr is not none else '—' }}</span>
              {% endif %}
            </td>
          {% endfor %}
          <td>
            <span class="pill {{ 'alert' if row.changed and row.status == 'alert' else ('watch' if row.changed else 'ok') }}">
              {% if row.changed %}{{ t('amp_changed') }}{% else %}{{ t('same_amp') }}{% endif %}
            </span>
          </td>
        </tr>
        {% endfor %}
      {% endfor %}
    </tbody>
  </table>
  </div>
  {% else %}
    <p class="empty">{{ t('no_day_compare') }}</p>
  {% endif %}
</section>

<section class="prod-wrap">
  <h2>{{ t('month_production') }} · {{ view_display }}</h2>
  {% if month_days %}
  <div class="table-scroll">
  <table class="sheet prod-table">
    <thead>
      <tr>
        <th>{{ t('date') }}</th>
        <th>{{ t('day_tons') }}</th>
        <th>{{ t('run_hours') }}</th>
        <th>{{ t('on_off') }}</th>
        <th>{{ t('got_day_output') }}</th>
      </tr>
    </thead>
    <tbody>
      {% for row in month_days %}
        <tr{% if row.is_today %} class="today-row"{% endif %}>
          <td>
            <a href="{{ url_for('logs_page', log_date=row.log_date, company_id=company_id if user.role == 'admin' else None) }}" class="mono">{{ row.display }}</a>
          </td>
          <td class="mono">{{ fmt_tons(row.tons) }}</td>
          <td class="mono">{{ fmt_hours(row.hours) }}</td>
          <td class="mono">
            {% if row.on_time or row.off_time %}{{ row.on_time or '—' }} – {{ row.off_time or '—' }}{% else %}—{% endif %}
          </td>
          <td>
            {% if row.tons is none %}
              —
            {% else %}
            <span class="pill {{ 'ok' if row.met == 'got_output' else ('watch' if row.met == 'not_yet' else 'unknown') }}">
              {% if row.met == 'got_output' %}{{ t('got_yes') }}
              {% elif row.met == 'not_yet' %}{{ t('not_yet') }}
              {% else %}{{ t('no_target') }}{% endif %}
            </span>
            {% endif %}
          </td>
        </tr>
      {% endfor %}
    </tbody>
  </table>
  </div>
  {% else %}
    <p class="empty">{{ t('no_data') }}</p>
  {% endif %}
</section>

<section class="split">
  <div>
    <h2>{{ t('alerts') }}</h2>
    {% if alerts %}
      <ul class="alert-list">
        {% for item in alerts %}
          <li class="{{ item.health.status }}">
            <div>
              <strong>{{ item.machine.machine_number }}</strong>
              <small>{{ item.machine.company_name }} · {{ item.machine.location }}</small>
              <p>
                {% for code in item.health.issues[:2] %}
                  {{ finding_text(code) }}{% if not loop.last %} {% endif %}
                {% endfor %}
              </p>
            </div>
            <span class="pill {{ item.health.status }}">{{ t(item.health.status if item.health.status != 'ok' else 'normal') }}</span>
          </li>
        {% endfor %}
      </ul>
    {% else %}
      <p class="empty">{{ t('no_alerts') }}</p>
    {% endif %}
  </div>
  <div>
    <h2>{{ t('problem_summary') }}</h2>
    {% if cards %}
      <div class="machine-grid">
        {% for card in cards %}
          <a class="machine-card {{ card.health.status }}{% if card.day_amp.changed %} amp-changed-card{% endif %}" href="{{ url_for('logs_page', machine_id=card.machine.id) }}">
            <header>
              <strong>{{ card.machine.machine_number }}</strong>
              <span class="pill {{ card.health.status }}">
                {% if card.health.status == 'ok' %}{{ t('normal') }}
                {% elif card.health.status == 'watch' %}{{ t('watch') }}
                {% elif card.health.status == 'alert' %}{{ t('alert') }}
                {% else %}—{% endif %}
              </span>
            </header>
            <p>{{ card.machine.location or card.machine.company_name }}</p>
            {% set last = card.health.motors[0].reading if card.health.motors else None %}
            <small>{{ t('last_reading') }}: {{ fmt_date(last['log_date']) if last else '—' }}</small>
            {% if card.day_amp.changed %}
              <small class="day-changed-note">{{ t('amp_changed') }} · {{ t('vs_prev_day') }}</small>
            {% endif %}
          </a>
        {% endfor %}
      </div>
    {% else %}
      <p class="empty">{{ t('no_machines') }}</p>
    {% endif %}
  </div>
</section>
{% endblock %}