<?php
session_start();
header('Content-Type: application/json');

// Allowed Domain: Passe hier deine Domain an (ohne http(s)://)
$allowedDomain = 'example.com'; 

// Überprüfe den Referer, ob die Anfrage von deiner Domain kommt
if (!isset($_SERVER['HTTP_REFERER'])) {
    echo json_encode(['error' => 'Keine gültige Referer-Information.']);
    exit;
} else {
    $referrerHost = parse_url($_SERVER['HTTP_REFERER'], PHP_URL_HOST);
    if ($referrerHost !== $allowedDomain && $referrerHost !== "www.$allowedDomain") {
        echo json_encode(['error' => 'Unberechtigter Zugriff.']);
        exit;
    }
}

// CSRF Token: Erstelle einen Token in der Session, falls nicht vorhanden
if (!isset($_SESSION['csrf_token'])) {
    $_SESSION['csrf_token'] = bin2hex(random_bytes(32));
}

// Lese den JSON-Input
$inputJSON = file_get_contents('php://input');
$input = json_decode($inputJSON, true);

// Prüfe, ob "user_input" und "csrf_token" vorhanden sind
if (!$input || !isset($input['user_input']) || !isset($input['csrf_token'])) {
    echo json_encode(['error' => 'Ungültige Anfrage.']);
    exit;
}

// Überprüfe den CSRF Token
if ($input['csrf_token'] !== $_SESSION['csrf_token']) {
    echo json_encode(['error' => 'Ungültiger CSRF Token.']);
    exit;
}

$userInput = trim($input['user_input']);

// Input-Limitierung: max. 50 Wörter
if (str_word_count($userInput) > 50) {
    echo json_encode(['error' => 'Die Eingabe überschreitet 50 Wörter.']);
    exit;
}

// Logging einrichten: Pfad zur Logdatei (Passe den Pfad an)
$logFile = '/pfad/zu/deinem/chat_log.txt';

// Logge die Benutzeranfrage mit Zeitstempel
$logEntry = "[" . date('Y-m-d H:i:s') . "] Benutzer: " . $userInput . "\n";
file_put_contents($logFile, $logEntry, FILE_APPEND);

// Initialisiere den Konversationsverlauf (Systemprompt mit TXT-Inhalt) falls noch nicht vorhanden
if (!isset($_SESSION['conversation'])) {
    $txtFilePath = '/pfad/zu/deiner/datei.txt'; // Passe hier den Pfad an
    if (file_exists($txtFilePath)) {
        $txtContent = file_get_contents($txtFilePath);
    } else {
        echo json_encode(['error' => 'TXT-Datei nicht gefunden.']);
        exit;
    }
    
    // Optional: Text kürzen, um Token-Limits zu berücksichtigen (z. B. 2000 Zeichen)
    $maxCharacters = 2000;
    $txtContent = substr($txtContent, 0, $maxCharacters);
    
    $systemPrompt = "Du bist ein hilfreicher Assistent. Hier sind wichtige Informationen aus unserem Dokument:\n" . $txtContent;
    
    $_SESSION['conversation'] = [
        [
            "role"    => "system",
            "content" => $systemPrompt
        ]
    ];
}

// Füge die Benutzernachricht zum Konversationsverlauf hinzu
$_SESSION['conversation'][] = [
    "role"    => "user",
    "content" => $userInput
];

// OpenAI API-Konfiguration
$apiKey = 'YOUR_OPENAI_API_KEY';
$apiUrl = 'https://api.openai.com/v1/chat/completions';

$data = [
    "model"       => "gpt-3.5-turbo",  // oder "gpt-4", wenn verfügbar
    "messages"    => $_SESSION['conversation'],
    "temperature" => 0.7
];

$ch = curl_init();
curl_setopt($ch, CURLOPT_URL, $apiUrl);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
curl_setopt($ch, CURLOPT_POST, true);
curl_setopt($ch, CURLOPT_HTTPHEADER, [
    'Content-Type: application/json',
    'Authorization: Bearer ' . $apiKey
]);
curl_setopt($ch, CURLOPT_POSTFIELDS, json_encode($data));

$response = curl_exec($ch);

if (curl_errno($ch)) {
    $error_msg = curl_error($ch);
    echo json_encode(['error' => 'cURL-Fehler: ' . $error_msg]);
    curl_close($ch);
    exit;
}
curl_close($ch);

