{% extends "base.html" %}

{% block title %}TAPDB Admin - {{ obj.euid }}{% endblock %}

{% block content %}
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem;">
    <h1>{{ obj.euid }}</h1>
    <div>
        {% if obj_type == 'template' and not is_reserved_template(obj) %}
        <a href="{{ tapdb_url(request, '/create-instance/' ~ obj.euid) }}" class="btn btn-success">➕ Create Instance</a>
        {% endif %}
        {% if obj_type == 'instance' %}
        <a href="{{ tapdb_url(request, '/graph') }}?start_euid={{ obj.euid }}" class="btn">🔗 View in Graph</a>
        {% endif %}
        {% if permissions and permissions.can_delete_object %}
        <button onclick="deleteObject('{{ obj.euid }}')" class="btn btn-danger">🗑️ Delete</button>
        {% endif %}
    </div>
</div>

<div class="card">
    <h2 class="card-title">Object Details</h2>
    <table>
        <tr><th style="width: 200px;">ID</th><td>{{ obj.uid }}</td></tr>
        <tr><th>EUID</th><td>{{ obj.euid }}</td></tr>
        <tr><th>Object Type</th><td><span class="badge badge-{{ obj.category }}">{{ obj_type }}</span></td></tr>
        <tr><th>Name</th><td>{{ obj.name or '-' }}</td></tr>
        <tr><th>Category</th><td><span class="badge badge-{{ obj.category }}">{{ obj.category }}</span></td></tr>
        <tr><th>Type</th><td>{{ obj.type }}</td></tr>
        <tr><th>Subtype</th><td>{{ obj.subtype }}</td></tr>
        <tr><th>Version</th><td>{{ obj.version }}</td></tr>
        <tr><th>Status</th><td>{{ obj.bstatus or '-' }}</td></tr>
        <tr><th>Created</th><td>{{ obj.created_dt.strftime('%Y-%m-%d %H:%M:%S') if obj.created_dt else '-' }}</td></tr>
        <tr><th>Modified</th><td>{{ obj.modified_dt.strftime('%Y-%m-%d %H:%M:%S') if obj.modified_dt else '-' }}</td></tr>
    </table>
</div>

{% if obj.json_addl %}
<div class="card">
    <h2 class="card-title">Additional Data (JSON)</h2>
    <pre style="background: #0d1117; padding: 1rem; border-radius: 4px; overflow-x: auto; color: #58a6ff;">{{ obj.json_addl | tojson(indent=2) }}</pre>
</div>
{% endif %}

{% if external_refs %}
<div class="card">
    <h2 class="card-title">External References</h2>
    <table>
        <thead>
            <tr><th>Label</th><th>System</th><th>Root EUID</th><th>Tenant</th><th>Actions</th></tr>
        </thead>
        <tbody>
            {% for ref in external_refs %}
            <tr>
                <td>{{ ref.label }}</td>
                <td>{{ ref.system }}</td>
                <td><code>{{ ref.root_euid }}</code></td>
                <td>{{ ref.tenant_id or '-' }}</td>
                <td style="display:flex; gap:0.5rem; flex-wrap:wrap;">
                    {% if ref.href %}
                    <a href="{{ ref.href }}" class="btn" target="_blank" rel="noreferrer">Open Remote</a>
                    {% endif %}
                    <a href="{{ tapdb_url(request, '/graph') }}?start_euid={{ obj.euid }}&depth=4&merge_ref={{ ref.ref_index }}" class="btn">Open In Graph</a>
                    {% if not ref.graph_expandable %}
                    <span style="color: var(--text-muted);">{{ ref.reason or 'Graph expansion unavailable' }}</span>
                    {% endif %}
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endif %}

{% if obj_type == 'instance' %}
<div class="card">
    <h2 class="card-title">Parent Relationships ({{ parent_lineages | length }})</h2>
    <p style="color: var(--text-muted); margin-bottom: 1rem;">Objects that this instance is a parent of</p>
    {% if parent_lineages %}
    <table>
        <thead>
            <tr><th>Lineage EUID</th><th>Child EUID</th><th>Child Name</th><th>Relationship</th></tr>
        </thead>
        <tbody>
            {% for lin in parent_lineages %}
            <tr>
                <td><a href="{{ tapdb_url(request, '/object/' ~ lin.euid) }}">{{ lin.euid }}</a></td>
                <td><a href="{{ tapdb_url(request, '/object/' ~ lin.child_euid) }}">{{ lin.child_euid }}</a></td>
                <td>{{ lin.child_name or '-' }}</td>
                <td>{{ lin.relationship_type or 'related' }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% else %}
    <p style="color: var(--text-muted);">No child relationships</p>
    {% endif %}
</div>

<div class="card">
    <h2 class="card-title">Child Relationships ({{ child_lineages | length }})</h2>
    <p style="color: var(--text-muted); margin-bottom: 1rem;">Objects that this instance is a child of</p>
    {% if child_lineages %}
    <table>
        <thead>
            <tr><th>Lineage EUID</th><th>Parent EUID</th><th>Parent Name</th><th>Relationship</th></tr>
        </thead>
        <tbody>
            {% for lin in child_lineages %}
            <tr>
                <td><a href="{{ tapdb_url(request, '/object/' ~ lin.euid) }}">{{ lin.euid }}</a></td>
                <td><a href="{{ tapdb_url(request, '/object/' ~ lin.parent_euid) }}">{{ lin.parent_euid }}</a></td>
                <td>{{ lin.parent_name or '-' }}</td>
                <td>{{ lin.relationship_type or 'related' }}</td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
    {% else %}
    <p style="color: var(--text-muted);">No parent relationships</p>
    {% endif %}
</div>
{% endif %}

{% if obj_type == 'lineage' %}
<div class="card">
    <h2 class="card-title">Lineage Details</h2>
    <table>
        <tr>
            <th style="width: 200px;">Parent Instance</th>
            <td>
                {% if obj.parent_instance %}
                <a href="{{ tapdb_url(request, '/object/' ~ obj.parent_instance.euid) }}">{{ obj.parent_instance.euid }}</a>
                ({{ obj.parent_instance.name or '-' }})
                {% else %}-{% endif %}
            </td>
        </tr>
        <tr>
            <th>Child Instance</th>
            <td>
                {% if obj.child_instance %}
                <a href="{{ tapdb_url(request, '/object/' ~ obj.child_instance.euid) }}">{{ obj.child_instance.euid }}</a>
                ({{ obj.child_instance.name or '-' }})
                {% else %}-{% endif %}
            </td>
        </tr>
        <tr><th>Relationship Type</th><td>{{ obj.relationship_type or 'related' }}</td></tr>
    </table>
</div>
{% endif %}
{% endblock %}

{% block scripts %}
<script>
function deleteObject(euid) {
    if (confirm('Are you sure you want to delete ' + euid + '? This will soft-delete the object.')) {
        fetch('{{ tapdb_url(request, '/api/object/') }}' + euid, { method: 'DELETE' })
            .then(r => r.json())
            .then(data => {
                if (data.success) {
                    alert('Object deleted successfully');
                    window.location.href = '{{ tapdb_url(request, '/') }}';
                } else {
                    alert('Error: ' + (data.detail || 'Unknown error'));
                }
            })
            .catch(e => alert('Error: ' + e));
    }
}
</script>
{% endblock %}