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

{% block extra_controls %}
  {% if perms.netbox_orchestrator.change_provider %}
    <form method="post" action="{% url 'plugins:netbox_orchestrator:provider_check' object.pk %}" class="d-inline">
      {% csrf_token %}
      <button type="submit" class="btn btn-outline-primary">
        <i class="mdi mdi-shield-key"></i> {% trans "Check permissions" %}
      </button>
    </form>
    <form method="post" action="{% url 'plugins:netbox_orchestrator:provider_sync' object.pk %}" class="d-inline">
      {% csrf_token %}
      <button type="submit" class="btn btn-outline-primary">
        <i class="mdi mdi-sync"></i> {% trans "Sync now" %}
      </button>
    </form>
  {% endif %}
  {% if pending_credential and perms.netbox_orchestrator.change_provider %}
    <a href="{% url 'plugins:netbox_orchestrator:provider_project_change' object.pk %}" class="btn btn-warning" id="review-project-change-link">
      <i class="mdi mdi-swap-horizontal" aria-hidden="true"></i> {% trans "Review project change" %}
    </a>
  {% endif %}
{% endblock extra_controls %}

{% block content %}
{% if pending_credential %}
  <div class="alert alert-warning" role="alert" id="pending-project-change">
    {% if pending_credential_viewable %}
      {% blocktrans with name=pending_credential.name %}A project change to credential {{ name }} is waiting for review.{% endblocktrans %}
    {% else %}
      {% trans "A project change to another credential is waiting for review." %}
    {% endif %}
    {% if perms.netbox_orchestrator.change_provider %}
      <a href="{% url 'plugins:netbox_orchestrator:provider_project_change' object.pk %}" class="alert-link">{% trans "Review project change" %}</a>
    {% endif %}
  </div>
{% endif %}
{% if periodic_sync_paused %}
  <div class="alert alert-warning" role="alert" id="periodic-sync-paused">
    {% trans "Automatic sync is paused because NetBox branching is installed and the plugin setting PROVIDER_SYNC_USER is not set. Sync now still works." %}
  </div>
{% endif %}

