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

{% block control-buttons %}
<div class="controls">
  <div class="control-group">
    {% custom_links object %}
  </div>
  {% if not object.override_applied and object.blocking_reasons %}
    <div id="validation_force_allow_button">
      {% include 'forward_netbox/partials/validation_force_allow_button.html' with object=object %}
    </div>
  {% endif %}
</div>
{% endblock control-buttons %}

{% block content %}
<div class="row mb-3">
  <div class="col col-md-6">
    <div class="card">
      <h5 class="card-header">{% trans "Validation Run" %}</h5>
      <div class="card-body">
        <table class="table table-hover attr-table">
          <tr>
            <th scope="row">{% trans "Sync" %}</th>
            <td><a href="{{ object.sync.get_absolute_url }}">{{ object.sync }}</a></td>
          </tr>
          <tr>
            <th scope="row">{% trans "Policy" %}</th>
            <td>
              {% if object.policy %}
                <a href="{{ object.policy.get_absolute_url }}">{{ object.policy }}</a>
              {% else %}
                {{ ""|placeholder }}
              {% endif %}
            </td>
          </tr>
          <tr>
            <th scope="row">{% trans "Status" %}</th>
            <td>{{ object.get_status_display }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Allowed" %}</th>
            <td>{{ object.allowed|yesno:"Yes,No" }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Force Allowed" %}</th>
            <td>{{ object.override_applied|yesno:"Yes,No" }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Snapshot Selection" %}</th>
            <td>{{ object.snapshot_selector|placeholder }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Snapshot ID" %}</th>
            <td>{{ object.snapshot_id|placeholder }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Baseline Snapshot" %}</th>
            <td>{{ object.baseline_snapshot_id|placeholder }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Started" %}</th>
            <td>{{ object.started|placeholder }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Completed" %}</th>
            <td>{{ object.completed|placeholder }}</td>
          </tr>
        </table>
      </div>
    </div>
    {% if object.override_applied %}
      <div class="card">
        {% include 'extras/inc/configcontext_data.html' with title="Force-Allow Details" data=object.override_blocking_reasons format="json" copyid="forward-validation-force-allow-blocking-reasons" %}
        <div class="card-body">
          <table class="table table-hover attr-table">
            <tr>
              <th scope="row">{% trans "Override Reason" %}</th>
              <td>{{ object.override_reason|placeholder }}</td>
            </tr>
            <tr>
              <th scope="row">{% trans "Override By" %}</th>
              <td>{{ object.override_user|placeholder }}</td>
            </tr>
            <tr>
              <th scope="row">{% trans "Override At" %}</th>
              <td>{{ object.override_at|placeholder }}</td>
            </tr>
          </table>
        </div>
      </div>
    {% endif %}
  </div>
  <div class="col col-md-6">
    {% if object.blocking_reasons %}
      <div class="card">
        {% include 'extras/inc/configcontext_data.html' with title="Blocking Reasons" data=object.blocking_reasons format="json" copyid="forward-validation-blocking-reasons" %}
      </div>
    {% endif %}
    <div class="card">
      {% include 'extras/inc/configcontext_data.html' with title="Drift Summary" data=object.drift_summary format="json" copyid="forward-validation-drift-summary" %}
    </div>
    <div class="card">
      {% include 'extras/inc/configcontext_data.html' with title="Model Results" data=object.model_results format="json" copyid="forward-validation-model-results" %}
    </div>
  </div>
</div>
{% endblock content %}