{% extends 'generic/_base.html' %}
{% load helpers %}
{% load i18n %}

{% block title %}{% blocktrans with name=object.name %}Destroy {{ name }}{% endblocktrans %}{% endblock %}

{% block subtitle %}
  <div class="text-secondary fs-5">
    {% trans "Virtual machine" %} <a href="{{ object.get_absolute_url }}">{{ object.name }}</a>
  </div>
{% endblock %}

{% block content %}
<div class="row">
  <div class="col col-12 col-lg-8 offset-lg-2">
    <div class="card">
      <h2 class="card-header">{% trans "Server" %}</h2>
      <table class="table table-hover attr-table">
        <tr>
          <th scope="row">{% trans "Virtual machine" %}</th>
          <td><a href="{{ object.get_absolute_url }}">{{ object.name }}</a></td>
        </tr>
        <tr>
          <th scope="row">{% trans "Provider" %}</th>
          <td><a href="{{ provider.get_absolute_url }}">{{ provider.name }}</a></td>
        </tr>
        <tr>
          <th scope="row">{% trans "Server ID" %}</th>
          <td class="font-monospace">{{ row.external_id|placeholder }}</td>
        </tr>
        <tr>
          <th scope="row">{% trans "State" %}</th>
          <td>{% badge row.get_state_display bg_color=state_color %}</td>
        </tr>
        <tr>
          <th scope="row">{% trans "Location" %}</th>
          <td class="font-monospace">{{ row.location|placeholder }}</td>
        </tr>
      </table>
    </div>

    <div class="alert alert-danger" role="alert" id="destroy-warning">{{ warning }}</div>

    <form method="post" action="{% url 'plugins:netbox_orchestrator:provider_vm_destroy' object.pk %}">
      {% csrf_token %}
      <div class="form-check mb-3">
        <input type="checkbox" class="form-check-input" name="confirm" value="1" id="id_confirm" required>
        <label class="form-check-label" for="id_confirm">{% trans "I understand" %}</label>
      </div>
      <div class="d-flex justify-content-end gap-2">
        <a href="{{ object.get_absolute_url }}" class="btn btn-outline-secondary">{% trans "Cancel" %}</a>
        <button type="submit" class="btn btn-danger">
          <i class="mdi mdi-server-remove" aria-hidden="true"></i> {% trans "Destroy" %}
        </button>
      </div>
    </form>
  </div>
</div>
{% endblock content %}