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

{% block head %}
  {% if refresh %}
    <meta http-equiv="refresh" content="10">
  {% endif %}
{% endblock head %}

{% block title %}{% blocktrans with name=object.name %}Project change of {{ name }}{% endblocktrans %}{% endblock %}

{% block subtitle %}
  <div class="text-secondary fs-5">
    {% trans "Provider" %} <a href="{{ object.get_absolute_url }}">{{ object.name }}</a>
  </div>
{% endblock %}

{% block content %}
{% if state == "plan" %}
  <div class="alert alert-danger" role="alert" id="project-change-warning">{{ warning }}</div>
{% endif %}

{% if state == "checking" %}
  <div class="card" id="checking-new-project">
    <h2 class="card-header">{% trans "Checking the new project" %}</h2>
    <div class="card-body">
      {% if check_job %}
        <p>
          {% trans "Latest check" %}
          {% if check_job_viewable %}
            <a href="{{ check_job.get_absolute_url }}">#{{ check_job.pk }}</a>
          {% else %}
            #{{ check_job.pk }}
          {% endif %}
          {% badge check_job.get_status_display bg_color=job_status_colors|get_key:check_job.status %}
        </p>
        {% if check_running %}
          <p class="text-muted mb-0">{% trans "The check lists the servers and networks of the new project. This page refreshes every 10 seconds until it finishes." %}</p>
        {% else %}
          <p class="text-muted mb-0">{% trans "This check did not prepare a review of the pending credential. Check again." %}</p>
        {% endif %}
      {% else %}
        <p class="text-muted mb-0">{% trans "The new project has not been checked yet. Check again." %}</p>
      {% endif %}
    </div>
  </div>
{% elif state == "check_failed" %}
  <div class="card" id="check-failed">
    <h2 class="card-header">{% trans "The check of the new project failed" %}</h2>
    <div class="card-body">
      <p>
        {% trans "Latest check" %}
        {% if check_job_viewable %}
          <a href="{{ check_job.get_absolute_url }}">#{{ check_job.pk }}</a>
        {% else %}
          #{{ check_job.pk }}
        {% endif %}
        {% badge check_job.get_status_display bg_color=job_status_colors|get_key:check_job.status %}
      </p>
      <pre class="text-danger text-wrap mb-0">{{ check_job.error|placeholder }}</pre>
    </div>
  </div>
{% elif state == "outdated" %}
  <div class="card" id="plan-outdated">
    <h2 class="card-header">{% trans "The review is out of date" %}</h2>
    <div class="card-body">
      <p class="text-muted mb-0">{% trans "The servers or networks of this provider changed after the last check. Check again to review the current state." %}</p>
    </div>
  </div>
{% endif %}

{% if running_jobs %}
  <div class="card" id="running-jobs">
    <h2 class="card-header">{% trans "Waiting for running jobs of this provider" %}</h2>
    <div class="card-body">
      <p>{% trans "The project change can be applied when these jobs finish. This page refreshes every 10 seconds." %}</p>
      <ul class="mb-0">
        {% for entry in running_jobs %}
          <li>
            {% if entry.viewable %}
              <a href="{{ entry.job.get_absolute_url }}">{{ entry.job.name }} #{{ entry.job.pk }}</a>
            {% else %}
              {{ entry.job.name }} #{{ entry.job.pk }}
            {% endif %}
            {% badge entry.job.get_status_display bg_color=job_status_colors|get_key:entry.job.status %}
          </li>
        {% endfor %}
      </ul>
    </div>
  </div>
{% endif %}

