61 lines
2.3 KiB
PHP
61 lines
2.3 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="fr" class="dark">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Test Chatbot - {{ $chatbot->name }}</title>
|
|
|
|
<!-- Google Fonts -->
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
|
|
|
|
<!-- Tailwind CSS CDN -->
|
|
<script src="https://cdn.tailwindcss.com?plugins=typography"></script>
|
|
<script>
|
|
tailwind.config = {
|
|
darkMode: 'class',
|
|
theme: {
|
|
extend: {
|
|
fontFamily: {
|
|
sans: ['Outfit', 'sans-serif'],
|
|
},
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
@livewireStyles
|
|
|
|
<style>
|
|
body {
|
|
font-family: 'Outfit', sans-serif;
|
|
background-color: #020617;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="text-slate-100 min-h-screen flex items-center justify-center p-4 relative overflow-x-hidden">
|
|
|
|
<!-- Decorative background glows -->
|
|
<div class="absolute top-[-20%] left-[-20%] w-[60%] h-[60%] rounded-full bg-cyan-900/10 blur-[130px] pointer-events-none"></div>
|
|
<div class="absolute bottom-[-20%] right-[-20%] w-[60%] h-[60%] rounded-full bg-indigo-900/10 blur-[130px] pointer-events-none"></div>
|
|
|
|
<div class="w-full max-w-2xl relative z-10 h-[650px] flex flex-col">
|
|
<!-- Back link -->
|
|
<div class="mb-4 flex items-center justify-between px-2">
|
|
<a href="{{ url('/') }}" class="text-xs text-slate-500 hover:text-slate-350 transition flex items-center gap-1">
|
|
<svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3" fill="none" viewBox="0 0 24 24" stroke="currentColor">
|
|
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 19l-7-7m0 0l7-7m-7 7h18" />
|
|
</svg>
|
|
Retour à la console
|
|
</a>
|
|
<span class="text-[10px] text-slate-600 font-mono">Démonstrateur client ({{ $chatbot->slug }})</span>
|
|
</div>
|
|
|
|
<livewire:chatbot :chatbot="$chatbot" />
|
|
</div>
|
|
|
|
@livewireScripts
|
|
</body>
|
|
</html>
|