$responseData = json_decode($response, true);
if (isset($responseData['choices'][0]['message']['content'])) {
    $assistantReply = $responseData['choices'][0]['message']['content'];
    $_SESSION['conversation'][] = [
        "role"    => "assistant",
        "content" => $assistantReply
    ];
    
    // Logge die Antwort des Assistenten mit Zeitstempel
    $logEntry = "[" . date('Y-m-d H:i:s') . "] Assistent: " . $assistantReply . "\n";
    file_put_contents($logFile, $logEntry, FILE_APPEND);
    
    echo json_encode(['reply' => $assistantReply]);
} else {
    echo json_encode(['error' => 'Keine Antwort erhalten.']);
}
?>

<!DOCTYPE html>
<html lang="de">
<head>
  <meta charset="UTF-8">
  <title>Chatbot Frontend</title>
  <!-- Bootstrap CSS -->
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
  <!-- CSRF Token aus der Session (diese Seite sollte als PHP ausgeliefert werden, damit der Token gesetzt wird) -->
  <meta name="csrf-token" content="<?php session_start(); echo $_SESSION['csrf_token']; ?>">
  <style>
    .chat-container {
      display: flex;
      flex-direction: column;
      height: 70vh;
      overflow-y: auto;
      margin-bottom: 1rem;
      padding: 1rem;
      border: 1px solid #ddd;
      border-radius: 5px;
      background: #f8f9fa;
    }
    .chat-bubble {
      padding: 10px 15px;
      border-radius: 20px;
      margin: 5px;
      max-width: 75%;
      word-wrap: break-word;
    }
    /* Bot (links, blasses Blau) */
    .chat-bubble.bot {
      background-color: #cce5ff;
      align-self: flex-start;
    }
    /* User (rechts, blasses Rot) */
    .chat-bubble.user {
      background-color: #f8d7da;
      align-self: flex-end;
    }
  </style>
</head>
<body>
  <div class="container my-3">
    <!-- Chatverlauf -->
    <div id="chatContainer" class="chat-container"></div>
    <!-- Eingabefeld und Senden-Button -->
    <div class="input-group">
      <input type="text" id="userInput" class="form-control" placeholder="Deine Frage (max. 50 Wörter)..." aria-label="Deine Frage">
      <button class="btn btn-primary" id="sendButton">Senden</button>
    </div>
  </div>

  <script>
    let isProcessing = false;
    const sendButton = document.getElementById('sendButton');
    const userInputField = document.getElementById('userInput');
    const chatContainer = document.getElementById('chatContainer');
    const csrfToken = document.querySelector('meta[name="csrf-token"]').getAttribute('content');

    // Begrenze das Eingabefeld auf 50 Wörter
    userInputField.addEventListener('input', function() {
      let words = this.value.trim().split(/\s+/);
      if (words.length > 50) {
        this.value = words.slice(0, 50).join(" ");
      }
    });

    // Eventlistener für Senden-Button und Enter-Taste
    sendButton.addEventListener('click', sendMessage);
    userInputField.addEventListener('keypress', function(e) {
      if (e.key === 'Enter') {
        sendMessage();
      }
    });

    function sendMessage() {
      if (isProcessing) return; // Verhindert Mehrfachklicks
      
      const message = userInputField.value.trim();
      if (message === "") return;

      // Zeige die User-Nachricht im Chat (rechts)
      appendMessage(message, 'user');
      userInputField.value = "";
      
      // Deaktiviere den Button während der Verarbeitung
      isProcessing = true;
      sendButton.disabled = true;

      // Sende die Nachricht per AJAX an das Backend
      fetch('path/to/your/backend.php', { // Passe den Pfad zu deinem PHP-Backend an
        method: 'POST',
        headers: {
          'Content-Type': 'application/json'
        },
        body: JSON.stringify({ 
          user_input: message,
          csrf_token: csrfToken
        })
      })
      .then(response => response.json())
      .then(data => {
        if (data.reply) {
          appendMessage(data.reply, 'bot');
        } else {
          appendMessage("Fehler: " + (data.error || "Unbekannter Fehler"), 'bot');
        }
        isProcessing = false;
        sendButton.disabled = false;
      })
      .catch(error => {
        appendMessage("Fehler: " + error, 'bot');
        isProcessing = false;
        sendButton.disabled = false;
      });
    }

    function appendMessage(text, sender) {
      const bubble = document.createElement('div');
      bubble.classList.add('chat-bubble', sender);
      bubble.textContent = text;
      chatContainer.appendChild(bubble);
      chatContainer.scrollTop = chatContainer.scrollHeight;
    }
  </script>
</body>
</html>