{% if state == "plan" %}
  {% if recreate_refusal %}
    <div class="alert alert-warning" role="alert" id="recreate-not-permitted">
      {{ recreate_refusal }}
      {% if recreate_blocks_apply %}
        {% trans "Some servers were already recreated and their old servers still have to be deleted, which only a recreate can finish, so you cannot apply this project change." %}
      {% endif %}
    </div>
  {% endif %}

  {% if old_servers %}
    <div class="card" id="old-servers">
      <h2 class="card-header">{% trans "Old servers of recreated servers" %}</h2>
      <div class="card-body">
        <p class="text-muted mb-0">{% trans "These servers were already created again in the new project. The project change finishes when every old server is deleted." %}</p>
      </div>
      <div class="table-responsive">
        <table class="table table-hover">
          <thead>
            <tr>
              <th>{% trans "Virtual machine" %}</th>
              <th>{% trans "Server name" %}</th>
              <th>{% trans "New server" %}</th>
              <th>{% trans "Old server" %}</th>
              <th>{% trans "Next step" %}</th>
            </tr>
          </thead>
          <tbody>
            {% for old_server in old_servers %}
              <tr id="old-server-{{ old_server.row }}">
                <td>
                  {% if old_server.virtual_machine %}
                    {{ old_server.virtual_machine|linkify }}
                  {% else %}
                    <span class="text-muted">{% trans "hidden" %}</span>
                  {% endif %}
                </td>
                <td>{{ old_server.name|placeholder }}</td>
                <td class="font-monospace">{{ old_server.new_server_id }}</td>
                <td class="font-monospace">{{ old_server.old_server_id }}</td>
                <td>
                  {% if old_server.status == "gone" %}
                    <div class="text-warning" data-status="gone">
                      {% blocktrans with new=old_server.new_server_id old=old_server.old_server_id %}New server {{ new }} is not listed in the new project. When the next apply confirms that it is gone, it sets this server back to old server {{ old }} and creates it again in the new project.{% endblocktrans %}
                    </div>
                    {% if default_ssh_key.error %}
                      <div class="small text-danger">{% blocktrans with blocker=default_key_blocker %}{{ blocker }} The next apply only sets it back to the old server.{% endblocktrans %}</div>
                    {% elif default_ssh_key.credential %}
                      <div class="small text-muted">{% trans "Default SSH key" %}: {{ default_ssh_key.credential.name }}</div>
                      {% if old_server.extra_ssh_keys %}
                        <div class="small text-muted">{% trans "Extra SSH keys" %}: {% for key in old_server.extra_ssh_keys %}{% if key.hidden %}{% trans "hidden" %}{% else %}{{ key.name }}{% endif %}{% if not forloop.last %}, {% endif %}{% endfor %}</div>
                      {% endif %}
                    {% else %}
                      <div class="small text-danger">{% blocktrans with provider=object.name %}Provider {{ provider }} has no default SSH key, so the next apply only sets it back to the old server and the review after that offers a recreate.{% endblocktrans %}</div>
                    {% endif %}
                  {% elif old_server.status == "not_ready" %}
                    <div data-status="not_ready">
                      {% blocktrans with new=old_server.new_server_id old=old_server.old_server_id %}New server {{ new }} is not ready yet. The next apply waits for it and then deletes old server {{ old }}.{% endblocktrans %}
                    </div>
                  {% elif old_server.status == "blocked" %}
                    <div class="text-danger" data-status="blocked">
                      {% blocktrans with old=old_server.old_server_id %}The old token cannot delete old server {{ old }}, for example because it was revoked.{% endblocktrans %}
                    </div>
                    <div class="alert alert-danger my-2" role="alert">
                      {% blocktrans with old=old_server.old_server_id provider_type=object.get_provider_type_display %}Delete server {{ old }} in the old project yourself, for example in the {{ provider_type }} console, before you confirm. After the confirmation NetBox no longer tracks the old server and never deletes it: if it still exists, it keeps running and is billed.{% endblocktrans %}
                    </div>
                    {% if old_server.may_confirm and not running_migration and not old_server.power_job_running %}
                      <form method="post" action="{% url 'plugins:netbox_orchestrator:provider_project_change_confirm_removal' object.pk old_server.row %}" class="removal-confirmation">
                        {% csrf_token %}
                        <input type="hidden" name="old_server_id" value="{{ old_server.old_server_id }}">
                        <div class="form-check mb-2">
                          <input type="checkbox" class="form-check-input" name="confirm" value="1" id="confirm-removal-{{ old_server.row }}" required>
                          <label class="form-check-label" for="confirm-removal-{{ old_server.row }}">{% trans "I removed the old server myself" %}</label>
                        </div>
                        <button type="submit" class="btn btn-sm btn-danger">
                          <i class="mdi mdi-check-bold" aria-hidden="true"></i> {% trans "Confirm removal" %}
                        </button>
                      </form>
                    {% elif running_migration %}
                      <div class="small text-muted">{% trans "Wait until the project change job finishes before you confirm." %}</div>
                    {% elif old_server.power_job_running %}
                      <div class="small text-muted">{% trans "Wait until the server is started or stopped before you confirm." %}</div>
                    {% else %}
                      <div class="small text-muted">{% trans "You are not permitted to confirm that this old server was removed." %}</div>
                    {% endif %}
                  {% else %}
                    <div data-status="deletes">
                      {% blocktrans with old=old_server.old_server_id %}The next apply deletes old server {{ old }} with the old token.{% endblocktrans %}
                    </div>
                  {% endif %}
                </td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  {% endif %}

  <div class="card" id="review-default-ssh-key">
    <h2 class="card-header">{% trans "Default SSH key" %}</h2>
    {% if default_ssh_key.credential %}
      <div class="card-body">
        {% if default_ssh_key.error %}
          <p class="text-danger mb-0" id="default-ssh-key-note">{{ default_key_blocker }}</p>
        {% else %}
          <p class="mb-0" id="default-ssh-key-note">{% blocktrans with name=default_ssh_key.credential.name %}Recreated servers always get the default SSH key {{ name }} of this provider.{% endblocktrans %}</p>
        {% endif %}
      </div>
      <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 }}
            {% endif %}
          </td>
        </tr>
        <tr>
          <th scope="row">{% trans "In new project" %}</th>
          <td id="default-ssh-key-status">
            <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>
    {% else %}
      <div class="card-body">
        <p class="text-danger mb-0" id="default-ssh-key-note">{{ default_ssh_key.text }}</p>
      </div>
    {% endif %}
  </div>

  <form method="post" action="{% url 'plugins:netbox_orchestrator:provider_project_change' object.pk %}" id="project-change-apply">
    {% csrf_token %}
    <div class="card" id="review-servers">
      <h2 class="card-header">{% trans "Servers" %}</h2>
      <div class="table-responsive">
        <table class="table table-hover">
          <thead>
            <tr>
              <th>{% trans "Keep" %}</th>
              <th>{% trans "Virtual machine" %}</th>
              <th>{% trans "Server" %}</th>
              <th>{% trans "Location" %}</th>
              <th>{% trans "Disks" %}</th>
              <th>{% trans "IP addresses" %}</th>
              <th>{% trans "In new project" %}</th>
              <th>{% trans "When kept" %}</th>
              <th>{% trans "Extra SSH keys" %}</th>
              <th>{% trans "When unticked" %}</th>
            </tr>
          </thead>
          <tbody>
            {% for server in servers %}
              <tr id="review-server-{{ server.row }}">
                <td>
                  <input type="checkbox" class="form-check-input" name="keep_server_{{ server.row }}" value="1" aria-label="{% trans 'Keep' %} {{ server.name }}"{% if server.keep %} checked{% endif %}{% if server.keep_disabled %} disabled{% endif %}>
                </td>
                <td>
                  {% if server.virtual_machine %}
                    {{ server.virtual_machine|linkify }}
                  {% else %}
                    <span class="text-muted">{% trans "hidden" %}</span>
                  {% endif %}
                </td>
                <td>
                  {{ server.name|placeholder }}
                  <div class="small font-monospace text-muted">{{ server.server_id }}</div>
                </td>
                <td class="font-monospace">{{ server.location|placeholder }}</td>
                <td class="text-nowrap">
                  {% if server.disks %}
                    {{ server.disks.count }} ({{ server.disks.size }})
                  {% else %}
                    {{ None|placeholder }}
                  {% endif %}
                </td>
                <td class="font-monospace">
                  {% for address in server.ip_addresses %}
                    <div>{{ address }}</div>
                  {% empty %}
                    {{ None|placeholder }}
                  {% endfor %}
                </td>
                <td>{{ server.found_text }}</td>
                <td>{{ server.kept_text }}</td>
                <td>
                  {% for key in server.extra_ssh_keys %}
                    {% if key.hidden %}
                      <div class="text-muted">{% trans "hidden" %}</div>
                    {% else %}
                      <div>{{ key.name }}</div>
                    {% endif %}
                  {% empty %}
                    {{ None|placeholder }}
                  {% endfor %}
                </td>
                <td>
                  {% if server.replaced_server_id is None %}
                    <select name="unticked_server_{{ server.row }}" class="form-select form-select-sm" aria-label="{% trans 'When unticked' %} {{ server.name }}">
                      <option value="detach"{% if server.unticked == "detach" %} selected{% endif %}>{% trans "Detach from the provider" %}</option>
                      <option value="delete"{% if server.unticked == "delete" %} selected{% endif %}>{% trans "Delete from NetBox" %}</option>
                    </select>
                  {% else %}
                    {{ None|placeholder }}
                  {% endif %}
                </td>
              </tr>
            {% empty %}
              <tr>
                <td colspan="10" class="text-muted">{% trans "No servers to review." %}</td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>

    <div class="card" id="review-networks">
      <h2 class="card-header">{% trans "Networks" %}</h2>
      <div class="table-responsive">
        <table class="table table-hover">
          <thead>
            <tr>
              <th>{% trans "Keep" %}</th>
              <th>{% trans "Network" %}</th>
              <th>{% trans "Range" %}</th>
              <th>{% trans "In new project" %}</th>
              <th>{% trans "When unticked" %}</th>
            </tr>
          </thead>
          <tbody>
            {% for network in networks %}
              <tr id="review-network-{{ network.object }}">
                <td>
                  <input type="checkbox" class="form-check-input" name="keep_network_{{ network.object }}" value="1" aria-label="{% trans 'Keep' %} {{ network.name }}"{% if network.keep %} checked{% endif %}{% if not network.found %} disabled{% endif %}>
                </td>
                <td>{{ network.name|placeholder }}</td>
                <td class="font-monospace">{{ network.range|placeholder }}</td>
                <td>{% if network.found %}{% trans "Found" %}{% else %}{% trans "Not found" %}{% endif %}</td>
                <td>
                  <select name="unticked_network_{{ network.object }}" class="form-select form-select-sm" aria-label="{% trans 'When unticked' %} {{ network.name }}">
                    <option value="detach"{% if network.unticked == "detach" %} selected{% endif %}>{% trans "Detach from the provider" %}</option>
                    <option value="delete"{% if network.unticked == "delete" %} selected{% endif %}>{% trans "Delete from NetBox" %}</option>
                  </select>
                </td>
              </tr>
            {% empty %}
              <tr>
                <td colspan="5" class="text-muted">{% trans "No networks to review." %}</td>
              </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </form>
{% endif %}

<div class="d-flex flex-wrap justify-content-end gap-2 mb-3" id="project-change-actions">
  <form method="post" action="{% url 'plugins:netbox_orchestrator:provider_check' object.pk %}">
    {% csrf_token %}
    <input type="hidden" name="return_to" value="project_change">
    <button type="submit" class="btn btn-outline-primary"{% if check_running %} disabled{% endif %}>
      <i class="mdi mdi-refresh" aria-hidden="true"></i> {% trans "Check again" %}
    </button>
  </form>
  <form method="post" action="{% url 'plugins:netbox_orchestrator:provider_project_change_cancel' object.pk %}">
    {% csrf_token %}
    <button type="submit" class="btn btn-outline-danger">
      <i class="mdi mdi-close" aria-hidden="true"></i> {% trans "Cancel project change" %}
    </button>
  </form>
  {% if state == "plan" %}
    <button type="submit" form="project-change-apply" class="btn btn-danger"{% if not can_apply %} disabled{% endif %}>
      <i class="mdi mdi-swap-horizontal" aria-hidden="true"></i> {% trans "Apply project change" %}
    </button>
  {% endif %}
</div>
{% endblock content %}