{% extends 'base/layout.html' %}
{% load helpers %}

{% block title %}Batch cabling (CSV){% endblock %}

{% block content %}
<div class="row">
  <div class="col col-md-7">
    <div class="card">
      <h2 class="card-header">Batch cabling</h2>
      <div class="card-body">
        <form method="post" enctype="multipart/form-data"
              action="{% url 'plugins:netbox_autocabling:batch' %}">
          {% csrf_token %}
          <div class="mb-2">
            <label class="form-label">CSV</label>
            <textarea name="csv_text" rows="8" class="form-control font-monospace"
                      placeholder="src_device,dest_device,src_port,dest_port,media">{{ csv_value }}</textarea>
            <div class="form-text">Header: src_device,dest_device,src_port,dest_port,media</div>
          </div>
          <div class="mb-2">
            <label class="form-label">…or CSV file</label>
            <input type="file" name="csv_file" class="form-control">
          </div>
          <button type="submit" class="btn btn-primary">Analyze the batch →</button>
        </form>
        {% if form.non_field_errors %}<div class="alert alert-danger mt-2">{{ form.non_field_errors }}</div>{% endif %}
      </div>
    </div>
  </div>
</div>

{% if lines %}
<div class="row mt-3">
  <div class="col col-md-12">
    <div class="card">
      <h2 class="card-header">
        {% if executed %}Batch result{% else %}Preview — collision-free allocation{% endif %}
      </h2>
      <table class="table table-hover">
        <thead>
          <tr><th>#</th><th>Source</th><th>Destination</th><th>Media</th><th>Status</th><th>Path</th><th>Detail</th></tr>
        </thead>
        <tbody>
          {% for line in lines %}
            <tr>
              <td>{{ line.n }}</td>
              <td class="font-monospace">{{ line.row.src_device }} : {{ line.row.src_port }}</td>
              <td class="font-monospace">{{ line.row.dest_device }} : {{ line.row.dest_port }}</td>
              <td>{{ line.row.media }}</td>
              <td>
                {% if line.row.error %}
                  <span class="badge text-bg-red">error</span>
                {% elif line.plan %}
                  {% if line.plan.status == 'found' or line.plan.status == 'direct_intra_rack' %}
                    <span class="badge text-bg-green">{{ line.plan.status }}</span>
                  {% elif line.plan.status == 'propose_direct_no_path' or line.plan.status == 'exhausted' %}
                    <span class="badge text-bg-orange">{{ line.plan.status }}</span>
                  {% else %}
                    <span class="badge text-bg-red">{{ line.plan.status }}</span>
                  {% endif %}
                {% endif %}
                {% if line.plan.bridges %}
                  <span class="badge text-bg-orange" title="includes {{ line.plan.bridges|length }} direct bridge cable(s) to pull">╌ bridge ×{{ line.plan.bridges|length }}</span>
                {% endif %}
                {% if line.plan.overflow %}
                  <span class="badge text-bg-orange" title="saturation overflow — borrows a co-located rack via a same-room cable">⤢ overflow ×{{ line.plan.overflow|length }}</span>
                {% endif %}
                {% if line.result.job %}
                  → {{ line.result.job|linkify }}
                {% endif %}
              </td>
              <td class="font-monospace small">
                {% if line.plan.path_steps %}
                  {% for step in line.plan.path_steps %}{{ step.rack }}{% if step.link == 'bridge' %} <span class="text-orange" title="bridge">╌</span> {% elif step.link == 'trunk' %} <span class="text-muted">›</span> {% endif %}{% endfor %}
                {% elif line.plan.path_names %}
                  {{ line.plan.path_names|join:" › " }}
                {% endif %}
              </td>
              <td class="text-muted">
                {% if line.row.error %}{{ line.row.error }}{% elif line.plan %}{{ line.plan.reason }}{% endif %}
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
      {% if not executed %}
        <div class="card-footer">
          {% if n_bridge_rows %}
            <div class="alert alert-warning py-2">
              <strong>⚠ {{ n_bridge_rows }} row(s) include a direct bridge</strong> — a
              panel-to-panel cable to physically pull within a room (not just patching).
              Review the <em>bridge</em> rows above before executing.
            </div>
          {% endif %}
          {% if n_overflow_rows %}
            <div class="alert alert-warning py-2">
              <strong>⚠ {{ n_overflow_rows }} row(s) use saturation overflow</strong> — a
              rack's trunks are full, so a same-room cable to a co-located rack must be
              pulled. Review the <em>overflow</em> rows before executing.
            </div>
          {% endif %}
          <form method="post" action="{% url 'plugins:netbox_autocabling:batch' %}">
            {% csrf_token %}
            {# execute the *analyzed* CSV (snapshot), not the editable textarea above #}
            <input type="hidden" name="csv_text" value="{{ csv_value }}">
            <button type="submit" name="execute" value="1" class="btn btn-success">
              ✓ Execute this analyzed batch
            </button>
            <span class="text-muted ms-2">Executes exactly what is previewed above. Edit the CSV → Analyze again to refresh.</span>
          </form>
        </div>
      {% endif %}
    </div>
  </div>
</div>
{% endif %}
{% endblock %}