{% extends "base.html" %}
{% load i18n %}
{% load static %}
{% load bootstrap_icons %}
{% block title %}{% trans "Removed VMs" %}{% endblock %}
{% block content %}
<div class="row">
    <div class="col-lg-12">
        {% include 'search_block.html' %}
        <h1 class="mb-3">{% trans "Removed VMs" %}</h1>
        <p class="text-muted">{% trans "VMs that vanished from their compute. Their owners come back if the same UUID shows up again before the record expires." %}</p>
    </div>
</div>
<div class="row">
    {% if not tombstones %}
        <div class="col-lg-12">
            <div class="alert alert-info shadow-sm">
                {% bs_icon 'info-circle' %} {% trans "No removed VMs" %}
            </div>
        </div>
    {% else %}
        <div class="col-lg-12">
            <div class="table-responsive">
                <table class="table table-striped table-hover align-middle">
                    <thead>
                        <tr>
                            <th scope="col">{% trans "Name" %}</th>
                            <th scope="col">{% trans "UUID" %}</th>
                            <th scope="col">{% trans "Host" %}</th>
                            <th scope="col">{% trans "Owners" %}</th>
                            <th scope="col">{% trans "Removed" %}</th>
                            <th scope="col">{% trans "Expires" %}</th>
                            <th scope="col">{% trans "Actions" %}</th>
                        </tr>
                    </thead>
                    <tbody class="searchable">
                    {% for tombstone in tombstones %}
                        <tr>
                            <td>
                                <strong>{{ tombstone.name }}</strong>
                                {% if tombstone.is_template %}<span class="badge bg-secondary">{% trans "Template" %}</span>{% endif %}
                            </td>
                            <td>{{ tombstone.uuid }}</td>
                            <td>{{ tombstone.host }}</td>
                            <td>{{ tombstone.owner_names|join:", " }}</td>
                            <td>{{ tombstone.removed|date:"Y-m-d H:i" }}</td>
                            <td>{{ tombstone.expires|date:"Y-m-d H:i" }}</td>
                            <td>
                                <div class="float-end btn-group">
                                    <a class="btn btn-danger" href="{% url 'admin:tombstone_delete' tombstone.id %}" title="{% trans "Delete" %}">
                                        {% bs_icon 'x' %}
                                    </a>
                                </div>
                            </td>
                        </tr>
                    {% endfor %}
                    </tbody>
                </table>
            </div>
        </div>
    {% endif %}
</div>
{% endblock content %}

{% block script %}
<script src="{% static 'js/table_filter.js' %}"></script>
{% endblock script %}