<div class="row">
  <div class="col col-12 col-md-6">
    <div class="card">
      <h2 class="card-header">{% trans "Provider" %}</h2>
      <table class="table table-hover attr-table">
        <tr>
          <th scope="row">{% trans "Project name" %}</th>
          <td>{{ object.name }}</td>
        </tr>
        <tr>
          <th scope="row">{% trans "Type" %}</th>
          <td>{% badge object.get_provider_type_display %}</td>
        </tr>
        <tr>
          <th scope="row">{% trans "Description" %}</th>
          <td>{{ object.description|placeholder }}</td>
        </tr>
        <tr>
          <th scope="row">{% trans "Credential" %}</th>
          <td>
            {% if credential_viewable %}
              <a href="{{ credential.get_absolute_url }}">{{ credential.name }}</a>
            {% else %}
              {{ credential.name|placeholder }}
            {% endif %}
          </td>
        </tr>
        <tr>
          <th scope="row">{% trans "Sync interval" %}</th>
          <td>
            {% if object.sync_interval %}
              {% blocktrans with minutes=object.sync_interval %}{{ minutes }} minutes{% endblocktrans %}
            {% else %}
              {% trans "Disabled" %}
            {% endif %}
          </td>
        </tr>
        <tr>
          <th scope="row">{% trans "Last synced" %}</th>
          <td>{{ object.last_synced|isodatetime|placeholder }}</td>
        </tr>
        <tr>
          <th scope="row">{% trans "Servers provisioning at once" %}</th>
          <td>
            {% if object.provisioning_limit %}
              {% blocktrans with limit=object.provisioning_limit %}At most {{ limit }}{% endblocktrans %}
            {% else %}
              {% trans "No limit" %}
            {% endif %}
          </td>
        </tr>
      </table>
    </div>
  </div>

  <div class="col col-12 col-md-6">
    <div class="card">
      <h2 class="card-header">{% trans "Access" %}</h2>
      <table class="table table-hover attr-table">
        <tr>
          <th scope="row">{% trans "Access" %}</th>
          <td>{% badge object.get_access_display bg_color=access_color %}</td>
        </tr>
        <tr>
          <th scope="row">{% trans "Checked" %}</th>
          <td>{{ object.access_checked|isodatetime|placeholder }}</td>
        </tr>
        <tr>
          <th scope="row">{% trans "Message" %}</th>
          <td>{{ object.access_message|placeholder }}</td>
        </tr>
        <tr>
          <th scope="row">{% trans "Latest check" %}</th>
          <td>
            {% if latest_check_job %}
              <a href="{{ latest_check_job.get_absolute_url }}">#{{ latest_check_job.pk }}</a>
              {% badge latest_check_status.label bg_color=latest_check_status.color %}
              <span class="text-muted">{{ latest_check_job.created|isodatetime }}</span>
            {% else %}
              {{ None|placeholder }}
            {% endif %}
          </td>
        </tr>
        <tr>
          <th scope="row">{% trans "Latest sync" %}</th>
          <td>
            {% if latest_sync_job %}
              <a href="{{ latest_sync_job.get_absolute_url }}">#{{ latest_sync_job.pk }}</a>
              {% badge latest_sync_job.get_status_display bg_color=job_status_colors|get_key:latest_sync_job.status %}
              <span class="text-muted">{{ latest_sync_job.created|isodatetime }}</span>
            {% else %}
              {{ None|placeholder }}
            {% endif %}
          </td>
        </tr>
        {% if latest_sync_error %}
          <tr>
            <th scope="row">{% trans "Last sync error" %}</th>
            <td class="text-danger text-break">{{ latest_sync_error|linebreaksbr }}</td>
          </tr>
        {% endif %}
      </table>
    </div>
    <div class="card" id="default-ssh-key">
      <h2 class="card-header">{% trans "Default SSH key" %}</h2>
      <table class="table table-hover attr-table">
        <tr>
          <th scope="row">{% trans "Credential" %}</th>
          <td>
            {% if default_ssh_key.credential_viewable %}
              <a href="{{ default_ssh_key.credential.get_absolute_url }}">{{ default_ssh_key.credential.name }}</a>
            {% else %}
              {{ default_ssh_key.credential.name|placeholder }}
            {% endif %}
          </td>
        </tr>
        <tr>
          <th scope="row">{% trans "Status" %}</th>
          <td>
            <span class="badge text-bg-{{ default_ssh_key.color }}">{{ default_ssh_key.state|capfirst }}</span>
            <span>{{ default_ssh_key.text }}</span>
          </td>
        </tr>
        <tr>
          <th scope="row">{% trans "Fingerprint" %}</th>
          <td class="font-monospace">{{ default_ssh_key.fingerprint|placeholder }}</td>
        </tr>
      </table>
      {% if default_ssh_key.public_key %}
        <div class="card-body">
          <pre class="font-monospace small text-break text-wrap mb-0">{{ default_ssh_key.public_key }}</pre>
        </div>
      {% endif %}
    </div>
    {% include 'inc/panels/tags.html' %}
    {% include 'inc/panels/custom_fields.html' %}
  </div>
</div>

