{% extends "base.html" %}
{% block content %}
<div class="page-head">
  <div>
    <p class="eyebrow">{{ t('motor_help') }}</p>
    <h1>{{ t('profile_machines') }}{% if active_company %} · {{ active_company.name }}{% endif %}</h1>
  </div>
  <button class="btn solid" type="button" data-open="machine-modal">{{ t('add_machine') }}</button>
</div>

{% if rows %}
<div class="table-scroll">
<table class="sheet">
  <thead>
    <tr>
      <th>{{ t('machine_no') }}</th>
      <th>{{ t('company') }}</th>
      <th>{{ t('motor_hp') }}</th>
      <th>{{ t('location') }}</th>
      <th>{{ t('status') }}</th>
      <th></th>
    </tr>
  </thead>
  <tbody>
    {% for row in rows %}
      <tr>
        <td class="mono">{{ row.machine.machine_number }}</td>
        <td>{{ row.machine.company_name }}</td>
        <td>
          {% for m in row.motors %}
            <span class="chip">{{ m.hp|int if m.hp == m.hp|int else m.hp }}HP
              E {{ m.expected_empty if m.expected_empty is not none else '—' }} /
              L {{ m.expected_loading if m.expected_loading is not none else '—' }} /
              O {{ m.expected_overload if m.expected_overload is not none else '—' }}
            </span>
          {% endfor %}
        </td>
        <td>{{ row.machine.location }}</td>
        <td><span class="pill {{ row.health.status }}">
          {% if row.health.status == 'ok' %}{{ t('normal') }}
          {% elif row.health.status == 'watch' %}{{ t('watch') }}
          {% elif row.health.status == 'alert' %}{{ t('alert') }}
          {% else %}—{% endif %}
        </span></td>
        <td class="row-actions">
          <a class="btn tiny" href="{{ url_for('logs_page', machine_id=row.machine.id) }}">{{ t('open_log') }}</a>
          <button class="btn tiny" type="button" data-edit-machine="{{ row.machine.id }}">{{ t('edit') }}</button>
          <form method="post" action="{{ url_for('delete_machine', machine_id=row.machine.id) }}" onsubmit="return confirm('{{ t('confirm_delete') }}')">
            <button class="btn tiny danger" type="submit">{{ t('delete') }}</button>
          </form>
        </td>
      </tr>
    {% endfor %}
  </tbody>
</table>
</div>
{% else %}
  <p class="empty">{{ t('no_machines') }}</p>
{% endif %}

<dialog id="machine-modal" class="modal">
  <form method="post" class="modal-card">
    <h2 id="machine-modal-title" data-add="{{ t('add_machine') }}">{{ t('add_machine') }}</h2>
    <input type="hidden" name="machine_id" id="machine_id">
    {% if user.role == 'admin' %}
      {% if active_company %}
        <input type="hidden" name="company_id" value="{{ active_company.id }}">
        <p class="hint">{{ t('viewing_profile') }}: {{ active_company.name }}</p>
      {% else %}
      <label>{{ t('company') }}
        <select name="company_id" id="machine_company" required>
          {% for c in companies %}
            <option value="{{ c.id }}" {% if company_id == c.id %}selected{% endif %}>{{ c.name }}</option>
          {% endfor %}
        </select>
      </label>
      {% endif %}
    {% endif %}
    <label>{{ t('machine_no') }}
      <input name="machine_number" id="machine_number" required placeholder="DP-01">
    </label>
    <label>{{ t('location') }}
      <input name="location" id="machine_location" placeholder="Line 1">
    </label>
    <label>{{ t('notes') }}
      <input name="notes" id="machine_notes">
    </label>
    <div class="motor-block">
      <div class="motor-head">
        <h3>{{ t('motor') }}</h3>
        <button class="btn tiny" type="button" id="add-motor-row">{{ t('add_motor') }}</button>
      </div>
      <p class="hint">{{ t('hp_auto_fill') }}</p>
      <div id="motor-rows"></div>
    </div>
    <div class="modal-actions">
      <button class="btn" type="button" data-close="machine-modal">{{ t('cancel') }}</button>
      <button class="btn solid" type="submit">{{ t('save') }}</button>
    </div>
  </form>
</dialog>
<template id="motor-row-template">
  <div class="motor-row">
    <input type="hidden" name="motor_id" value="">
    <label>{{ t('hp') }} <input name="motor_hp" type="number" step="0.1" min="0.1" value="3" required></label>
    <label>{{ t('label') }} <input name="motor_label" placeholder="3HP Motor"></label>
    <label>{{ t('empty_amper') }} / Unload <input name="motor_empty" type="number" step="0.01" min="0"></label>
    <label>{{ t('loading_amper') }} <input name="motor_loading" type="number" step="0.01" min="0"></label>
    <label>{{ t('overload_amper') }} <input name="motor_overload" type="number" step="0.01" min="0"></label>
    <button class="btn tiny danger remove-motor" type="button">×</button>
    <p class="typical-note"></p>
  </div>
</template>
{% endblock %}
{% block scripts %}
<script>window.FLA_400V3 = {{ fla_table_json|safe }};</script>
{% endblock %}