<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
    <meta charset="UTF-8">
    <title>گراف گزاره‌ها - نود {{ node_id }}</title>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body>
    <div class="layout-container">
        <div class="sidebar">
            <div class="sidebar-content">
                <h2>اطلاعات گراف</h2>
                <p style="font-size: 0.85em; color: #aaa; margin-bottom: 20px;">
                    نود مربوطه: <span style="color: #e9c46a;">{{ node_id }}</span>
                </p>

                <div id="hover-info" class="details-box" style="transition: all 0.3s ease; border-right-color: #444;">
                    <em>برای مشاهده جزئیات، موس را روی گزاره‌ها یا خطوط ارتباطی ببرید...</em>
                </div>
            </div>

            <div class="sidebar-footer">
                <button onclick="window.close()" class="btn btn-secondary btn-block" style="background-color: #444;">بستن این پنجره</button>
            </div>
        </div>

        <div class="main-content">
            <iframe src="/graph_iframe/{{ project_name }}/{{ node_id }}" class="graph-iframe" id="graph-iframe"></iframe>
        </div>
    </div>

    <script src="{{ url_for('static', filename='js/main.js') }}"></script>
</body>
</html>