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

{% block content %}
<div class="row mb-3">
  <div class="col">
    {% if tiles or markers %}
    <div class="card">
      <h5 class="card-header">{% trans "Map Locations" %}</h5>
      <div class="table-responsive">
        <table class="table table-hover mb-0">
          <thead>
            <tr>
              <th>{% trans "Type" %}</th>
              <th>{% trans "Name" %}</th>
              <th>{% trans "Location" %}</th>
              <th></th>
            </tr>
          </thead>
          <tbody>
            {% for tile in tiles %}
            <tr>
              <td><span class="badge text-bg-primary">{% trans "Floor Plan" %}</span></td>
              <td>{{ tile.floorplan.name }}</td>
              <td>{{ tile.floorplan.site }}</td>
              <td>
                <a href="/plugins/map/floorplans/{{ tile.floorplan.pk }}/visualization/?tile={{ tile.pk }}"
                   class="btn btn-sm btn-outline-primary">
                  <i class="mdi mdi-floor-plan"></i> {% trans "View" %}
                </a>
              </td>
            </tr>
            {% endfor %}
            {% for marker in markers %}
            <tr>
              <td><span class="badge text-bg-info">{% trans "Site Map" %}</span></td>
              <td>{{ marker.label|default:marker.get_marker_type_display }}</td>
              <td>
                {% if marker.site %}{{ marker.site }}{% endif %}
                <span class="text-muted small">{{ marker.latitude }}, {{ marker.longitude }}</span>
              </td>
              <td>
                <a href="{% url 'plugins:netbox_map:sitemap' %}?q={{ marker.latitude }},{{ marker.longitude }}"
                   class="btn btn-sm btn-outline-primary">
                  <i class="mdi mdi-map-marker"></i> {% trans "View" %}
                </a>
              </td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
    {% else %}
    <div class="alert alert-info">
      <i class="mdi mdi-information-outline"></i>
      {% trans "This device has not been placed on any floor plans or map markers." %}
    </div>
    {% endif %}
  </div>
</div>
{% endblock %}