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

{% block content %}
<div class="row">
  <div class="col col-md-6">
    <div class="card">
      <h5 class="card-header">Webhook Event</h5>
      <table class="table table-hover attr-table">
        <tr><th scope="row">Event Type</th><td>{{ object.get_event_type_display }}</td></tr>
        <tr><th scope="row">Node</th><td>{{ object.node|default:"—" }}</td></tr>
        <tr><th scope="row">VM ID</th><td>{{ object.vmid|default:"—" }}</td></tr>
        <tr><th scope="row">VM Name</th><td>{{ object.vm_name|default:"—" }}</td></tr>
      <tr><th scope="row">Received</th><td>{{ object.received_at|date:"Y-m-d H:i" }}</td></tr>
      </table>
    </div>
  </div>
  <div class="col col-md-6">
    <div class="card">
      <h5 class="card-header">Processing</h5>
      <table class="table table-hover attr-table">
        <tr><th scope="row">Processed</th><td>{% if object.processed %}<span class="badge text-bg-success">Yes</span>{% else %}<span class="badge text-bg-warning">No</span>{% endif %}</td></tr>
      <tr><th scope="row">Processed At</th><td>{% if object.processed_at %}{{ object.processed_at|date:"Y-m-d H:i" }}{% else %}—{% endif %}</td></tr>
        <tr><th scope="row">Sync Job</th><td>{% if object.sync_job %}<a href="{{ object.sync_job.get_absolute_url }}">#{{ object.sync_job.id }}</a>{% else %}—{% endif %}</td></tr>
        <tr><th scope="row">Error</th><td>{{ object.processing_error|default:"—" }}</td></tr>
      </table>
    </div>
  </div>
</div>
{% if object.raw_data %}
<div class="row mt-3">
  <div class="col">
    <div class="card">
      <h5 class="card-header">Raw Event Data</h5>
      <div class="card-body">
        <pre class="mb-0"><code>{{ object.raw_data|pprint }}</code></pre>
      </div>
    </div>
  </div>
</div>
{% endif %}
{% endblock %}