<div class="row">
  <div class="col col-12">
    <div class="card" id="netbox-objects">
      <h2 class="card-header">{% trans "NetBox objects" %}</h2>
      <table class="table table-hover attr-table">
        <tr>
          <th scope="row">{% trans "Tenant" %}</th>
          <td>
            {% if project_objects.tenant.hidden %}
              <span class="text-muted">{% trans "hidden" %}</span>
            {% else %}
              {{ project_objects.tenant.object|linkify|placeholder }}
            {% endif %}
          </td>
        </tr>
        <tr>
          <th scope="row">{% trans "Cluster" %}</th>
          <td>
            {% if project_objects.cluster.hidden %}
              <span class="text-muted">{% trans "hidden" %}</span>
            {% else %}
              {{ project_objects.cluster.object|linkify|placeholder }}
            {% endif %}
          </td>
        </tr>
        <tr>
          <th scope="row">{% trans "VRF" %}</th>
          <td>
            {% if project_objects.vrf.hidden %}
              <span class="text-muted">{% trans "hidden" %}</span>
            {% else %}
              {{ project_objects.vrf.object|linkify|placeholder }}
            {% endif %}
          </td>
        </tr>
        <tr>
          <th scope="row">{% trans "Cluster group" %}</th>
          <td>
            {% if project_objects.cluster_group.hidden %}
              <span class="text-muted">{% trans "hidden" %}</span>
            {% else %}
              {{ project_objects.cluster_group.object|linkify|placeholder }}
            {% endif %}
          </td>
        </tr>
        <tr>
          <th scope="row">{% trans "Site group" %}</th>
          <td>
            {% if project_objects.site_group.hidden %}
              <span class="text-muted">{% trans "hidden" %}</span>
            {% else %}
              {{ project_objects.site_group.object|linkify|placeholder }}
            {% endif %}
          </td>
        </tr>
        <tr>
          <th scope="row">{% trans "Region" %}</th>
          <td>
            {% if project_objects.region.hidden %}
              <span class="text-muted">{% trans "hidden" %}</span>
            {% else %}
              {{ project_objects.region.object|linkify|placeholder }}
            {% endif %}
          </td>
        </tr>
      </table>
      <div class="table-responsive">
        <table class="table table-hover">
          <thead>
            <tr>
              <th>{% trans "Location" %}</th>
              <th>{% trans "Description" %}</th>
              <th>{% trans "Network zone" %}</th>
              <th>{% trans "Site" %}</th>
            </tr>
          </thead>
          <tbody>
            {% for location in locations %}
              <tr>
                <td class="font-monospace">{{ location.name }}</td>
                <td>{{ location.description|placeholder }}</td>
                <td>{{ location.network_zone|placeholder }}</td>
                <td>
                  {% if location.site.hidden %}
                    <span class="text-muted">{% trans "hidden" %}</span>
                  {% else %}
                    {{ location.site.object|linkify }}
                  {% endif %}
                </td>
              </tr>
            {% empty %}
              <tr>
                <td colspan="4" class="text-muted">{% trans "No locations synced yet." %}</td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

<div class="row">
  <div class="col col-12">
    <div class="card" id="server-types">
      <h2 class="card-header">{% trans "Server types" %}</h2>
      <div class="table-responsive">
        <table class="table table-hover">
          <thead>
            <tr>
              <th>{% trans "Name" %}</th>
              <th>{% trans "vCPU" %}</th>
              <th>{% trans "RAM GB" %}</th>
              <th>{% trans "Disk GB" %}</th>
              <th>{% trans "CPU" %}</th>
              <th>{% trans "Architecture" %}</th>
              {% for location_name in server_type_locations %}
                <th class="font-monospace">{{ location_name }}</th>
              {% endfor %}
            </tr>
          </thead>
          <tbody>
            {% for server_type in server_type_rows %}
              <tr>
                <td>
                  {{ server_type.row.name }}
                  {% if not server_type.row.listed %}
                    <span class="badge text-bg-secondary">{% trans "legacy" %}</span>
                  {% endif %}
                </td>
                <td>{{ server_type.row.cores }}</td>
                <td>{{ server_type.memory }}</td>
                <td>{{ server_type.row.disk }}</td>
                <td>{{ server_type.row.cpu_type|placeholder }}</td>
                <td>{{ server_type.row.architecture|placeholder }}</td>
                {% for cell in server_type.cells %}
                  <td class="text-nowrap">
                    {% if cell.state == "orderable" %}
                      <span class="text-success">{% if cell.price %}{{ cell.price }}{% else %}{% trans "available" %}{% endif %}</span>
                    {% elif cell.state == "out_of_stock" %}
                      <span class="text-muted">{% if cell.price %}{{ cell.price }} {% endif %}{% trans "out of stock" %}</span>
                    {% elif cell.state == "deprecated" %}
                      <span class="text-muted">{% trans "deprecated" %}</span>
                    {% else %}
                      <span class="text-muted">-</span>
                    {% endif %}
                  </td>
                {% endfor %}
              </tr>
            {% empty %}
              <tr>
                <td colspan="{{ server_type_locations|length|add:6 }}" class="text-muted">{% trans "No server types synced yet." %}</td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

