feature: chatbot

This commit is contained in:
2025-02-28 17:53:16 +07:00
parent 7f8a2e4936
commit fefef609ac
14 changed files with 856 additions and 75 deletions

View File

@@ -22,14 +22,20 @@
<div class="d-flex align-items-center gap-2">
<!-- Theme Color (Light/Dark) -->
<!-- <div class="topbar-item">
{{-- <div class="topbar-item">
<button type="button" class="topbar-button" id="light-dark-mode">
<iconify-icon icon="solar:moon-outline"
class="fs-22 align-middle light-mode"></iconify-icon>
<iconify-icon icon="solar:sun-2-outline"
class="fs-22 align-middle dark-mode"></iconify-icon>
</button>
</div> -->
</div> --}}
<div class="topbar-item">
<a href="{{ route('chatbot.index') }}" class="topbar-button">
<iconify-icon icon="solar:chat-square-outline" class="fs-22 align-middle"></iconify-icon>
</a>
</div>
<!-- Notification -->
<div class="dropdown topbar-item">

View File

@@ -1,6 +1,36 @@
<!DOCTYPE html>
<html lang="en" @yield('html-attribute')>
<style>
/* .floating-icon {
position: fixed;
right: 30px;
bottom: 70px;
background: white;
padding: 10px;
border-radius: 50%;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
cursor: pointer;
z-index: 1000;
} */
.floating-icon {
position: fixed;
right: 40px;
bottom: 100px;
width: 70px; /* Sesuaikan ukuran */
height: 70px; /* Sesuaikan ukuran */
background: white;
border-radius: 50%;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
cursor: pointer;
z-index: 1000;
background-image: url('/images/iconchatbot.jpeg'); /* Path ke gambar */
background-size: cover; /* Agar gambar menyesuaikan */
background-position: center; /* Memusatkan gambar */
}
</style>
<head>
@include('layouts.partials/title-meta')
@@ -17,10 +47,25 @@
<div class="page-content">
<div class="container-fluid">
{{-- <div class="container-fluid">
@yield('content')
<div>
<iconify-icon icon="solar:chat-square-outline" class="fs-35 align-middle"></iconify-icon>
</div>
</div> --}}
<div class="container-fluid">
@yield('content')
{{-- <div class="floating-icon">
</div> --}}
@if (!Request::is('chatbot'))
<a href="{{ route('chatbot.index') }}" class="floating-icon">
</a>
@endif
</div>
@include('layouts.partials/footer')