<!DOCTYPE html>
<html lang="de">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Anti-Scam SMS Checker</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div class="container">
        <h1 class="title">Anti-Scam SMS Checker</h1>
        <p class="description">Geben Sie den verdächtigen SMS-Text ein, um zu prüfen, ob es sich um einen Scam handelt.</p>

        <textarea id="smsInput" placeholder="Geben Sie den SMS-Text hier ein..."></textarea>
        <button id="checkButton">Überprüfen</button>

        <div id="result">
            <p id="resultText"></p>
        </div>
        <div id="tips">
            <p>Tipps: <a href="tipp.html">Wie man sich vor SMS-Scams schützt.</a></p>
        </div>
    </div>
    <div class="footer">
        <p>By <span class="glow">59Official</span></p>
    </div>



    <div id="feedback-container">
        <button id="feedback-button" class="feedback-button">📝 Feedback</button>
        <div id="feedback-modal" class="feedback-modal">
            <div class="modal-content">
                <h2>Dein Feedback</h2>
                <textarea id="feedback-text" placeholder="Schreib uns dein Feedback..."></textarea>
                <button id="submit-feedback" class="submit-feedback">Absenden</button>
                <button id="close-feedback" class="close-feedback">Schließen</button>
            </div>
        </div>
    </div>
    <script src="script.js"></script>
</body>
</html>