<div class="row">
  <div class="col col-12 col-md-6">
    <div class="card" id="images">
      <h2 class="card-header">{% trans "Images" %}</h2>
      <div class="table-responsive">
        <table class="table table-hover">
          <thead>
            <tr>
              <th>{% trans "Name" %}</th>
              <th>{% trans "Description" %}</th>
              <th>{% trans "Architectures" %}</th>
              <th>{% trans "Operating system" %}</th>
              <th>{% trans "Available until" %}</th>
            </tr>
          </thead>
          <tbody>
            {% for image in images %}
              <tr>
                <td>
                  {{ image.name }}
                  {% if image.legacy %}
                    <span class="badge text-bg-secondary">{% trans "legacy" %}</span>
                  {% endif %}
                </td>
                <td>{{ image.description|placeholder }}</td>
                <td>{{ image.architectures|placeholder }}</td>
                <td>{{ image.operating_system|placeholder }}</td>
                <td>{% if image.available_until %}{{ image.available_until|isodate }}{% else %}-{% endif %}</td>
              </tr>
            {% empty %}
              <tr>
                <td colspan="5" class="text-muted">{% trans "No images synced yet." %}</td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>

  <div class="col col-12 col-md-6">
    <div class="card" id="ssh-keys">
      <h2 class="card-header">{% trans "SSH keys" %}</h2>
      <div class="table-responsive">
        <table class="table table-hover">
          <thead>
            <tr>
              <th>{% trans "Name" %}</th>
              <th>{% trans "Fingerprint" %}</th>
            </tr>
          </thead>
          <tbody>
            {% for ssh_key in ssh_keys %}
              <tr>
                <td>{{ ssh_key.name }}</td>
                <td class="font-monospace">{{ ssh_key.fingerprint }}</td>
              </tr>
            {% empty %}
              <tr>
                <td colspan="2" class="text-muted">{% trans "No SSH keys synced yet." %}</td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

<div class="row">
  <div class="col col-12">
    <div class="card" id="servers">
      <h2 class="card-header">{% trans "Servers" %}</h2>
      <div class="table-responsive">
        <table class="table table-hover">
          <thead>
            <tr>
              <th>{% trans "Virtual machine" %}</th>
              <th>{% trans "Server name" %}</th>
              <th>{% trans "Server ID" %}</th>
              <th>{% trans "State" %}</th>
              <th>{% trans "Provider status" %}</th>
              <th>{% trans "Location" %}</th>
              <th>{% trans "Public IPv4" %}</th>
              <th>{% trans "Last synced" %}</th>
            </tr>
          </thead>
          <tbody>
            {% for server in servers %}
              <tr>
                <td>
                  {% if server.vm_viewable %}
                    {{ server.virtual_machine|linkify }}
                  {% else %}
                    <span class="text-muted">{% trans "hidden" %}</span>
                  {% endif %}
                </td>
                <td>
                  {% if server.vm_viewable %}
                    {{ server.name|placeholder }}
                  {% else %}
                    <span class="text-muted">{% trans "hidden" %}</span>
                  {% endif %}
                </td>
                <td class="font-monospace">{{ server.external_id|placeholder }}</td>
                <td>{% badge server.state bg_color=server.state_color %}</td>
                <td>{{ server.status|placeholder }}</td>
                <td class="font-monospace">{{ server.location|placeholder }}</td>
                <td class="font-monospace">
                  {% if server.vm_viewable %}
                    {{ server.public_ipv4|placeholder }}
                  {% else %}
                    <span class="text-muted">{% trans "hidden" %}</span>
                  {% endif %}
                </td>
                <td>{{ server.last_synced|isodatetime|placeholder }}</td>
              </tr>
            {% empty %}
              <tr>
                <td colspan="8" class="text-muted">{% trans "No servers linked yet." %}</td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>

