<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>🔍 STRIVE SBS SnoopService - Request Information</title>
    <style>
        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
        }

        body {
            font-family: 'TeleNeoWeb', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            background: linear-gradient(135deg, #E20074 0%, #9E0059 100%);
            padding: 20px;
            color: #333;
        }

        .container {
            max-width: 1200px;
            margin: 0 auto;
            background: white;
            border-radius: 12px;
            box-shadow: 0 10px 40px rgba(0,0,0,0.2);
            overflow: hidden;
        }

        header {
            background: linear-gradient(135deg, #E20074 0%, #9E0059 100%);
            color: white;
            padding: 30px;
            text-align: center;
        }

        header h1 {
            font-size: 2.5em;
            margin-bottom: 10px;
        }

        header p {
            font-size: 1.1em;
            opacity: 0.9;
        }

        header .subtitle {
            font-size: 0.9em;
            margin-top: 10px;
            opacity: 0.85;
            font-weight: 300;
        }

        header .actuator-link {
            display: inline-block;
            margin-top: 15px;
            padding: 8px 20px;
            background: rgba(255,255,255,0.2);
            border: 1px solid rgba(255,255,255,0.4);
            border-radius: 20px;
            color: white;
            text-decoration: none;
            font-size: 0.9em;
            transition: all 0.3s;
        }

        header .actuator-link:hover {
            background: rgba(255,255,255,0.3);
            border-color: rgba(255,255,255,0.6);
        }

        .content {
            padding: 30px;
        }

        .section {
            margin-bottom: 30px;
            border-left: 4px solid #E20074;
            padding-left: 20px;
        }

        .section h2 {
            color: #E20074;
            margin-bottom: 15px;
            font-size: 1.5em;
        }

        .info-grid {
            display: grid;
            grid-template-columns: 200px 1fr;
            gap: 10px;
            margin-bottom: 10px;
        }

        .label {
            font-weight: bold;
            color: #555;
        }

        .value {
            color: #333;
            word-break: break-all;
            font-family: 'Courier New', monospace;
            background: #f5f5f5;
            padding: 5px 10px;
            border-radius: 4px;
        }

        .table-container {
            overflow-x: auto;
        }

        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 10px;
        }

        th, td {
            padding: 12px;
            text-align: left;
            border-bottom: 1px solid #ddd;
        }

        th {
            background: #E20074;
            color: white;
            font-weight: bold;
        }

        tr:hover {
            background: #f5f5f5;
        }

        td:first-child {
            font-weight: bold;
            color: #555;
            width: 30%;
        }

        td:last-child {
            font-family: 'Courier New', monospace;
            word-break: break-all;
        }

        .empty-state {
            color: #999;
            font-style: italic;
            padding: 10px;
            text-align: center;
        }

        .timestamp {
            text-align: center;
            color: #999;
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid #eee;
        }

        .build-info {
            background: #f8f8f8;
            border-top: 2px solid #E20074;
            padding: 15px 30px;
            font-size: 0.85em;
            color: #666;
            line-height: 1.6;
        }

        .instance-info {
            background: #e8f5e8;
            border-left: 4px solid #4CAF50;
            padding: 10px 15px;
            margin-bottom: 10px;
            border-radius: 0 8px 8px 0;
        }

        .instance-info .build-info-line {
            color: #2e7d32;
        }

        .instance-info .build-info-label {
            color: #1b5e20;
            font-weight: 600;
        }

        .instance-info .build-info-value {
            color: #2e7d32;
        }

        .build-version-info {
            background: #e3f2fd;
            border-left: 4px solid #2196F3;
            padding: 10px 15px;
            margin-bottom: 10px;
            border-radius: 0 8px 8px 0;
        }

        .build-version-info .build-info-line {
            color: #1565c0;
        }

        .build-version-info .build-info-label {
            color: #0d47a1;
            font-weight: 600;
        }

        .build-version-info .build-info-value {
            color: #1565c0;
        }

        .build-version-info a {
            color: #1976d2;
            text-decoration: none;
            font-weight: 500;
        }

        .build-version-info a:hover {
            text-decoration: underline;
        }

        .build-info-line {
            margin: 3px 0;
        }

        .build-info a {
            color: #E20074;
            text-decoration: none;
            font-weight: 500;
        }

        .build-info a:hover {
            text-decoration: underline;
        }

        .build-info-label {
            font-weight: 600;
            color: #555;
        }

        .build-info-value {
            font-family: 'Courier New', monospace;
            color: #333;
        }

        .method-badge {
            display: inline-block;
            padding: 4px 12px;
            border-radius: 20px;
            font-weight: bold;
            font-size: 0.9em;
        }

        .method-GET { background: #4CAF50; color: white; }
        .method-POST { background: #2196F3; color: white; }
        .method-PUT { background: #FF9800; color: white; }
        .method-DELETE { background: #F44336; color: white; }
        .method-PATCH { background: #9C27B0; color: white; }
        .method-HEAD { background: #607D8B; color: white; }
        .method-OPTIONS { background: #795548; color: white; }
    </style>
</head>
<body>
    <div class="container">
        <header>
            <h1>🔍 SnoopService</h1>
            <p>HTTP Request Information Inspector</p>
            <p class="subtitle">STRIVE SBS - T-Systems</p>
            <a href="/actuator/info" class="actuator-link" target="_blank">ℹ️ View System Info</a>
            <a href="https://strive.devops.t-systems.net/confluence/x/GA_XEg" class="actuator-link" target="_blank">📖 Showcase Documentation</a>
        </header>

        <div class="content">
            <!-- Request Overview -->
            <div class="section">
                <h2>📋 Request Overview</h2>
                <div class="info-grid">
                    <span class="label">Method:</span>
                    <span class="value">
                        <span class="method-badge method-GET">GET</span>
                    </span>

                    <span class="label">URL:</span>
                    <span class="value">https://snoop-service-dev.strive-showcase.sdcloud.t-systems.net/sitemap.xml</span>

                    <span class="label">Protocol:</span>
                    <span class="value">HTTP/1.1</span>

                    <span class="label">Query String:</span>
                    <span class="value">(none)</span>
                </div>
            </div>

            <!-- Client Information -->
            <div class="section">
                <h2>🌐 Client Information</h2>
                <div class="info-grid">
                    <span class="label">Remote Address:</span>
                    <span class="value">216.73.217.82</span>

                    <span class="label">Remote Host:</span>
                    <span class="value">216.73.217.82</span>

                    <span class="label">Remote Port:</span>
                    <span class="value">53584</span>
                </div>
            </div>

            <!-- Server Information -->
            <div class="section">
                <h2>🖥️ Server Information</h2>
                <div class="info-grid">
                    <span class="label">Server Name:</span>
                    <span class="value">snoop-service-dev.strive-showcase.sdcloud.t-systems.net</span>

                    <span class="label">Server Port:</span>
                    <span class="value">443</span>
                </div>
            </div>

            <!-- Content Information -->
            <div class="section">
                <h2>📦 Content Information</h2>
                <div class="info-grid">
                    <span class="label">Content Type:</span>
                    <span class="value">(none)</span>

                    <span class="label">Content Length:</span>
                    <span class="value">(none)</span>

                    <span class="label">Character Encoding:</span>
                    <span class="value">UTF-8</span>
                </div>
            </div>

            <!-- HTTP Headers -->
            <div class="section">
                <h2>📨 HTTP Headers</h2>
                <div class="table-container">
                    <table>
                        <thead>
                            <tr>
                                <th>Header Name</th>
                                <th>Value</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>accept</td>
                                <td>*/*</td>
                            </tr>
                            <tr>
                                <td>accept-encoding</td>
                                <td>gzip, br, zstd, deflate</td>
                            </tr>
                            <tr>
                                <td>host</td>
                                <td>snoop-service-dev.strive-showcase.sdcloud.t-systems.net</td>
                            </tr>
                            <tr>
                                <td>user-agent</td>
                                <td>Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)</td>
                            </tr>
                            <tr>
                                <td>x-forwarded-host</td>
                                <td>snoop-service-dev.strive-showcase.sdcloud.t-systems.net</td>
                            </tr>
                            <tr>
                                <td>x-forwarded-port</td>
                                <td>443</td>
                            </tr>
                            <tr>
                                <td>x-forwarded-proto</td>
                                <td>https</td>
                            </tr>
                            <tr>
                                <td>x-forwarded-scheme</td>
                                <td>https</td>
                            </tr>
                            <tr>
                                <td>x-real-ip</td>
                                <td>216.73.217.82</td>
                            </tr>
                            <tr>
                                <td>x-request-id</td>
                                <td>c2424842bc23e26feda148b2ab2c256e</td>
                            </tr>
                            <tr>
                                <td>x-scheme</td>
                                <td>https</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                
            </div>

            <!-- Request Parameters -->
            <div class="section">
                <h2>⚙️ Request Parameters</h2>
                
                <div class="empty-state">
                    No parameters received
                </div>
            </div>

            <div class="timestamp">
                <p>⏰ Timestamp: <span>2026-05-05 15:29:00</span></p>
            </div>
        </div>

        <!-- Build Information Footer -->
        <div class="build-info">
            <!-- Instance Information -->
            <div class="instance-info">
                <div class="build-info-line">
                    <span class="build-info-label">🏷️ Instance:</span>
                    <span class="build-info-value">snoop-service-6f9d5585b8-ghfmk</span>
                    <span>
                        · <span class="build-info-label">🚀 Started:</span>
                        <span class="build-info-value">2026-04-29 10:38:19</span>
                    </span>
                    <span>
                        · <span class="build-info-label">⏱️ Uptime:</span>
                        <span class="build-info-value">6d 4h 50m 40s</span>
                    </span>
                    <span>
                        · <span class="build-info-label">📞 Calls:</span>
                        <span class="build-info-value">3301</span>
                    </span>
                </div>
                <div class="build-info-line">
                    <span class="build-info-label">☕ Java:</span>
                    <span class="build-info-value">25</span>
                    <span>
                        · <span class="build-info-label">💻 OS:</span>
                        <span class="build-info-value">Linux 5.15.0-176-generic</span>
                    </span>
                    <span>
                        · <span class="build-info-label">🆔 ID:</span>
                        <span class="build-info-value">snoop-service-6f9d5585b8-ghfmk-0429103819</span>
                    </span>
                </div>
            </div>
            <!-- Build Information -->
            <div class="build-version-info">
                <div class="build-info-line">
                    <span class="build-info-label">📦 Version:</span>
                    <span class="build-info-value">1.0.0-SNAPSHOT</span>
                    <span>
                        · <span class="build-info-label">🌿 Branch:</span>
                        <a href="https://strive.devops.t-systems.net/bitbucket/projects/SHARED/repos/sbs-sample-rancher-xray/browse?at=refs%2Fheads%2Fmain" target="_blank" class="build-info-value">main</a>
                        
                    </span>
                    <span>
                        · <span class="build-info-label">📝 SHA:</span>
                        <a href="https://strive.devops.t-systems.net/bitbucket/projects/SHARED/repos/sbs-sample-rancher-xray/commits/2a7aafd8a4267c953b3a4ed80fe6c4287e27e833" target="_blank" class="build-info-value">2a7aafd8</a>
                        
                    </span>
                </div>
                <div class="build-info-line">
                    <span class="build-info-label">⏱️ Built:</span>
                    <span class="build-info-value">2025-11-06T16:06:40Z</span>
                    <span>
                        · <span class="build-info-label">🖥️ Build-Node:</span>
                        <span class="build-info-value">devops-strive-jenkins-classic-agent3</span>
                    </span>
                    <span>
                        · <span class="build-info-label">🔗 Build:</span>
                        <a href="https://strive.devops.t-systems.net/jenkins/job/shared/job/SHARED/job/sbs-sample-rancher-xray/job/main/15/" target="_blank">shared/SHARED/sbs-sample-rancher-xray/main #15</a>
                    </span>
                </div>
            </div>
        </div>
    </div>
</body>
</html>

