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

{% block content %}
<div class="row">
	<div class="col-md-6">
		<div class="card">
			<h5 class="card-header">{% trans "Proxmox VM Cloud-init" %}</h5>
			<table class="table table-hover attr-table">
				<tr>
					<th scope="row">{% trans "Virtual Machine" %}</th>
					<td>{{ object.virtual_machine|linkify }}</td>
				</tr>
				<tr>
					<th scope="row">{% trans "Cloud-init User" %}</th>
					<td>{{ object.ciuser|placeholder }}</td>
				</tr>
				<tr>
					<th scope="row">{% trans "ipconfig0" %}</th>
					<td><code>{{ object.ipconfig0|placeholder }}</code></td>
				</tr>
				<tr>
					<th scope="row">{% trans "SSH Keys Truncated" %}</th>
					<td>
						{% if object.sshkeys_truncated %}
							<span class="badge text-bg-yellow">{% trans "Yes" %}</span>
						{% else %}
							<span class="badge text-bg-grey">{% trans "No" %}</span>
						{% endif %}
					</td>
				</tr>
				<tr>
					<th scope="row">{% trans "Last Synced" %}</th>
					<td>{{ object.last_synced|placeholder }}</td>
				</tr>
			</table>
		</div>
		<div class="card mt-3">
			<h5 class="card-header">{% trans "SSH Keys" %}</h5>
			<div class="card-body">
				{% if object.sshkeys %}
					<pre class="mb-0"><code>{{ object.sshkeys }}</code></pre>
				{% else %}
					<span class="text-muted">{% trans "No SSH keys configured." %}</span>
				{% endif %}
			</div>
		</div>
		{% if object.is_intent %}
		<div class="card mt-3">
			<h5 class="card-header">{% trans "Cloud-init Intent (create-time)" %}</h5>
			<table class="table table-hover attr-table">
				<tr>
					<th scope="row">{% trans "Hostname" %}</th>
					<td>{{ object.hostname|placeholder }}</td>
				</tr>
				<tr>
					<th scope="row">{% trans "IP (CIDR)" %}</th>
					<td><code>{{ object.ip_cidr|placeholder }}</code></td>
				</tr>
				<tr>
					<th scope="row">{% trans "Gateway" %}</th>
					<td><code>{{ object.gateway|placeholder }}</code></td>
				</tr>
				<tr>
					<th scope="row">{% trans "Bridge" %}</th>
					<td>{{ object.bridge|placeholder }}</td>
				</tr>
				<tr>
					<th scope="row">{% trans "VLAN tag" %}</th>
					<td>{{ object.vlan_tag|placeholder }}</td>
				</tr>
				<tr>
					<th scope="row">{% trans "Search domain" %}</th>
					<td>{{ object.search_domain|placeholder }}</td>
				</tr>
				<tr>
					<th scope="row">{% trans "DNS servers" %}</th>
					<td>{{ object.dns_servers|placeholder }}</td>
				</tr>
				<tr>
					<th scope="row">{% trans "SSH password auth" %}</th>
					<td>{{ object.ssh_pwauth|placeholder }}</td>
				</tr>
				<tr>
					<th scope="row">{% trans "Guest agent" %}</th>
					<td>{{ object.enable_agent|placeholder }}</td>
				</tr>
				<tr>
					<th scope="row">{% trans "Encrypted intent SSH keys" %}</th>
					<td>
						{% if object.has_sshkeys %}
							<span class="badge text-bg-green">{% trans "Stored (encrypted)" %}</span>
						{% else %}
							<span class="badge text-bg-grey">{% trans "None" %}</span>
						{% endif %}
					</td>
				</tr>
				<tr>
					<th scope="row">{% trans "NMS credential (secret store)" %}</th>
					<td>
						{% if object.nms_credential_id %}
							<code>netbox-nms CloudVMCredential #{{ object.nms_credential_id }}</code>
						{% else %}
							{{ ''|placeholder }}
						{% endif %}
					</td>
				</tr>
			</table>
		</div>
		{% endif %}
	</div>
	<div class="col-md-6">
		{% include 'inc/panels/tags.html' %}
		{% include 'inc/panels/custom_fields.html' %}
		<div class="card">
			<h5 class="card-header">{% trans "Source of Truth" %}</h5>
			<div class="card-body">
				<p class="mb-0">
					{% trans "This record is a read-only reflection of Proxmox cloud-init configuration. Edits made in NetBox will not propagate back to Proxmox; modify the values on the Proxmox side and re-sync." %}
				</p>
			</div>
		</div>
	</div>
</div>
{% endblock %}