{% extends 'generic/object.html' %}
{% load helpers %}
{% load i18n %}
{% load render_table from django_tables2 %}

{% block content %}
  <div class="row">
    <div class="col col-12 col-md-6">
      <div class="card">
        <h2 class="card-header">{% trans "Application" %}</h2>
        <table class="table table-hover attr-table">
          <tr>
            <th scope="row">{% trans "Name" %}</th>
            <td>{{ object.name }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Processes" %}</th>
            <td>
              {% for process in object.processes.all %}
                {{ process|linkify }} <span class="text-muted">({{ process.domain.site }})</span>{% if not forloop.last %}<br>{% endif %}
              {% empty %}
                {{ ''|placeholder }}
              {% endfor %}
            </td>
          </tr>
          <tr>
            <th scope="row">{% trans "Establishments" %}</th>
            <td>
              {% for site in object.site_list %}
                {{ site|linkify }}{% if not forloop.last %}, {% endif %}
              {% empty %}
                {{ ''|placeholder }}
              {% endfor %}
            </td>
          </tr>
          <tr>
            <th scope="row">{% trans "Description" %}</th>
            <td>{{ object.description|placeholder }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Criticality" %}</th>
            <td><span class="badge text-bg-{{ object.get_criticality_color }}">{{ object.get_criticality_display }}</span></td>
          </tr>
          <tr>
            <th scope="row">{% trans "Vendor" %}</th>
            <td>{{ object.editor|placeholder }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Contact person" %}</th>
            <td>{{ object.referent|placeholder }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Hosting" %}</th>
            <td>{{ object.hosting|placeholder }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Multi-site" %}</th>
            <td>{% checkmark object.is_multi_site %}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Monitoring" %}</th>
            <td>
              {% if object.monitoring_url %}
                <a href="{{ object.monitoring_url }}" target="_blank" rel="noopener">{{ object.monitoring_url }}</a>
              {% else %}
                {{ ''|placeholder }}
              {% endif %}
            </td>
          </tr>
        </table>
      </div>
      <div class="card">
        <h2 class="card-header">{% trans "Active interfaces" %}</h2>
        <div class="card-body">
          {% with interfaces=object.active_interfaces %}
            {% if interfaces %}
              {% for label in interfaces %}
                <span class="badge text-bg-blue me-1">{{ label }}</span>
              {% endfor %}
            {% else %}
              <span class="text-muted">{% trans "No active interface" %}</span>
            {% endif %}
          {% endwith %}
        </div>
      </div>
    </div>
    <div class="col col-12 col-md-6">
      {% include 'inc/panels/custom_fields.html' %}
      {% include 'inc/panels/tags.html' %}
      <div class="card">
        <h2 class="card-header">{% trans "Virtual machines" %}</h2>
        {% with vms=object.virtual_machines.all %}
          {% if vms %}
            <table class="table table-hover">
              <thead>
                <tr><th>{% trans "Name" %}</th><th>{% trans "Primary IP" %}</th><th>{% trans "Cluster" %}</th></tr>
              </thead>
              <tbody>
                {% for vm in vms %}
                  <tr>
                    <td>{{ vm|linkify }}</td>
                    <td>{{ vm.primary_ip4.address.ip|default:'—' }}</td>
                    <td>{{ vm.cluster|linkify|placeholder }}</td>
                  </tr>
                {% endfor %}
              </tbody>
            </table>
          {% else %}
            <div class="card-body text-muted">{% trans "No associated virtual machine" %}</div>
          {% endif %}
        {% endwith %}
      </div>
      <div class="card">
        <h2 class="card-header">{% trans "Devices" %}</h2>
        {% with devices=object.devices.all %}
          {% if devices %}
            <table class="table table-hover">
              <thead>
                <tr><th>{% trans "Name" %}</th><th>{% trans "Primary IP" %}</th><th>{% trans "Site" %}</th></tr>
              </thead>
              <tbody>
                {% for device in devices %}
                  <tr>
                    <td>{{ device|linkify }}</td>
                    <td>{{ device.primary_ip4.address.ip|default:'—' }}</td>
                    <td>{{ device.site|linkify|placeholder }}</td>
                  </tr>
                {% endfor %}
              </tbody>
            </table>
          {% else %}
            <div class="card-body text-muted">{% trans "No associated device" %}</div>
          {% endif %}
        {% endwith %}
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col col-12">
      <div class="card">
        <h2 class="card-header">{% trans "Outbound flows" %}</h2>
        {% render_table outbound_table %}
      </div>
      <div class="card">
        <h2 class="card-header">{% trans "Inbound flows" %}</h2>
        {% render_table inbound_table %}
      </div>
    </div>
  </div>
{% endblock %}