{% extends "base.html" %}
{% block title %}{{ t('analysis') }}{% if selected %} · {{ selected.machine_number }}{% endif %} · {{ view_display }}{% endblock %}
{% block content %}
<div class="page-head no-print">
  <div>
    <p class="eyebrow">{{ t('monthly_loading') }}</p>
    <h1>{{ t('analysis') }}{% if active_company %} · {{ active_company.name }}{% endif %}{% if selected %} · {{ selected.machine_number }}{% endif %}</h1>
  </div>
  <div class="actions">
    <button class="btn solid" type="button" data-download-pdf data-busy="{{ t('downloading_pdf') }}">{{ t('download_pdf') }}</button>
    {% if selected %}
    <a class="btn" href="{{ url_for('logs_page', machine_id=selected.id, company_id=company_id) }}">{{ t('open_log') }}</a>
    {% endif %}
  </div>
</div>

{% if not machines %}
  <p class="empty">{{ t('need_machine') }} <a href="{{ url_for('machines_page') }}">{{ t('add_machine') }}</a></p>
{% else %}
  <form class="filter-bar no-print" method="get">
    <input type="hidden" name="machine_id" value="{{ selected.id if selected else '' }}">
    <label>{{ t('view_month') }}
      <input type="month" name="month" value="{{ month_value }}">
    </label>
    <button class="btn solid" type="submit">{{ t('search_month') }}</button>
    <button class="btn" type="button" data-download-pdf data-busy="{{ t('downloading_pdf') }}">{{ t('download_pdf') }}</button>
    {% if not is_this_month %}
      <a class="btn tiny" href="{{ url_for('analysis_page', machine_id=selected.id, company_id=company_id) if selected else url_for('analysis_page', company_id=company_id) }}">{{ t('this_month') }}</a>
    {% endif %}
    <span class="date-stamp">{{ t('date') }} — {{ view_display }}</span>
  </form>

  {% include "_machine_switch.html" %}

  <section class="chart-block">
    <h3>{{ t('all_machines_chart') }} · {{ view_display }}</h3>
    <p class="hint">{{ t('monthly_loading') }}</p>
    {% if combined_has_data %}
      <div class="chart-frame">
        <canvas id="chart-all-machines"></canvas>
      </div>
    {% else %}
      <p class="empty">{{ t('no_data') }}</p>
    {% endif %}
  </section>

  {% if selected %}
  <section class="analysis-hero {{ health.status }}">
    <div>
      <p class="mono">{{ selected.machine_number }}</p>
      <h2>{{ selected.company_name }}</h2>
      <p>{{ selected.location }} {{ selected.notes }}</p>
    </div>
    <span class="pill lg {{ health.status }}">
      {% if health.status == 'ok' %}{{ t('healthy') }}
      {% elif health.status == 'watch' %}{{ t('needs_check') }}
      {% elif health.status == 'alert' %}{{ t('critical') }}
      {% else %}{{ t('no_readings') }}{% endif %}
    </span>
  </section>

  <section class="findings">
    <h2>{{ t('findings') }}</h2>
    {% if health.issues %}
      <ul>
        {% for code in health.issues %}
          <li>{{ finding_text(code) }}</li>
        {% endfor %}
      </ul>
    {% else %}
      <p class="empty">{{ t('no_alerts') }}</p>
    {% endif %}
  </section>

  <h2 class="chart-title">{{ t('this_machine_chart') }} · {{ selected.machine_number }} · {{ view_display }}</h2>
  <div id="machine-month-report">
  {% include "_machine_charts.html" %}
  </div>
  {% endif %}
{% endif %}
{% endblock %}
{% block scripts %}
{% if machines %}
{% include "_chart_scripts.html" %}
{% endif %}
{% endblock %}