{% load i18n %}
{% load bootstrap_icons %}
{% load vm_states %}
{% vm_actions instance as actions %}
{% if actions %}
<div class="btn-group" role="group" aria-label="Instance actions">
    {% if "clone" in actions %}
        <a href="{% url 'instances:instance' instance.id %}#clone" class="btn btn-sm btn-secondary" title="{% trans "Clone" %}">
            {% bs_icon 'copy' %}
        </a>
    {% elif "poweron" in actions %}
        <form action="{% url 'instances:poweron' instance.id %}" method="post" style="display:inline;" onsubmit="showPleaseWaitDialog()">
            {% csrf_token %}
            <button type="submit" class="btn btn-sm btn-secondary" title="{% trans "Power On" %}">{% bs_icon 'play-fill' %}</button>
        </form>
    {% elif "resume" in actions %}
        <form action="{% url 'instances:resume' instance.id %}" method="post" style="display:inline;">
            {% csrf_token %}
            <button type="submit" class="btn btn-sm btn-secondary" title="{% trans "Resume" %}">{% bs_icon 'play-fill' %}</button>
        </form>
    {% else %}
        <button class="btn btn-sm btn-secondary disabled" title="{% trans "Power On" %}" disabled>{% bs_icon 'play-fill' %}</button>
    {% endif %}

    {% if "suspend" in actions %}
        <form action="{% url 'instances:suspend' instance.id %}" method="post" style="display:inline;">
            {% csrf_token %}
            <button type="submit" class="btn btn-sm btn-secondary" title="{% trans "Suspend" %}">{% bs_icon 'pause-fill' %}</button>
        </form>
    {% else %}
        <button class="btn btn-sm btn-secondary disabled" title="{% trans "Suspend" %}" disabled>{% bs_icon 'pause-fill' %}</button>
    {% endif %}

    {% if "poweroff" in actions %}
        <form action="{% url 'instances:poweroff' instance.id %}" method="post" style="display:inline;">
            {% csrf_token %}
            <button type="submit" class="btn btn-sm btn-secondary" title="{% trans "Power Off" %}">{% bs_icon 'power' %}</button>
        </form>
    {% elif "force_off" in actions %}
        <form action="{% url 'instances:force_off' instance.id %}" method="post" style="display:inline;">
            {% csrf_token %}
            <button type="submit" class="btn btn-sm btn-secondary" title="{% trans "Force Off" %}">{% bs_icon 'power' %}</button>
        </form>
    {% else %}
        <button class="btn btn-sm btn-secondary disabled" title="{% trans "Power Off" %}" disabled>{% bs_icon 'power' %}</button>
    {% endif %}

    {% if "powercycle" in actions %}
        <form action="{% url 'instances:powercycle' instance.id %}" method="post" style="display:inline;">
            {% csrf_token %}
            <button type="submit" class="btn btn-sm btn-secondary" title="{% trans "Power Cycle" %}">{% bs_icon 'repeat' %}</button>
        </form>
    {% else %}
        <button class="btn btn-sm btn-secondary disabled" title="{% trans "Power Cycle" %}" disabled>{% bs_icon 'repeat' %}</button>
    {% endif %}

    {% if "console" in actions %}
        <button class="btn btn-sm btn-secondary" type="button" onclick='open_console("{{ instance.compute.id }}-{{ instance.get_uuid }}")'
            title="{% trans "Console" %}">{% bs_icon 'eye-fill' %}</button>
    {% else %}
        <button class="btn btn-sm btn-secondary disabled" title="{% trans "VNC Console" %}" disabled>{% bs_icon 'eye-fill' %}</button>
    {% endif %}
</div>
<script>
    function open_console(uuid) {
        url = '{% url 'console' %}?token=' + uuid + '';
        window.open(url, '', 'width=850,height=650')
    }
</script>
{% endif %}