{% extends 'generic/object.html' %}
{% load helpers %}
{% load plugins %}

{% block content %}
<div class="row">
  <div class="col col-md-6">
    <div class="card">
      <h2 class="card-header">Déploiement</h2>
      <table class="table table-hover attr-table">
        <tr><th scope="row">Application</th><td>{{ object.application|linkify }}</td></tr>
        <tr><th scope="row">Environnement</th>
            <td>{% include "netbox_applications/inc/reference.html" with ref=object.environment %}</td></tr>
        <tr><th scope="row">État de l'instance</th>
            <td>{% include "netbox_applications/inc/reference.html" with ref=object.status %}</td></tr>
        <tr><th scope="row">URL d'accès</th>
            <td>{% if object.access_url %}<a href="{{ object.access_url }}" target="_blank" rel="noopener">{{ object.access_url }}</a>{% else %}{{ ''|placeholder }}{% endif %}</td></tr>
        <tr><th scope="row">Description</th><td>{{ object.description|placeholder }}</td></tr>
      </table>
    </div>

    <div class="card">
      <h2 class="card-header">Exploitation</h2>
      <table class="table table-hover attr-table">
        <tr><th scope="row">Plage de maintenance</th>
            <td>{% include "netbox_applications/inc/reference.html" with ref=object.maintenance_window %}</td></tr>
        <tr><th scope="row">Diffusé à l'externe</th><td>{% checkmark object.external_facing %}</td></tr>
      </table>
    </div>

    <div class="card">
      <h2 class="card-header">Pare-feu applicatif</h2>
      <table class="table table-hover attr-table">
        <tr><th scope="row">WAF activé</th><td>{% checkmark object.waf_enabled %}</td></tr>
        <tr><th scope="row">Serveur virtuel</th>
            <td>{{ object.waf_virtual_server|linkify|placeholder }}</td></tr>
        <tr><th scope="row">Adresse d'écoute</th>
            <td>{% if object.waf_virtual_server %}{{ object.waf_virtual_server.ip_address|linkify }}{% else %}{{ ''|placeholder }}{% endif %}</td></tr>
        <tr><th scope="row">Préfixe</th>
            <td>{% if object.waf_virtual_server.prefix %}{{ object.waf_virtual_server.prefix|linkify }}{% else %}{{ ''|placeholder }}{% endif %}</td></tr>
      </table>
      {% if object.external_facing and not object.waf_enabled %}
        <div class="card-footer text-warning">
          Cette instance est diffusée à l'externe sans pare-feu applicatif déclaré.
        </div>
      {% endif %}
    </div>
  </div>

  <div class="col col-md-6">
    <div class="card">
      <h2 class="card-header">Hérité de l'application
        <small class="text-muted">— non modifiable ici</small></h2>
      <table class="table table-hover attr-table">
        <tr><th scope="row">Criticité métier</th>
            <td>{% include "netbox_applications/inc/reference.html" with ref=object.application.criticality %}</td></tr>
        <tr><th scope="row">Classification</th>
            <td>{% include "netbox_applications/inc/reference.html" with ref=object.application.data_classification %}</td></tr>
        <tr><th scope="row">Référent technique</th>
            <td>{{ object.application.technical_contact|linkify|placeholder }}</td></tr>
      </table>
    </div>

    <div class="card">
      <h2 class="card-header">VM
        <span class="badge text-bg-secondary">{{ object.virtual_machines.count }}</span></h2>
      {% if object.virtual_machines.exists %}
        <table class="table table-hover attr-table">
          {% for vm in object.virtual_machines.all %}
            <tr><td>{{ vm|linkify }}</td><td>{{ vm.status|placeholder }}</td>
                <td>{{ vm.primary_ip|linkify|placeholder }}</td></tr>
          {% endfor %}
        </table>
      {% else %}
        <div class="card-body text-muted">Aucune VM rattachée.</div>
      {% endif %}
    </div>

    {% include 'inc/panels/tags.html' %}
    {% include 'inc/panels/custom_fields.html' %}
    {% include 'inc/panels/comments.html' %}
  </div>
</div>
{% endblock %}