{% load helpers %}
{% load i18n %}
<div class="card">
  <div class="card-header d-flex justify-content-between align-items-center">
    <h5 class="mb-0">{% trans "Proxmox Intent" %}</h5>
    {% if edit_url %}
      <a class="btn btn-sm btn-primary" href="{{ edit_url }}">{% trans "Edit" %}</a>
    {% endif %}
  </div>
  <table class="table table-hover attr-table mb-0">
    <tr><th scope="row">{% trans "Target node" %}</th><td>{{ intent.target_node|placeholder }}</td></tr>
    <tr><th scope="row">{% trans "Target storage" %}</th><td>{{ intent.target_storage|placeholder }}</td></tr>
    <tr><th scope="row">{% trans "ISO" %}</th><td>{{ intent.iso|placeholder }}</td></tr>
    <tr><th scope="row">{% trans "Template VMID" %}</th><td>{{ intent.template_vmid|placeholder }}</td></tr>
    <tr><th scope="row">{% trans "LXC swap" %}</th><td>{{ intent.swap|placeholder }}</td></tr>
    <tr><th scope="row">{% trans "LXC rootfs" %}</th><td>{{ intent.rootfs|placeholder }}</td></tr>
    <tr><th scope="row">{% trans "LXC OS template" %}</th><td>{{ intent.ostemplate|placeholder }}</td></tr>
    <tr><th scope="row">{% trans "Cloud-init user" %}</th><td>{{ intent.cloud_init_user|placeholder }}</td></tr>
    <tr><th scope="row">{% trans "Intent state" %}</th><td>{{ intent.intent_state|placeholder }}</td></tr>
    <tr><th scope="row">{% trans "Last apply run" %}</th><td>{{ intent.last_apply_run_id|placeholder }}</td></tr>
  </table>
  <div class="card-body border-top">
    <h6>{% trans "Cloud-init SSH keys" %}</h6>
    <pre class="mb-3"><code>{{ intent.cloud_init_ssh_keys }}</code></pre>
    <h6>{% trans "Cloud-init user-data" %}</h6>
    <pre class="mb-3"><code>{{ intent.cloud_init_user_data }}</code></pre>
    <h6>{% trans "Cloud-init network" %}</h6>
    <pre class="mb-0"><code>{{ intent.cloud_init_network }}</code></pre>
  </div>
</div>