{% extends 'layout.html' %}

{% block content %}
<h2>Server Details - {{ server.hostname }}</h2>
<div>
    <p><strong>IP Address:</strong> {{ server.ip_address }}</p>
    <p><strong>Open Ports:</strong> {{ server.get_open_ports() | join(', ') }}</p>
    <div class="markdown-content">
        <h3>Documentation:</h3>
        <div id="markdown-preview">
            {{ server.documentation|markdown|safe }}
        </div>
    </div>
</div>
{% endblock %}