{% extends "base.html" %}
{% block title %}Inputs — {{ model.__class__.__name__ }}{% endblock %}

{% block content %}
<div class="page-header d-print-none mt-3">
  <div class="row align-items-center">
    <div class="col">
      <h2 class="page-title">Inputs</h2>
    </div>
  </div>
</div>

{% if error %}
<div class="alert alert-danger alert-dismissible fade show mt-3">
  {{ error }}
  <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
</div>
{% endif %}

{% if not inputs %}
<div class="card mt-3">
  <div class="card-body text-muted">This model has no input line items.</div>
</div>
{% else %}
<form method="POST" action="{{ url_for('update_inputs') }}">

  {# Scalar inputs — one value per item #}
  {% set scalar_inputs = inputs | selectattr("is_scalar") | list %}
  {% if scalar_inputs %}
  <div class="card mt-3">
    <div class="card-header">
      <h3 class="card-title">Scalar Inputs</h3>
    </div>
    <div class="card-body">
      <div class="row g-3">
        {% for inp in scalar_inputs %}
        <div class="col-sm-6 col-md-4 col-lg-3">
          <label class="form-label">
            {{ inp.label }}
            <a href="{{ url_for('line_item', name=inp.name) }}" class="text-muted small font-monospace ms-1">{{ inp.name }}</a>
          </label>
          <input type="number" step="any" name="{{ inp.name }}"
                 value="{{ inp.value }}"
                 class="form-control">
          <div class="text-muted small mt-1 font-monospace">Current: {{ inp.formatted_values[0] }}</div>
        </div>
        {% endfor %}
      </div>
    </div>
  </div>
  {% endif %}

  {# Period-indexed inputs — one column per period #}
  {% set period_inputs = inputs | rejectattr("is_scalar") | list %}
  {% if period_inputs %}
  <div class="card mt-3">
    <div class="card-header">
      <h3 class="card-title">Period Inputs</h3>
    </div>
    <div class="table-responsive">
      <table class="table table-vcenter card-table">
        <thead>
          <tr>
            <th>{{ model.__class__.period_label or "Input" }}</th>
            {% for period in model.periods %}
            <th class="text-end">{{ period }}</th>
            {% endfor %}
          </tr>
        </thead>
        <tbody>
          {% for inp in period_inputs %}
          <tr>
            <td>
              <div>{{ inp.label }}</div>
              <a href="{{ url_for('line_item', name=inp.name) }}" class="text-muted small font-monospace">{{ inp.name }}</a>
            </td>
            {% for period in model.periods %}
            <td>
              <input type="number" step="any"
                     name="{{ inp.name }}_{{ period }}"
                     value="{{ inp.value[period] }}"
                     class="form-control form-control-sm text-end"
                     style="min-width: 100px;">
            </td>
            {% endfor %}
          </tr>
          <tr class="text-muted small">
            <td class="ps-2">Current</td>
            {% for fv in inp.formatted_values %}
            <td class="text-end font-monospace">{{ fv }}</td>
            {% endfor %}
          </tr>
          {% endfor %}
        </tbody>
      </table>
    </div>
  </div>
  {% endif %}

  <div class="mt-3">
    <button type="submit" class="btn btn-primary">Update Model</button>
  </div>

</form>
{% endif %}

{% endblock %}