{% extends "base.html" %}

{% load common bootstrap3 %}

{% block page_title %}OS Variant - Multiple {% endblock %}

{% block breadcrumbs %} {{ block.super }} <li><a href="{% url 'operatingsystems:os_landing' %}">Operating Systems</a></li><li><a href="{% url 'operatingsystems:osvariant_list' %}">OS Variants</a></li><li class="active">

{% if osvariants %}
    Multiple
{% endif %}

</li>{% endblock %}

{% block content_title %}OS Variant - Multiple{% endblock %}

{% block content %}

<div class="well well-sm">
  <table class="table table-striped table-bordered table-hover table-condensed table-responsive">
    <tr>
      <th>Name</th><th>Hosts</th><th>OS Release</th>
    </tr>
    {% for osvariant in osvariants %}
      <tr>
        <td><a href="{{ osvariant.get_absolute_url }}"> {{ osvariant }} </a></td>
        <td>{{ osvariant.host_set.count|default:0 }}</td>
        <td>{% if osvariant.osrelease != None %}<a href="{{ osvariant.osrelease.get_absolute_url }}"> {{ osvariant.osrelease }} </a>{% else %}No OS Release{% endif %}</td>
      </tr>
    {% endfor %}
  </table>

  <div class="panel panel-danger">
    {% if user.is_authenticated and perms.is_admin %}
      <div class="panel-heading">
        Are you sure you want to delete these OS Variants?
      </div>
      <div class="panel-body">
        <form action={{ request.path }} method="post">
         {% csrf_token %}
          <button name="delete" type="submit" class="btn btn-primary btn-sm">{% bootstrap_icon "trash" %} Delete</button>
          <button name="cancel" type="submit" class="btn btn-primary btn-sm">{% bootstrap_icon "stop" %} Cancel</button>
        </form>
      </div>
    {% else %}
      <div class="panel-heading">
        You do not have permission to delete OS Variants.
      </div>
      <div class="panel-body">
        <a class="btn btn-primary btn-sm" href="{% url 'operatingsystems:osvariant_list' %}">{% bootstrap_icon "arrow-left" %} Back</a>
      </div>
    {% endif %}
  </div>
</div>

{% endblock %}