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

{# Suppress default NetBox object tabs (including changelog & journal) by overriding the tab blocks with empty content #}
{% block tabs %}{% endblock %}
{% block subheader %}{% endblock %}

{% block content %}

  <div style="margin-bottom: 0.75rem;">
    {# Using single-line if to avoid multiline parsing issues #}
    {% if perms.netbox_branch_review.approve_changerequest and object.status != "approved" and object.status != "implemented" %}
      <form method="post"
            action="{% url 'plugins:netbox_branch_review:changerequest_approve' pk=object.pk %}"
            style="display:inline;">
        {% csrf_token %}
        <button type="submit" class="btn btn-sm btn-success">Approve</button>
      </form>
    {% endif %}

    {% if perms.netbox_branch_review.peer_review_changerequest and object.status != "approved" and object.status != "implemented" %}
      <form method="post"
            action="{% url 'plugins:netbox_branch_review:changerequest_peer_review' pk=object.pk %}"
            style="display:inline;">
        {% csrf_token %}
        <button type="submit" class="btn btn-sm btn-secondary">Peer Review</button>
      </form>
    {% endif %}

    {% if perms.netbox_branch_review.merge_changerequest and object.status == "approved" and object.branch_id %}
      <form method="post"
            action="{% url 'plugins:netbox_branch_review:changerequest_merge' pk=object.pk %}"
            style="display:inline;">
        {% csrf_token %}
        <button type="submit" class="btn btn-sm btn-primary">Merge / Implement</button>
      </form>
    {% endif %}

    {# Revoke approvals (undo) - Django template if doesn't support parentheses grouping reliably; use nested blocks #}
    {% if perms.netbox_branch_review.revoke_changerequest and object.status != "implemented" %}
      {% if object.approver_1 or object.approver_2 %}
        <form method="post"
              action="{% url 'plugins:netbox_branch_review:changerequest_revoke' pk=object.pk %}"
              style="display:inline;"
              onsubmit="return confirm('Revoke recorded approvals and reset status to Pending?');">
          {% csrf_token %}
          <button type="submit" class="btn btn-sm btn-warning">Revoke Approvals</button>
        </form>
      {% endif %}
    {% endif %}
  </div>

  <div class="row">
    <div class="col col-md-4">
      <table class="table table-hover attr-table">
        <tr><th>Title</th><td>{{ object.title }}</td></tr>
        <tr><th>Status</th><td>{{ object.get_status_display }}</td></tr>
        <tr><th>Requested By</th><td>{{ object.requested_by|placeholder }}</td></tr>
        <tr><th>Planned Window</th><td>{{ object.planned_start|placeholder }} → {{ object.planned_end|placeholder }}</td></tr>
        <tr><th>Risk</th><td>{{ object.risk|placeholder }}</td></tr>
        <tr><th>Impact</th><td>{{ object.impact|placeholder }}</td></tr>
        <tr><th>Target Object</th><td>{% if object.target %}{{ object.target }}{% else %}<span class="text-muted">None</span>{% endif %}</td></tr>
        <tr><th>Branch</th><td>{% if object.branch %}{{ object.branch }}{% else %}<span class="text-muted">None</span>{% endif %}</td></tr>
        <tr>
          <th>Approvals</th>
          <td>
            {% if object.approvers_required == 2 %}
              {% if object.approver_1 %}{{ object.approver_1 }} @ {{ object.approver_1_at }}{% else %}<span class="text-muted">Pending</span>{% endif %}<br/>
              {% if object.approver_2 %}{{ object.approver_2 }} @ {{ object.approver_2_at }}{% else %}<span class="text-muted">Pending</span>{% endif %}
            {% else %}
              {% if object.approver_1 %}{{ object.approver_1 }} @ {{ object.approver_1_at }}{% else %}<span class="text-muted">Pending</span>{% endif %}
            {% endif %}
          </td>
        </tr>
      </table>
    </div>

    <div class="col col-md-8">
      <h4>Summary</h4>
      <div class="card"><div class="card-body">{{ object.summary|placeholder }}</div></div>

      <h4 style="margin-top:1rem;">Pending Branch Changes</h4>
      <div class="card"><div class="card-body">
        {% if object.branch %}
          {% if unmerged_changes_count > 0 %}
            <ul style="margin-bottom:0;">
              {% for c in unmerged_changes|slice:":20" %}
                <li>{{ c }}</li>
              {% endfor %}
            </ul>
            {% if unmerged_changes_count > 20 %}
              <div class="text-muted" style="margin-top:4px;">… and {{ unmerged_changes_count|add:-20 }} more</div>
            {% endif %}
          {% else %}
            <span class="text-muted">No pending changes.</span>
          {% endif %}
        {% else %}
          <span class="text-muted">No branch attached.</span>
        {% endif %}
      </div></div>

  <h4 style="margin-top:1rem;">Activity</h4>
      <div class="card"><div class="card-body">
        {% for log in object.audit_logs.all|slice:":10" %}
          <span class="badge bg-info text-dark" style="margin:2px;">{{ log.created|date:"Y-m-d H:i" }} - {{ log.get_action_display }} by {{ log.user }}</span><br/>
        {% empty %}
          <span class="text-muted">No activity yet.</span>
        {% endfor %}
      </div></div>
    </div>
  </div>
{% endblock %}