{% extends "generic/object.html" %}
{% load helpers %}

{% block extra_controls %}
  <form method="post"
        action="{% url 'plugins:netbox_bmc:bmcendpoint_build_modules' pk=object.pk %}"
        class="d-inline">
    {% csrf_token %}
    <button type="submit" class="btn btn-primary">
      <i class="mdi mdi-chip"></i> Build Modules
    </button>
  </form>

  <span class="ms-2" style="vertical-align:middle;font-size:.9rem;">Power Status: <span id="power-status-text" style="font-weight:bold;">…</span></span>

  {% with power_url="plugins:netbox_bmc:bmcendpoint_power" %}
  <div class="btn-group ms-1" role="group">
    <form method="post" action="{% url power_url pk=object.pk %}" class="d-inline">
      {% csrf_token %}<input type="hidden" name="action" value="on">
      <button type="submit" class="btn btn-success btn-sm text-white" title="Power On">
        <i class="mdi mdi-power"></i> On
      </button>
    </form>
    <form method="post" action="{% url power_url pk=object.pk %}" class="d-inline">
      {% csrf_token %}<input type="hidden" name="action" value="off">
      <button type="submit" class="btn btn-danger btn-sm" title="Power Off (Hard)"
              onclick="return confirm('Hard power off?')">
        <i class="mdi mdi-power-off"></i> Off
      </button>
    </form>
    <form method="post" action="{% url power_url pk=object.pk %}" class="d-inline">
      {% csrf_token %}<input type="hidden" name="action" value="soft">
      <button type="submit" class="btn btn-outline-warning btn-sm" title="Soft Off (ACPI)">
        <i class="mdi mdi-power-sleep"></i> Soft
      </button>
    </form>
    <form method="post" action="{% url power_url pk=object.pk %}" class="d-inline">
      {% csrf_token %}<input type="hidden" name="action" value="cycle">
      <button type="submit" class="btn btn-outline-secondary btn-sm" title="Power Cycle"
              onclick="return confirm('Power cycle?')">
        <i class="mdi mdi-restart"></i> Cycle
      </button>
    </form>
    <form method="post" action="{% url power_url pk=object.pk %}" class="d-inline">
      {% csrf_token %}<input type="hidden" name="action" value="reset">
      <button type="submit" class="btn btn-outline-secondary btn-sm" title="Reset"
              onclick="return confirm('Reset?')">
        <i class="mdi mdi-reload"></i> Reset
      </button>
    </form>
  </div>
  {% endwith %}

  <a href="{% url 'plugins:netbox_bmc:bmcendpoint_raw' pk=object.pk %}?depth=3"
     target="_blank" class="btn btn-outline-secondary ms-1">
    <i class="mdi mdi-code-json"></i> Raw Data
  </a>
{% endblock %}

{% block content %}
<div class="row">
  <div class="col col-md-6">
    <div class="card">
      <h5 class="card-header">BMC Endpoint</h5>
      <table class="table table-hover attr-table">
        <tr><th scope="row">Device</th>
            <td>{{ object.device|linkify }}</td></tr>
        <tr><th scope="row">IP Address</th>
            <td>{{ object.ip_address|linkify }}{% if object.port %}:{{ object.port }}{% endif %}</td></tr>
        <tr><th scope="row">Protocol</th>
            <td>{{ object.get_protocol_display }}</td></tr>
        <tr><th scope="row">Verify SSL</th>
            <td>{% checkmark object.verify_ssl %}</td></tr>
      </table>
    </div>

    <div class="card mt-3">
      <h5 class="card-header">Credentials</h5>
      <table class="table table-hover attr-table">
        {% if secrets_available %}
          <tr>
            <th scope="row">netbox-secrets</th>
            <td>
              {% if secret_found %}
                <span class="badge bg-success">
                  <i class="mdi mdi-lock-check"></i> Secret found (bmc-credentials role)
                </span>
              {% else %}
                <span class="badge bg-warning text-dark">
                  <i class="mdi mdi-lock-alert"></i> No secret found for this device
                </span>
                <div class="text-muted small mt-1">
                  Add a Secret with role <code>bmc-credentials</code> assigned to
                  <strong>{{ object.device }}</strong>.<br>
                  Set <em>Name</em> = BMC username, <em>Plaintext</em> = BMC password.
                  {% if object.username %}
                    Falling back to plaintext fields.
                  {% endif %}
                </div>
              {% endif %}
            </td>
          </tr>
        {% else %}
          <tr>
            <td colspan="2">
              <span class="badge bg-secondary">netbox-secrets not installed</span>
              — credentials stored in plaintext fields below.
            </td>
          </tr>
        {% endif %}
        {% if object.username %}
          <tr><th scope="row">Username (fallback)</th>
              <td><code>{{ object.username }}</code></td></tr>
          <tr><th scope="row">Password (fallback)</th>
              <td><em class="text-muted">stored (plaintext)</em></td></tr>
        {% endif %}
      </table>
    </div>
  </div>

  <div class="col col-md-6">
    <div class="card">
      <h5 class="card-header">Sync Status</h5>
      <table class="table table-hover attr-table">
        <tr><th scope="row">Detected Vendor</th>
            <td>{{ object.detected_vendor|placeholder }}</td></tr>
        <tr><th scope="row">Detected Protocol</th>
            <td>{{ object.detected_protocol|placeholder }}</td></tr>
        <tr><th scope="row">Detected Serial</th>
            <td>{{ object.detected_serial|placeholder }}</td></tr>
        <tr><th scope="row">Last Sync</th>
            <td>{{ object.last_sync|placeholder }}</td></tr>
        <tr><th scope="row">Status</th>
            <td>{{ object.last_sync_status|placeholder }}</td></tr>
      </table>
    </div>
  </div>
</div>
{% endblock %}

{% block javascript %}
{{ block.super }}
<script>
(function () {
  const url = "{% url 'plugins:netbox_bmc:bmcendpoint_power_status' pk=object.pk %}";
  const text = document.getElementById("power-status-text");

  fetch(url)
    .then(r => r.json())
    .then(data => {
      text.textContent = data.error ? "error" : (data.state || "unknown").toLowerCase();
    })
    .catch(() => { text.textContent = "unreachable"; });
})();
</script>
{% endblock %}