{% if import_candidates %}
<div class="row">
  <div class="col col-12">
    <div class="card" id="import-review">
      <h2 class="card-header">{% trans "Import review" %}</h2>
      <div class="card-body">
        <p class="text-muted mb-0">
          {% trans "These servers match a virtual machine that is not linked to a provider. Adopting links the server to that virtual machine, and the next sync replaces its interfaces, IP addresses and disks with the ones at the provider. Creating a separate virtual machine leaves the matched one untouched." %}
        </p>
      </div>
      <div class="table-responsive">
        <table class="table table-hover">
          <thead>
            <tr>
              <th>{% trans "Server name" %}</th>
              <th>{% trans "Server ID" %}</th>
              <th>{% trans "Location" %}</th>
              <th>{% trans "Public IPv4" %}</th>
              <th>{% trans "Matched virtual machine" %}</th>
              <th>{% trans "Match reason" %}</th>
              <th>{% trans "Actions" %}</th>
            </tr>
          </thead>
          <tbody>
            {% for candidate in import_candidates %}
              <tr>
                <td>
                  {% if candidate.match_viewable %}
                    {{ candidate.name|placeholder }}
                  {% else %}
                    <span class="text-muted">{% trans "hidden" %}</span>
                  {% endif %}
                </td>
                <td class="font-monospace">{{ candidate.external_id|placeholder }}</td>
                <td class="font-monospace">{{ candidate.location|placeholder }}</td>
                <td class="font-monospace">
                  {% if candidate.match_viewable %}
                    {{ candidate.public_ipv4|placeholder }}
                  {% else %}
                    <span class="text-muted">{% trans "hidden" %}</span>
                  {% endif %}
                </td>
                <td>
                  {% if candidate.match_viewable %}
                    {{ candidate.match_virtual_machine|linkify }}
                  {% else %}
                    <span class="text-muted">{% trans "hidden" %}</span>
                  {% endif %}
                </td>
                <td>
                  {% if candidate.match_viewable %}
                    {{ candidate.match_reason|placeholder }}
                  {% else %}
                    <span class="text-muted">{% trans "hidden" %}</span>
                  {% endif %}
                </td>
                <td class="text-nowrap">
                  {% if perms.netbox_orchestrator.change_provider %}
                    <form method="post" action="{% url 'plugins:netbox_orchestrator:provider_import_decision' object.pk candidate.pk %}" class="d-inline">
                      {% csrf_token %}
                      <input type="hidden" name="action" value="adopt">
                      <button type="submit" class="btn btn-sm btn-primary">{% trans "Adopt" %}</button>
                    </form>
                    <form method="post" action="{% url 'plugins:netbox_orchestrator:provider_import_decision' object.pk candidate.pk %}" class="d-inline">
                      {% csrf_token %}
                      <input type="hidden" name="action" value="create">
                      <button type="submit" class="btn btn-sm btn-outline-secondary"{% if candidate.create_blocked %} disabled{% endif %}>{% trans "Create separate" %}</button>
                    </form>
                    {% if candidate.create_blocked and candidate.match_viewable %}
                      <div class="small text-muted text-wrap">
                        {% blocktrans with name=candidate.name %}A virtual machine named {{ name }} already exists in the provider cluster; adopt it instead.{% endblocktrans %}
                      </div>
                    {% elif candidate.create_blocked %}
                      <div class="small"><span class="text-muted">{% trans "hidden" %}</span></div>
                    {% endif %}
                  {% endif %}
                </td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
{% endif %}
{% endblock content %}