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

{% block content %}
  {% if kentik_site %}
  <div class="row mb-3">
    <div class="col-md-6">
      <div class="card">
        <h2 class="card-header">{% trans "Details" %}</h2>
        <table class="table table-hover attr-table">
          <tr>
            <th scope="row">{% trans "ID" %}</th>
            <td>{{ kentik_site.id }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Title" %}</th>
            <td>{{ kentik_site.title }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Type" %}</th>
            <td><code>{{ kentik_site.type }}</code></td>
          </tr>
          <tr>
            <th scope="row">{% trans "Postal address" %}</th>
            <td>{{ kentik_site.postalAddress|postal_address|placeholder }}</td>
          </tr>
          {% if kentik_site.lat != 0 and kentik_site.lon != 0 %}
          <tr>
            <th scope="row">{% trans "GPS coordinates" %}</th>
            <td>
              <div class="d-flex align-items-center justify-content-between">
                <span>{{ kentik_site.lat }}, {{ kentik_site.lon }}</span>
                {% if config.MAPS_URL %}
                  <a href="{{ config.MAPS_URL }}{{ kentik_site.lat }},{{ kentik_site.lon }}" target="_blank" rel="noopener noreferrer" class="btn btn-primary btn-sm print-none">
                    <i class="mdi mdi-map-marker"></i> {% trans "Map" %}
                  </a>
                {% endif %}
              </div>
            </td>
          </tr>
          {% endif %}
        </table>
      </div>
      {% if kentik_site.siteMarket %}
      <div class="card mt-3">
        <h2 class="card-header">{% trans "Site market" %}</h2>
        <table class="table table-hover attr-table">
          <tr>
            <th scope="row">{% trans "ID" %}</th>
            <td>{{ kentik_site.siteMarket.id }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Name" %}</th>
            <td>{{ kentik_site.siteMarket.name }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Description" %}</th>
            <td>{{ kentik_site.siteMarket.description|placeholder }}</td>
          </tr>
          <tr>
            <th scope="row">{% trans "Number of sites" %}</th>
            <td>{{ kentik_site.siteMarket.numberOfSites }}</td>
          </tr>
        </table>
      </div>
      {% endif %}
      {% if kentik_site.peeringdbSiteMapping %}
      <div class="card mt-3">
        <h2 class="card-header">{% trans "Peering DB site mappings" %}</h2>
        <table class="table table-hover attr-table">
          {% for mapping in kentik_site.peeringdbSiteMapping %}
          <tr>
            <th scope="row">{% trans "Facility ID" %}</th>
            <td>
              <div class="d-flex align-items-center justify-content-between">
                <span>{{ mapping.peeringdbFacId }}</span>
                <a href="https://www.peeringdb.com/fac/{{ mapping.peeringdbFacId }}" target="_blank" rel="noopener noreferrer" class="btn btn-sm btn-primary">
                  {% trans "View on PeeringDB" %}
                </a>
              </div>
            </td>
          </tr>
          {% endfor %}
        </table>
      </div>
      {% endif %}
    </div>
    <div class="col-md-6">
      <div class="card">
        <h2 class="card-header">{% trans "Address classification" %}</h2>
        {% with infra=kentik_site.addressClassification.infrastructureNetworks|non_empty user_access=kentik_site.addressClassification.userAccessNetworks|non_empty other=kentik_site.addressClassification.otherNetworks|non_empty %}
        {% if infra or user_access or other %}
        <table class="table table-hover attr-table">
          {% for prefix in infra %}
          <tr>
            <th scope="row">{% trans "Infrastructure" %}</th>
            <td>{{ prefix }}</td>
          </tr>
          {% endfor %}
          {% for prefix in user_access %}
          <tr>
            <th scope="row">{% trans "User access" %}</th>
            <td>{{ prefix }}</td>
          </tr>
          {% endfor %}
          {% for prefix in other %}
          <tr>
            <th scope="row">{% trans "Other" %}</th>
            <td>{{ prefix }}</td>
          </tr>
          {% endfor %}
        </table>
        {% else %}
        <div class="card-body">
          <div class="alert alert-warning d-flex align-items-center mb-0" role="alert">
            <span class="text-warning fs-1">
              <i class="mdi mdi-alert"></i>
            </span>
            <span class="flex-fill">
            {% blocktrans %}
                No addresses classified for this site.
            {% endblocktrans %}
            </span>
          </div>
        </div>
        {% endif %}
        {% endwith %}
      </div>
      {% include 'netbox_kentik/inc/match_info_card.html' %}
    </div>
  </div>
  {% else %}
  <div class="alert alert-warning d-flex align-items-center" role="alert">
      <span class="text-warning fs-1">
        <i class="mdi mdi-alert"></i>
      </span>
      <span class="flex-fill">
      {% blocktrans %}
          Error retrieving site from Kentik cache.
      {% endblocktrans %}
      </span>
  </div>
  {% endif %}
{% endblock content %}