From 3ea6d4df835b14f4ba64f38a29ad3034dc4f3447 Mon Sep 17 00:00:00 2001
From: khai1301 <khaihacang123@gmail.com>
Date: Sun, 22 Dec 2024 16:16:53 +0700
Subject: [PATCH] add chat

---
 app/Http/Controllers/ChatController.php       |  14 ++
 medical.sql                                   |  63 +++++++++
 resources/views/frontend/pages/chat.blade.php | 129 ++++++++++++++++++
 3 files changed, 206 insertions(+)
 create mode 100644 app/Http/Controllers/ChatController.php
 create mode 100644 medical.sql
 create mode 100644 resources/views/frontend/pages/chat.blade.php

diff --git a/app/Http/Controllers/ChatController.php b/app/Http/Controllers/ChatController.php
new file mode 100644
index 0000000..48ad097
--- /dev/null
+++ b/app/Http/Controllers/ChatController.php
@@ -0,0 +1,14 @@
+<?php
+
+namespace App\Http\Controllers;
+
+use Illuminate\Http\Request;
+
+class ChatController extends Controller
+{
+    public function index()
+    {
+        return view('frontend.pages.chat');
+    }
+}
+
diff --git a/medical.sql b/medical.sql
new file mode 100644
index 0000000..19382bb
--- /dev/null
+++ b/medical.sql
@@ -0,0 +1,63 @@
+-- --------------------------------------------------------
+-- Host:                         127.0.0.1
+-- Server version:               8.0.30 - MySQL Community Server - GPL
+-- Server OS:                    Win64
+-- HeidiSQL Version:             12.1.0.6537
+-- --------------------------------------------------------
+
+/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
+/*!40101 SET NAMES utf8 */;
+/*!50503 SET NAMES utf8mb4 */;
+/*!40103 SET @OLD_TIME_ZONE=@@TIME_ZONE */;
+/*!40103 SET TIME_ZONE='+00:00' */;
+/*!40014 SET @OLD_FOREIGN_KEY_CHECKS=@@FOREIGN_KEY_CHECKS, FOREIGN_KEY_CHECKS=0 */;
+/*!40101 SET @OLD_SQL_MODE=@@SQL_MODE, SQL_MODE='NO_AUTO_VALUE_ON_ZERO' */;
+/*!40111 SET @OLD_SQL_NOTES=@@SQL_NOTES, SQL_NOTES=0 */;
+
+-- Data exporting was unselected.
+
+-- Data exporting was unselected.
+
+-- Data exporting was unselected.
+
+-- Data exporting was unselected.
+
+-- Data exporting was unselected.
+
+-- Data exporting was unselected.
+
+-- Data exporting was unselected.
+
+-- Data exporting was unselected.
+
+-- Data exporting was unselected.
+
+-- Data exporting was unselected.
+
+-- Data exporting was unselected.
+
+-- Data exporting was unselected.
+
+-- Data exporting was unselected.
+
+-- Data exporting was unselected.
+
+-- Data exporting was unselected.
+
+-- Data exporting was unselected.
+
+-- Data exporting was unselected.
+
+-- Data exporting was unselected.
+
+-- Data exporting was unselected.
+
+-- Data exporting was unselected.
+
+-- Data exporting was unselected.
+
+/*!40103 SET TIME_ZONE=IFNULL(@OLD_TIME_ZONE, 'system') */;
+/*!40101 SET SQL_MODE=IFNULL(@OLD_SQL_MODE, '') */;
+/*!40014 SET FOREIGN_KEY_CHECKS=IFNULL(@OLD_FOREIGN_KEY_CHECKS, 1) */;
+/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
+/*!40111 SET SQL_NOTES=IFNULL(@OLD_SQL_NOTES, 1) */;
diff --git a/resources/views/frontend/pages/chat.blade.php b/resources/views/frontend/pages/chat.blade.php
new file mode 100644
index 0000000..023eee8
--- /dev/null
+++ b/resources/views/frontend/pages/chat.blade.php
@@ -0,0 +1,129 @@
+@extends('frontend.layouts.master')
+
+@section('title','E-Shop || Login Page')
+
+@section('main-content')
+    {{-- <!-- Breadcrumbs -->
+    <div class="breadcrumbs">
+        <div class="container">
+            <div class="row">
+                <div class="col-12">
+                    <div class="bread-inner">
+                        <ul class="bread-list">
+                            <li><a href="{{route('home')}}">Home<i class="ti-arrow-right"></i></a></li>
+                            <li class="active"><a href="javascript:void(0);">Login</a></li>
+                        </ul>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- End Breadcrumbs -->
+            
+    <!-- Shop Login -->
+    <section class="shop login section">
+        <div class="container">
+            <div class="row"> 
+                <div class="col-lg-6 offset-lg-3 col-12">
+                    <div class="login-form">
+                        <h2>Login</h2>
+                        <p>Please register in order to checkout more quickly</p>
+                        <!-- Form -->
+                        <form class="form" method="post" action="{{route('login.submit')}}">
+                            @csrf
+                            <div class="row">
+                                <div class="col-12">
+                                    <div class="form-group">
+                                        <label>Your Email<span>*</span></label>
+                                        <input type="email" name="email" placeholder="" required="required" value="{{old('email')}}">
+                                        @error('email')
+                                            <span class="text-danger">{{$message}}</span>
+                                        @enderror
+                                    </div>
+                                </div>
+                                <div class="col-12">
+                                    <div class="form-group">
+                                        <label>Your Password<span>*</span></label>
+                                        <input type="password" name="password" placeholder="" required="required" value="{{old('password')}}">
+                                        @error('password')
+                                            <span class="text-danger">{{$message}}</span>
+                                        @enderror
+                                    </div>
+                                </div>
+                                <div class="col-12">
+                                    <div class="form-group login-btn">
+                                        <button class="btn" type="submit">Login</button>
+                                        <a href="{{route('register.form')}}" class="btn">Register</a>
+                                        OR
+                                        <a href="{{route('login.redirect','facebook')}}" class="btn btn-facebook"><i class="ti-facebook"></i></a>
+                                        <a href="{{route('login.redirect','github')}}" class="btn btn-github"><i class="ti-github"></i></a>
+                                        <a href="{{route('login.redirect','google')}}" class="btn btn-google"><i class="ti-google"></i></a>
+
+                                    </div>
+                                    <div class="checkbox">
+                                        <label class="checkbox-inline" for="2"><input name="news" id="2" type="checkbox">Remember me</label>
+                                    </div>
+                                    @if (Route::has('password.request'))
+                                        <a class="lost-pass" href="{{ route('password.reset') }}">
+                                            Lost your password?
+                                        </a>
+                                    @endif
+                                </div>
+                            </div>
+                        </form>
+                        <!--/ End Form -->
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+    <!--/ End Login --> --}}
+    <h1>Chat with AI</h1>
+    <div id="chat-box">
+        <!-- Tin nhắn sẽ được hiển thị ở đây -->
+    </div>
+    <input type="text" id="message-input" placeholder="Send a message...">
+    <button id="send-button">Send</button>
+
+    <script>
+        document.getElementById('send-button').addEventListener('click', function() {
+            const messageInput = document.getElementById('message-input');
+            const message = messageInput.value;
+
+            // Gửi yêu cầu đến API để gửi tin nhắn
+            fetch('http://127.0.0.1:5000/chat', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ message: message }),
+            })
+            .then(response => response.json())
+            .then(data => {
+                // Hiển thị tin nhắn trong khung chat
+                const chatBox = document.getElementById('chat-box');
+                chatBox.innerHTML += `<div>${data.response}</div>`;
+                messageInput.value = ''; // Xóa ô nhập sau khi gửi
+            })
+            .catch(error => console.error('Error:', error));
+        });
+    </script>
+@endsection
+@push('styles')
+<style>
+    #chat-box {
+            border: 1px solid #ccc;
+            height: 400px;
+            overflow-y: scroll;
+            padding: 10px;
+            margin-bottom: 10px;
+        }
+        #message-input {
+            width: 80%;
+            padding: 10px;
+        }
+        #send-button {
+            padding: 10px;
+        }
+</style>
+@endpush
\ No newline at end of file