Redmind_GPT_API

Runtime error

App Files Files Community

lakshmivairamani commited on Aug 12, 2024

Commit

6952a04

verified ·

1 Parent(s): 80bf15f

Upload 14 files

Browse files

Files changed (14) hide show

templates/API_connectors.html +443 -0
templates/chatbot.html +81 -0
templates/company_profile.html +312 -0
templates/company_profile2.html +315 -0
templates/dashboard.html +156 -0
templates/data_connectors.html +463 -0
templates/footer.html +26 -0
templates/index.html +117 -0
templates/knowledgebase.html +467 -0
templates/knowledgebase2.html +360 -0
templates/prompt_template.html +435 -0
templates/redmindlogo2.jpg +0 -0
templates/redmindlogo3.jpg +0 -0
templates/sidepane.html +105 -0

templates/API_connectors.html ADDED Viewed

	@@ -0,0 +1,443 @@

+<!DOCTYPE html>
+<html>
+<head>
+    <title>API Connectors</title>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+    <!-- Include AdminLTE CSS -->
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/adminlte.min.css">
+    <!-- Include DataTables CSS -->
+    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap4.min.css">
+    <script src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
+    <script src="https://cdn.datatables.net/1.10.25/js/dataTables.bootstrap4.min.js"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
+    <style>
+        .form-group{
+            margin-top: -10px;
+        }
+        .header-row {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        .table-container {
+            width: 100%;
+            overflow-x: auto;
+        }
+        .wrapper {
+            display: flex;
+            flex-direction: column;
+            height: 100vh;
+        }
+        .content-wrapper {
+            flex: 1;
+            overflow-y: auto;
+        }
+        .content-header {
+            padding: 1rem;
+        }
+        .footer {
+            text-align: right;
+            padding: 10px;
+        }
+        .center-align {
+            padding-top: 20px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            width: 100%;
+        }
+        th,
+        td {
+            white-space: nowrap;
+        }
+        th:nth-child(1),
+        td:nth-child(1) {
+            /* Sno column */
+            width: 5%;
+        }
+        th:nth-child(2),
+        td:nth-child(2) {
+            /* API Name column */
+            width: 20%;
+        }
+        th:nth-child(3),
+        td:nth-child(3) {
+            /* API Endpoint column */
+            width: 40%;
+        }
+        th:nth-child(4),
+        td:nth-child(4) {
+            /* Auth/Bearer token column */
+            width: 20%;
+        }
+        th:nth-child(5),
+        td:nth-child(5) {
+            /* View column */
+            width: 15%;
+        }
+        .reduced-width{
+            width:25%;
+        }
+    </style>
+</head>
+<body>
+    {% include 'sidepane.html' %}
+    <div class="wrapper">
+        <div class="content-wrapper">
+            <!-- Content Header (Page header) -->
+            <div class="content-header">
+                <div class="container-fluid">
+                    <div class="container mt-2">
+                        <div class="form-group center-align">
+                            <label for="company" class="mr-2">Company Name <span class="text-danger">*</span></label>
+                            <select type="text" id="company" name="company" class="form-control reduced-width" required>
+                                <option value="" selected>Select</option>
+                            </select>
+                                 <div class="col-8 d-flex justify-content-end mb-3">
+                                    <button class="btn btn-primary" style="margin-top: 20px;" id="add">Add</button>
+                                  </div>
+                            </div>
+                            <div class="row">
+                                <div id="message-container" style="margin-left: 200px;"></div>
+                             </div>
+                    </div>
+                </div>
+            </div>
+                    <section class="content" id="contentSection" style="display: none;">
+                        <div class="container-fluid">
+                            <div class="form-group">
+                                <!-- <label for="company_id">company_id</label>--->
+                                <input type="hidden" id="company_id" name="company_id" class="form-control" required>
+                            </div>
+                     </div>
+            <!-- Main content -->
+            <section class="content">
+                <div class="container-fluid">
+                    <div class="row">
+                        <div class="col-12">
+                            <div class="card">
+                                <div class="card-body table-container">
+                                    <table id="apiTable" class="table table-bordered table-striped">
+                                        <thead>
+                                            <tr>
+                                                <th>Sno</th>
+                                                <th>API Name</th>
+                                                <th>API Endpoint</th>
+                                                <th>View</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody>
+                                            <!-- <tr>
+                                                <td>1</td>
+                                                <td>Warehouse</td>
+                                                <td>http://193.203.162.39:9090/nxt-wms/userWarehouse/fetchWarehouseForUserId
+                                                </td>
+                                                <td><button class="btn btn-primary viewButton">View</button></td>
+                                            </tr>
+                                            <tr>
+                                                <td>2</td>
+                                                <td>customer</td>
+                                                <td>http://193.203.162.39:9090/nxt-wms/userCustomer/fetchCustomerForUserId
+                                                </td>
+                                                <td><button class="btn btn-primary viewButton">View</button></td>
+                                            </tr>
+                                            <tr>
+                                                <td>3</td>
+                                                <td>SKU</td>
+                                                <td>http://193.203.162.39:9090/nxt-wms/sku/autoComplete?</td>
+                                                <td><button class="btn btn-primary viewButton">View</button></td>
+                                            </tr>
+                                            <tr>
+                                                <td>4</td>
+                                                <td>ASN</td>
+                                                <td>http://193.203.162.39:9090/nxt-wms/trnHeader</td>
+                                                <td><button class="btn btn-primary viewButton">View</button></td>
+                                            </tr> -->
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </section>
+        </div>
+    </div>
+    <!-- Modal -->
+    <div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="addModalLabel"
+        aria-hidden="true">
+        <div class="modal-dialog" style="margin-top: -10px;" role="document">
+            <div class="modal-content" >
+                <div class="modal-header">
+                    <h5 class="modal-title"   id="addModalLabel">Add API Details</h5>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true" data-backdrop="static" data-keyboard="false">&times;</span>
+                    </button>
+                </div>
+                <div class="modal-body">
+                    <div class="form-group">
+                        <!-- <label for="company_id">company_id</label>--->
+                        <input type="hidden" id="company_id" name="company_id" class="form-control" required>
+                    </div>
+                    <form id="documentForm">
+                        <div class="form-group">
+                            <label for="APIName">API Name <span class="text-danger">*</span></label>
+                            <input type="text" class="form-control" id="APIName" name="APIName" required>
+                        </div>
+                        <div class="form-group">
+                            <label for="APIEndpoint">API Endpoint <span class="text-danger">*</span></label>
+                            <input type="text" class="form-control" id="APIEndpoint" name="APIEndpoint" required>
+                        </div>
+                        <div class="form-group">
+                            <label for="Auth_Bearer">Auth/Bearer token <span class="text-danger">*</span></label>
+                            <input type="text" class="form-control" id="Auth_Bearer" name="Auth_Bearer" required>
+                        </div>
+                        <div class="form-group">
+                            <label for="Inputjson">Input parameter <span class="text-danger">*</span></label>
+                            <input type="text" class="form-control" id="Inputjson" name="Inputjson" required>
+                        </div>
+                        <div class="form-group">
+                            <label for="OutputJson">Output Json <span class="text-danger">*</span></label>
+                            <input type="text" class="form-control" id="OutputJson" name="OutputJson" required>
+                        </div>
+                        <div class="form-group">
+                            <label for="Description">Description <span class="text-danger">*</span></label>
+                            <textarea class="form-control" id="Description" name="Description" rows="3"
+                                required></textarea>
+                        </div>
+                    </form>
+                </div>
+                <div class="modal-footer">
+                    <!-- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> -->
+                    <button type="button" id="save" onclick="save_file()" class="btn btn-primary">Save</button>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Include DataTables JS and your custom script -->
+    <script src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
+    <script src="https://cdn.datatables.net/1.10.25/js/dataTables.bootstrap4.min.js"></script>
+    <script>
+        $(document).ready(function () {
+             // Show modal function
+            $('#add').on('click', function () {
+                clearFormFields();
+                $('#message-container').empty(); // Clear the message container
+                $('#addModal').modal('show');
+            });
+            $('.modal-footer .btn-secondary, .modal-header .close').on('click', function () {
+                      $('#addModal').modal('hide');
+             });
+            // $('#apiTable').DataTable({
+            //     autoWidth: false
+            // });
+    });
+    document.addEventListener("DOMContentLoaded", function () {
+            // clearFormFields();
+            fetchCompanies();
+            const companySelect = document.getElementById('company');
+            const documentForm = document.getElementById('documentForm');
+            const table = $('#apiTable').DataTable();
+            // Initialize DataTable at the start
+            companySelect.addEventListener('change', async function () {
+                $("#message-container").empty();
+                const selectedCompanyName = companySelect.options[companySelect.selectedIndex].text;
+                console.log(`Selected Company Name: ${selectedCompanyName}`);
+                if (selectedCompanyName !== "Select") {
+                    try {
+                        const response = await fetch(`/api/company_id?company_name=${encodeURIComponent(selectedCompanyName)}`);
+                        if (!response.ok) {
+                            contentSection.style.display = 'none';
+                            ("Document details does not exist for name does not exist. Please fill in the details.");
+                            const messageContainer = document.getElementById('message-container');
+                            if (messageContainer) {
+                                messageContainer.innerHTML = "<div class='alert alert-danger'>Document details do not exist for this company. Please fill in the details.</div>";
+                            }
+                            throw new Error('Network response was not ok');
+                        }
+                        const data = await response.json();
+                        console.log('data returned', data);
+                        console.log(`Company ID: ${data.company_id}`);
+                        const companyId = data.company_id;
+                        document.getElementById('company_id').value = companyId;
+                        if (companyId) {
+                            try {
+                                const Response = await fetch(`/api/get_api_connectors?company_id=${companyId}&company_name=${selectedCompanyName}`);
+                                const connectorsResponse = await Response.json();
+                                console.log("api connector data table after connecting to table", connectorsResponse);
+                                table.clear();
+                                if (!Array.isArray(connectorsResponse)) {
+                                    throw new TypeError('Expected an array of companies');
+                                displayErrorMessage("Document details do not exist for this company. Please fill in the details.");
+                            contentSection.style.display = 'none';
+                        } else {
+                                connectorsResponse.forEach((company, index) => {
+                                    table.row.add([
+                                        index+1,
+                                        company.APIName,
+                                        company.APIEndpoint,
+                                       "<a href='#' class='btn btn-info btn-sm'><i class='fas fa-eye' fa-eye'></i></a>",
+                                    ]).draw(false);
+                                });
+                                contentSection.style.display = 'block';
+                            }
+                            } catch (error) {
+                                console.error('Error fetching company documents:', error);
+                        //displayEmptyTable();
+                        displayErrorMessage("Document details1 do not exist for this company. Please fill in the details.");
+                        contentSection.style.display = 'none';
+                            }
+                        }
+                            else {
+                   // displayEmptyTable();
+                    displayErrorMessage("Document details2 for knowledge do not exist for this company. Please fill in the details.");
+                }
+                    } catch (error) {
+                        console.error('No details for this company ID or data documents:', error);
+               // displayEmptyTable();
+                displayErrorMessage("Document details3 do not exist for this company. Please fill in the details.");
+                contentSection.style.display = 'none';
+            }
+                } else {
+                    table.clear().draw();
+                    document.getElementById('contentSection').style.display = 'none';
+                    // Optionally, you might want to clear the form fields as well
+                    clearFormFields();
+                }
+            });
+            function displayErrorMessage(message) {
+        const messageContainer = document.getElementById('message-container');
+        if (messageContainer) {
+            messageContainer.innerHTML = `<div class='alert alert-danger'>${message}</div>`;
+        }
+    }
+        });
+        function save_file() {
+            const form = document.getElementById('documentForm');
+            // Check if the form is valid
+            if (!form.checkValidity()) {
+                // If the form is invalid, show validation messages and stop the submission
+                form.reportValidity();
+                return;
+            }
+            const company_id=$('#company_id').val();
+            const APIName = $('#APIName').val();
+            const APIEndpoint = $('#APIEndpoint').val();
+            const Auth_Bearer = $('#Auth_Bearer').val();
+            const Inputjson = $('#Inputjson').val();
+            const OutputJson = $('#OutputJson').val();
+            const Description = $('#Description').val();
+const view= "<a href='#' class='btn btn-info btn-sm'><i class='fas fa-eye'></i></a>";
+            var formData = new FormData($('#documentForm')[0]);
+             formData.append("company_id",company_id),
+              formData.append("api_name", APIName),
+               formData.append("api_endpoint", APIEndpoint),
+                formData.append("auth_bearer", Auth_Bearer),
+                formData.append("input_json", Inputjson),
+                formData.append("output_json", OutputJson),
+                formData.append("description", Description)
+            //const formData = new FormData();
+           fetch('/api/save_api_details', {
+                method: 'POST',
+                body: formData
+            })
+                .then(response => {
+                    if (!response.ok) {
+                        throw new Error('Network response was not ok');
+                    }
+                    return response.text();
+                })
+                .then(data => {
+                    var table = $('#apiTable').DataTable();
+            var rowCount = table.rows().count();
+            table.row.add([
+                rowCount + 1,
+                APIName,
+                APIEndpoint,
+                Auth_Bearer,
+                Inputjson,
+                OutputJson,
+                Description,
+                view
+            ]).draw(false);
+                    alert('Document saved successfully');
+                     $('#addModal').modal('hide');
+                     document.getElementById('contentSection').style.display = 'block'; // Show the table section
+                })
+                .catch(error => console.error('Error:', error));
+        }
+        async function fetchCompanies() {
+            try {
+                const response = await fetch('/api/companies');
+                if (!response.ok) {
+                    throw new Error('Network response was not ok');
+                }
+                const data = await response.json();
+                displayCompanies(data.companies);
+            } catch (error) {
+                console.error('Error fetching companies:', error);
+            }
+        }
+        function displayCompanies(companies) {
+            const companySelect = document.getElementById('company');
+            companySelect.innerHTML = '<option value="" selected>Select</option>'; // Reset the dropdown
+            companies.forEach(company => {
+                const option = document.createElement('option');
+                option.value = company.name;
+                option.textContent = company.name;
+                companySelect.appendChild(option);
+            });
+        }
+        function clearFormFields() {
+            document.getElementById('APIName').value = "";
+            document.getElementById('APIEndpoint').value = "";
+            document.getElementById('Auth_Bearer').value = "";
+            document.getElementById('Inputjson').value = "";
+            document.getElementById('OutputJson').value = "";
+            document.getElementById('Description').value = "";
+        }
+    </script>
+</body>
+</html>

templates/chatbot.html ADDED Viewed

	@@ -0,0 +1,81 @@

+# jinja2 html page with chatbot functionality using adminlte3 theme
+<html>
+    <body>
+<form id="myform">
+<div class="content-wrapper">
+    <section class="content-header">
+        <div class="container-fluid">
+            <div class="row mb-2">
+                <div class="col-sm-6">
+                    <h1>Chatbot</h1>
+                </div>
+                <div class="col-sm-6">
+                    <ol class="breadcrumb float-sm-right">
+                        <li class="breadcrumb-item"><a href="#">Home</a></li>
+                        <li class="breadcrumb-item active">Chatbot</li>
+                    </ol>
+                </div>
+            </div>
+        </div>
+    </section>
+    <section class="content">
+        <div class="container-fluid">
+            <div class="row">
+                <div class="col-md-8 offset-md-2">
+                    <div class="card card-primary">
+                        <div class="card-header">
+                            <h3 class="card-title">Chat with our AI</h3>
+                        </div>
+                        <div class="card-body">
+                            <div id="chat-container">
+                                <div class="chat-messages">
+                                    <!-- Chat messages will be dynamically added here -->
+                                </div>
+                                <div class="chat-input">
+                                    <input type="text" id="user_question" placeholder="Type your message...">
+                                    <button id="send-button" onclick="clickform()">Send</button>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+</div>
+</form>
+<script>
+    const chatContainer = document.getElementById('chat-container');
+    const userInput = document.getElementById('user_question');
+    const sendButton = document.getElementById('send-button');
+    function clickform() {
+        alert('Please enter');
+        var formElement = document.getElementById('myForm');
+        var user_question = document.getElementById('user_question').value;
+        alert(user_question);
+             //var data = new FormData(formElement);
+             //alert(data);
+             fetch('/chat_with_agent', {
+                   method: 'POST',
+                   //body: data,
+                 })
+                 .then(resp => resp.text())  // or, resp.json(), etc.
+                 .then(data => {
+                   //document.getElementById("responseArea").innerHTML = data;
+                 alert(data);
+            const chatMessage = document.createElement('div');
+            chatMessage.classList.add('chat-message');
+            chatMessage.innerHTML = '<strong>You:</strong> ${user_question}<br><strong>AI:</strong> ${data}';
+            chatContainer.appendChild(chatMessage);
+            userInput.value = '';
+            userInput.focus();
+        })
+                 .catch(error => {
+                   console.error(error);
+                 });
+    }
+</script>
+</body></html>

templates/company_profile.html ADDED Viewed

	@@ -0,0 +1,312 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Company Profile</title>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+    <!-- Include AdminLTE CSS -->
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/adminlte.min.css">
+    <!-- Include DataTables CSS -->
+    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap4.min.css">
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/@ttskch/[email protected]/dist/select2-bootstrap4.min.css"
+        rel="stylesheet" />
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
+    <style>
+        body {
+            background-color: transparent !important;
+        }
+        .content-wrapper {
+            background-color: transparent !important;
+            text-align: center;
+        }
+        .table-container{
+            margin-top: 0px !important;
+        }
+        .wrapper {
+            background-color: transparent !important;
+        }
+        .modal-content {
+            background-color: #fff;
+        }
+        h1 {
+            text-align: center;
+            margin-bottom: 30px;
+        }
+        .card-body {
+            padding: 0;
+            margin: 0;
+        }
+        .table-responsive {
+            width: 100%;
+            overflow-x: auto;
+        }
+        .table {
+            width: 100%;
+        }
+        .text-wrap {
+            white-space: normal !important;
+            word-break: break-word;
+        }
+        .center-align {
+            padding-top: 20px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            width: 100%;
+        }
+        .reduced-width {
+            width: 50%;
+        }
+        th,
+        td {
+            white-space: nowrap;
+        }
+        th:nth-child(1),
+        td:nth-child(1) {
+            width: 5%;
+        }
+        th:nth-child(2),
+        td:nth-child(2) {
+            width: 20%;
+        }
+        th:nth-child(3),
+        td:nth-child(3) {
+            width: 20%;
+        }
+        th:nth-child(4),
+        td:nth-child(4) {
+            width: 20%;
+        }
+        th:nth-child(5),
+        td:nth-child(5) {
+            width: 20%;
+        }
+        th:nth-child(6),
+        td:nth-child(6) {
+            width: 15%;
+        }
+        th:nth-child(7),
+        td:nth-child(7) {
+            width: 20%;
+        }
+    </style>
+</head>
+<body>
+    {% include 'sidepane.html' %}
+    <div class="wrapper">
+        <div class="content-wrapper">
+            <!-- Content Header (Page header) -->
+            <div class="content-header">
+                <div class="container-fluid">
+                    <div class="row mb-2">
+                        <div class="col-12">
+                            <div class="col-12 d-flex justify-content-end mb-3">
+                                <button class="btn btn-primary" id="add">Add</button>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- Main content -->
+            <section class="content">
+                <div class="container-fluid">
+                    <div class="row">
+                        <div class="col-12">
+                            <div class="card">
+                                <div class="card-body table-container">
+                                    <table id="companyTable" class="table table-bordered table-striped">
+                                        <thead>
+                                            <tr>
+                                                <th>Sno</th>
+                                                <th>Company Name</th>
+                                                <th>Company code</th>
+                                                <th>Domain</th>
+                                                <th>LLM Tools</th>
+                                                <th>View</th>
+                                                <th>Edit</th>
+                                                <th>Delete</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody>
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </section>
+        </div>
+    </div>
+    <!-- Modal -->
+    <div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="addModalLabel"
+        aria-hidden="true">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title" id="addModalLabel">Add Company Profile</h5>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                        <span aria-hidden="true" data-backdrop="static" data-keyboard="false">&times;</span>
+                    </button>
+                </div>
+                <div class="modal-body">
+                    <form id="companyForm">
+                        <div class="form-group">
+                            <label for="companyName">Company Name<span class="text-danger">*</span></label>
+                            <input type="text" class="form-control" id="company_name" name="company_name" required>
+                        </div>
+                        <div class="form-group">
+                            <label for="companyCode">Company Code<span class="text-danger">*</span></label>
+                            <input type="text" class="form-control" id="company_code" name="company_code" required>
+                        </div>
+                        <div class="form-group">
+                            <label for="domain">Domain<span class="text-danger">*</span></label>
+                            <input type="text" class="form-control" id="domain" name="domain" required>
+                        </div>
+                        <div class="form-group">
+                            <label for="llm_tools">LLM Tools<span class="text-danger">*</span></label>
+                            <select class="form-control" id="llm_tools" name="llm_tools" multiple required>
+                                <option value="Database">Database</option>
+                                <option value="Static Documents">Static Documents</option>
+                                <option value="API">API</option>
+                            </select>
+                            <div class="invalid-feedback">
+                                Please select at least one LLM tool.
+                            </div>
+                        </div>
+                    </form>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" id="save" onclick="saveProfile()" class="btn btn-primary">Save</button>
+                </div>
+            </div>
+        </div>
+    </div>
+    <script src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
+    <script src="https://cdn.datatables.net/1.10.25/js/dataTables.bootstrap4.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
+    <script>
+        document.addEventListener('DOMContentLoaded', function () {
+            fetchCompanies();
+        });
+        $(document).ready(function () {
+            // Initialize DataTable
+            $('#companyTable').DataTable();
+            // Show modal function
+            $('#add').on('click', function () {
+                $('#addModal').modal('show');
+            });
+            $('.modal-footer .btn-secondary, .modal-header .close').on('click', function () {
+                      $('#addModal').modal('hide');
+             });
+            // Initialize Select2
+            $('#llm_tools').select2({
+                theme: 'bootstrap4',
+                placeholder: 'Select',
+                allowClear: true
+            });
+        });
+        function saveProfile() {
+            const form = document.getElementById('companyForm');
+            // Check if the form is valid
+            if (!form.checkValidity()) {
+                // If the form is invalid, show validation messages and stop the submission
+                form.reportValidity();
+                return;
+            }
+            // Gather form data
+            const company_name = document.getElementById('company_name').value;
+            const company_code = document.getElementById('company_code').value;
+            const domain = document.getElementById('domain').value;
+            const llm_tools = $('#llm_tools').val(); // Get selected values from Select2
+            // Prepare FormData
+            let formData = new FormData();
+            formData.append("company_name", company_name);
+            formData.append("company_code", company_code);
+            formData.append("domain", domain);
+            formData.append("llm_tools", llm_tools.join(','));
+            $.ajax({
+                type: "POST",
+                url: "/submit_company_profile",
+                data: formData,
+                processData: false,
+                contentType: false,
+                success: function (response) {
+                    alert("Data saved successfully"); // Show success message
+                    fetchCompanies(); // Refresh table data
+                    // Clear the form and close the modal
+                    $('#companyForm')[0].reset();
+                    $('#addModal').modal('hide');
+                },
+                error: function (xhr) {
+                    alert("An error occurred: " + xhr.responseJSON.detail); // Show error message
+                }
+            });
+        }
+        async function fetchCompanies() {
+            try {
+                console.log("Fetching companies...");
+                const response = await fetch(`/api/companydetails`);
+                const companies = await response.json();
+                console.log(companies); // Inspect the data here
+                if (!Array.isArray(companies)) {
+                    throw new TypeError('Expected an array of companies');
+                }
+                const table = $('#companyTable').DataTable();
+                table.clear(); // Clear existing table data
+                companies.forEach((company, index) => {
+                    table.row.add([
+                        index + 1,
+                        company.company_name,
+                        company.company_code,
+                        company.domain,
+                        company.llm_tools, // Join array of tools into a string
+                        "<a href='#' class='btn btn-info btn-sm'><i class='fas fa-eye'></i></a>",
+                        "<a href='#' class='btn btn-warning btn-sm'><i class='fas fa-edit'></i></a>",
+                        "<a href='#' class='btn btn-danger btn-sm'><i class='fas fa-trash'></i></button>"
+                    ]).draw(false);
+                });
+            } catch (error) {
+                console.error('Error fetching companies:', error);
+            }
+        }
+    </script>
+</body>
+</html>

templates/company_profile2.html ADDED Viewed

	@@ -0,0 +1,315 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Company Profile</title>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+    <!-- Include AdminLTE CSS -->
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/adminlte.min.css">
+    <!-- Include DataTables CSS -->
+    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap4.min.css">
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/@ttskch/[email protected]/dist/select2-bootstrap4.min.css"
+        rel="stylesheet" />
+    <style>
+        body {
+            font-family: Arial, sans-serif;
+            padding: 20px;
+        }
+        .form-wrapper {
+            max-width: 600px; /* Set maximum width for the form */
+            margin-left:380px; /* Center the form horizontally */
+        }
+        .form-group {
+            margin-bottom: 20px;
+        }
+        .form-group label {
+            font-weight: bold;
+            margin-bottom: 5px;
+            padding-top: 20px;
+            margin-left: 90px;
+            display: block;
+        }
+        .form-group input,
+        .form-group select {
+            width: calc(100% - 90px)!important;
+            padding: 10px;
+            margin-left: 90px;
+            border: 1px solid #ccc;
+            border-radius: 4px;
+        }
+      /* .form-group select.select2-container--bootstrap4 .select2-selection--multiple {
+          height: 10px !important;
+          align-content: center!important;
+          align-items: center !important;
+        }   */
+          .selection{
+            margin-left: 90px !important;
+            width:  calc(100% - 95px)!important;
+            min-height:0px!important;
+            padding-top: 20px !important;
+            margin-bottom: -20px!important;
+         }
+         .select2-container{
+            text-align: center !important;
+            height: 0px !important;
+            margin: -25px 5px!important;
+         }
+         select.form-control[multiple], select.form-control[size]{
+            height: 10px !important;
+         }
+         /* .select2-selection select2-selection--multiple{
+            margin-top: 10px;
+            margin: -25px!important;
+         } */
+        .btn-primary {
+            margin-right: 10px;
+            margin-left: 40px;
+            color: white;
+            background-color: #007bff;
+            font-size: 16px;
+            font-weight: bold;
+            border: none;
+            padding: 10px 20px;
+            border-radius: 4px;
+        }
+        .btn-container {
+            text-align: center;
+            margin-top: 20px;
+            margin-left: 20px;
+        }
+        footer {
+            position: fixed;
+            bottom: 0;
+            width: 100%;
+            color: black;
+            text-align: right;
+            padding-right: 20px;
+            padding-top: 10px;
+            background-color: #f8f9fa;
+            border: none !important;
+        }
+        #llm_tools {
+            text-align: center;
+            font-weight: bold;
+        }
+        .form-control1{
+            margin-top: 0px !important;
+        }
+    </style>
+</head>
+<body>
+    {% include 'sidepane.html' %}
+    <div class="form-wrapper">
+        <div id="message-container"></div>
+        <form id="roleform">
+        <div id="roleform" class="form-group ",style="display:none;">
+            <label for="company">Company Name <span class="text-danger">*</span></label>
+            <select type="text" id="company" name="company" class="form-control" required>
+                <option value="" selected>Select</option>
+            </select>
+        </div>
+        <input type="hidden" id="company_id" name="company_id" class="form-control" required>
+        </form>
+        <form id="companyProfileForm" class="needs-validation" novalidate action="/submit_company_profile"
+            method="post">
+            <div class="row">
+                <div class="col-md-6">
+            <div class="form-group">
+               <input type="hidden" id="userRole" name="userRole" value={{userRole}}>
+                <label for="company_name">Company Name <span class="text-danger">*</span></label>
+                <input type="text" id="company_name" name="company_name" class="form-control" required>
+                <div class="invalid-feedback">
+                    Please enter the company name.
+                </div>
+            </div>
+            </div>
+            <div class="col-md-6">
+            <div class="form-group">
+                <label for="company_code">Company Code <span class="text-danger">*</span></label>
+                <input type="text" id="company_code" name="company_code" class="form-control" required>
+                <div class="invalid-feedback">
+                    Please enter the company code.
+                </div>
+            </div>
+            </div>
+            </div>
+            <div class="row">
+                <div class="col-md-6">
+            <div class="form-group">
+                <label for="domain">Domain/Business <span class="text-danger">*</span></label>
+                <input type="text" id="domain" name="domain" class="form-control" required>
+                <div class="invalid-feedback">
+                    Please enter the domain/business.
+                </div>
+            </div>
+            </div>
+        <div class="col-md-6">
+            <div class="selection">
+                <label for="llm_tools">LLM Tools <span class="text-danger">*</span></label>
+                <select type='text' id="llm_tools" name="llm_tools" class="form-control" multiple required>
+                    <option value="Database">Database</option>
+                    <option value="Static Documents">Static Documents</option>
+                    <option value="API">API</option>
+                </select>
+                <div class="invalid-feedback">
+                    Please select at least one LLM tool.
+                </div>
+            </div>
+            </div>
+            </div>
+            <div class="btn-container">
+                <button type="submit" class="btn btn-primary">Save</button>
+                <button type="reset" class="btn btn-primary">Clear</button>
+            </div>
+        </form>
+    </div>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/select2.min.js"></script>
+    <script>
+           document.addEventListener("DOMContentLoaded", function() {
+        //     // Retrieve user role from sessionStorage
+        //     var role = sessionStorage.getItem('userRole');
+        //     console.log("Retrieved user role from sessionStorage:", role); // Debugging
+        //     if (role) {
+        //         document.getElementById('userRole').value = role;
+        //         console.log("role is set");
+                 fetchCompanies();
+         const companySelect = document.getElementById('company');
+            const companyProfileForm = document.getElementById('companyProfileForm');
+            companySelect.addEventListener('change', async function () {
+                const selectedCompanyName = companySelect.options[companySelect.selectedIndex].text;
+                console.log(`Selected Company Name: ${selectedCompanyName}`);
+                if (selectedCompanyName !== "Select") {
+                    try {
+                        const response = await fetch(`/api/company_id?company_name=${encodeURIComponent(selectedCompanyName)}`);
+                        if (!response.ok) {
+                            throw new Error('Network response was not ok');
+                        }
+                        const data = await response.json();
+                        console.log(`Company ID: ${data.company_id}`);
+                        const companyId = data.company_id;
+                        document.getElementById('company_id').value = companyId;
+                        if (companyId) {
+                         //setMultiSelectValues(document.getElementById('database'), connectorsData.databasetype); // Ensure this is an array
+                                //setMultiSelectValues(document.getElementById('databaseName'), connectorsData.database_name); // Ensure this is an array
+                                document.getElementById('company_name').value =data.company_name;
+                                document.getElementById('company_code').value = data.company_code;
+                                document.getElementById('domain').value = data.domain;
+                                //document.getElementById('llm_tools').value = data.llm_tools;
+                                $('#llm_tools').val(data.llm_tools).trigger('change');
+                            }
+                            else {
+                            console.log(`Company ID does not exist, you can create and save data: ${data.company_id}`);
+                            companyProfileForm.style.display = 'none';
+                       }
+                        }catch (error) {
+                                document.getElementById('company_name').value = " ";
+                                document.getElementById('company_code').value = " ";
+                                document.getElementById('domain').value = "  ";
+                                //document.getElementById('llm_tools').value = " ";
+                                $('#llm_tools').val([]).trigger('change'); // Clear the multi-select dropdown
+                                console.error('Error fetching data from  data connectors:', error);
+                                ("Company name does not exist. Please fill in the details.");
+                                // Optionally, you can insert a message into the DOM
+                                const messageContainer = document.getElementById('message-container');
+                                if (messageContainer) {
+                                    messageContainer.innerHTML = "<div class='alert alert-danger'>Database details does not exist for this Company name.. Please fill in the details.</div>";
+                                }
+                            companyProfileForm.style.display = 'block';
+                            }
+                        }
+            });
+        //     }
+         });
+        $(document).ready(function () {
+            // Initialize Select2 for multi-select dropdown
+            $('#llm_tools').select2({
+                theme: 'bootstrap4',
+                placeholder: 'Select',
+                allowClear: true
+            });
+        });
+        async function fetchCompanies() {
+            try {
+            //   const roledata=document.getElementById("userRole").value;
+            //   console.log("Role data before fetch:", roledata); // Debugging
+            // if(roledata==='admin')
+            // {
+            //    console.log("Admin role detected"); // Debugging
+            //    $('#roleform').show();
+                const response = await fetch('/api/companies');
+                if (!response.ok) {
+                    throw new Error('Network response was not ok');
+                }
+                const data = await response.json();
+                displayCompanies(data.companies);
+            }
+            catch (error) {
+                console.error('Error fetching companies:', error);
+            }
+        }
+        function displayCompanies(companies) {
+            const companySelect = document.getElementById('company');
+            companySelect.innerHTML = '<option value="" selected>Select</option>'; // Reset the dropdown
+            companies.forEach(company => {
+                const option = document.createElement('option');
+                option.value = company.name;
+                option.textContent = company.name;
+                companySelect.appendChild(option);
+            });
+        }
+            $('#companyProfileForm').on('submit', function (event) {
+                event.preventDefault(); // Prevent default form submission
+                // Gather form data
+                var formData = $(this).serialize();
+                $.ajax({
+                    type: "POST",
+                    url: "/submit_company_profile",
+                    data: formData,
+                    success: function (response) {
+                        alert("Data saved successfully"); // Show success message
+                        setTimeout(function () {
+                            window.location.href = '/company_profile'; // Redirect to the desired page after a delay
+                        }, 2000); // Delay for 2 seconds (2000 milliseconds)
+                    },
+                    error: function (xhr) {
+                        alert("An error occurred: " + xhr.responseJSON.detail); // Show error message
+                    }
+                });
+            });
+    </script>
+</body>
+</html>

templates/dashboard.html ADDED Viewed

	@@ -0,0 +1,156 @@

+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Dashboard</title>
+    <!-- AdminLTE CSS -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/3.1.0/css/adminlte.min.css">
+</head>
+<body class="hold-transition sidebar-mini">
+    <div class="wrapper">
+        <!-- Main Sidebar -->
+        <aside class="main-sidebar sidebar-dark-primary elevation-4">
+            <!-- Sidebar -->
+            <div class="sidebar">
+                <!-- Sidebar Menu -->
+                <nav class="mt-2">
+                    <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
+                        <!-- Navigation Links -->
+                        <li class="nav-item">
+                            <a href="{{url_for('dashboard')}}" class="nav-link">
+                                <i class="nav-icon fas fa-home"></i>
+                                <p>Dashboard</p>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="{{ url_for('company_profile') }}" class="nav-link">
+                                <i class="nav-icon fas fa-cogs"></i>
+                                <p>Company Profile</p>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="{{ url_for('knowledgebase') }}" class="nav-link">
+                                <i class="nav-icon fas fa-cogs"></i>
+                                <p>KnowledgeBase</p>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="{{ url_for('data_connectors') }}" class="nav-link">
+                                <i class="nav-icon fas fa-home"></i>
+                                <p>Data Connectors</p>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="{{ url_for('API_connectors') }}" class="nav-link">
+                                <i class="nav-icon fas fa-users"></i>
+                                <p>API Connectors</p>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="{{url_for('prompt_template')}}" class="nav-link">
+                                <i class="nav-icon fas fa-cogs"></i>
+                                <p>Prompt Templates</p>
+                            </a>
+                        </li>
+                       <!-- <li class="nav-item">
+                            <a href="#" class="nav-link">
+                                <i class="nav-icon fas fa-cogs"></i>
+                                <p>LLM Settings</p>
+                            </a>
+                        </li>-->
+                        <li class="nav-item">
+                            <a href="{{ url_for('chatbot') }}" class="nav-link">
+                                <i class="nav-icon fas fa-cogs"></i>
+                                <p>Chat</p>
+                            </a>
+                        </li>
+                        <!-- Add more navigation links here -->
+                    </ul>
+                </nav>
+                <!-- /.sidebar-menu -->
+            </div>
+            <!-- /.sidebar -->
+        </aside>
+        <!-- Content Wrapper -->
+        <div class="content-wrapper">
+            <!-- Main content -->
+            <section class="content">
+                <!-- Project Information -->
+                <div class="container-fluid">
+                    <h3 style="text-align: center; margin-bottom:40px;">RedMindGPT</h>
+                </div>
+            </section>
+            <section class="content">
+                <div class="container-fluid">
+                <div class="row">
+                <div class="col-lg-4 col-6">
+                <div class="small-box bg-info">
+                <div class="inner">
+                <h3>4 </h3>
+                <h4> KnowledgeBase</h4>
+                </div>
+                <div class="icon">
+                <i class="ion ion-bag"></i>
+                </div>
+                </div>
+                </div>
+                <div class="col-lg-4 col-6">
+                <div class="small-box bg-success">
+                <div class="inner">
+                <h3>1</h3>
+                <h4>Data connectors</h4>
+                </div>
+                <div class="icon">
+                <i class="ion ion-stats-bars"></i>
+                </div>
+                </div>
+                </div>
+                <div class="col-lg-4 col-6">
+                <div class="small-box bg-warning">
+                <div class="inner">
+                <h3>4 </h3>
+                <h4>API Connectors</h4>
+                </div>
+                <div class="icon">
+                <i class="ion ion-person-add"></i>
+                </div>
+                </div>
+                </div>
+                <div class="col-lg-4 col-6">
+                    <div class="small-box bg-warning">
+                    <div class="inner">
+                    <h3>5 </h3>
+                    <h4>Prompt_Templates</h4>
+                    </div>
+                    <div class="icon">
+                    <i class="ion ion-person-add"></i>
+                    </div>
+                    </div>
+                    </div>
+            <!-- /.content -->
+        </div>
+        <!-- /.content-wrapper -->
+    </div>
+    <!-- ./wrapper -->
+    <!-- AdminLTE JS -->
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/admin-lte/3.1.0/js/adminlte.min.js"></script>
+</body>
+</html>

templates/data_connectors.html ADDED Viewed

	@@ -0,0 +1,463 @@

+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Data Connectors</title>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/adminlte.min.css">
+    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap4.min.css">
+    <style>
+        html,
+        body {
+            height: 90%;
+            margin: 0;
+            display: flex;
+            flex-direction: column;
+        }
+        body {
+            display: inline-flex;
+            flex-direction: column;
+            min-height: 90%;
+        }
+        .main-content {
+            flex: 1;
+            display:inline-flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: flex-start;
+            padding: 40px;
+        }
+        /* .container {
+            margin-top: 50px;
+            margin-left: 320px;
+            max-width: 800px;
+            padding: 10px;
+            border: 1px solid #ccc;
+            border-radius: 5px;
+            background-color: #fff;
+            position: relative;
+            z-index: 1;
+        } */
+        .form-group {
+            margin-bottom: 20px;
+        }
+        .form-group label {
+            font-weight: bold;
+            margin-left: 50px;
+            display: block;
+        }
+        .form-group input,
+        .form-group select,
+        .form-group textarea {
+            width: 100%;
+            margin-left: 50px;
+            padding: 5px;
+            border: 1px solid #ccc;
+            border-radius: 4px;
+        }
+        .btn-primary {
+            margin-right: 10px;
+            color: black;
+            font-size: 16px;
+            font-weight: bold;
+        }
+        /* .btn-container {
+            text-align: center;
+            margin-top: 20px;
+            margin-bottom: 10px;
+        } */
+       .btn-primary {
+            margin-right: 10px;
+            color: black;
+            font-size: 16px;
+            font-weight: bold;
+        }
+        .btn-container {
+            text-align: center;
+            margin-top: 30px;
+            margin-left: 90px;
+            margin-right: 0px;
+            margin-bottom: 10px;
+            /* color: white; */
+        }
+        .btn-container1 {
+            text-align: center;
+            margin-top: 30px;
+            margin-left: 80px;
+            margin-right: 30px;
+            margin-bottom: 10px;
+            color: white;
+        }
+        /* #selectedTables,
+        #labelselected {
+            display: none;
+        } */
+        .btn-primary:focus,
+        .btn-primary:active {
+            color: black;
+            background-color: #007bff;
+            border-color: #007bff;
+            box-shadow: none;
+        }
+        #saveBtn1 {
+            margin: 0 auto;
+        }
+        footer {
+            position: relative;
+            margin-top: auto;
+            width: 100%;
+            color: black;
+            text-align: right;
+            padding-right: 245px;
+            padding-top: 20px;
+            background-color: #f8f9fa;
+            border: none !important;
+        }
+    .small-select {
+        width: 200px; /* Adjust the width as needed */
+    }
+    .custom-dropdown {
+    width: 230px; /* Adjust the width as needed */
+}
+</style>
+    </style>
+</head>
+<body>
+    {% include 'sidepane.html' %}
+    <div class="main-content">
+        <div id="message-container"></div>
+        <div class="mt-2">
+                <div class="form-group small-select">
+                <label for="company">Company Name <span class="text-danger">*</span></label>
+                <select type="text" id="company" name="company" class="form-control " required>
+                    <option value="" selected>Select</option>
+                </select>
+            </div>
+            <form id="databaseconnectorForm" class="needs-validation" novalidate action="/save_data_connectors"  method="post" style="display:none;">
+                <div class="form-group">
+                    <!-- <label for="company_id">company_id</label>--->
+                    <input type="hidden" id="company_id" name="company_id" class="form-control" required>
+                </div>
+                <div class="row">
+                    <div class="col-md-3">
+                        <div class="form-group">
+                            <label for="database">Database Type<span class="text-danger">*</span></label>
+                            <select type="text" id="database" name="database" class="form-control" required>
+                                <option value="" selected>Select</option>
+                                <option value="Postgress">Postgres</option>
+                                <option value="mysql">Mysql</option>
+                            </select>
+                        </div>
+                    </div>
+                   <div class="col-md-3">
+                        <div class="form-group">
+                            <label for="server">Server IP <span class="text-danger">*</span></label>
+                            <input type="text" id="server" name="server" class="form-control" required>
+                        </div>
+                    </div>
+                <div class="col-md-3">
+                <div class="form-group">
+                    <label for="port">Port <span class="text-danger">*</span></label>
+                    <input type="text" id="port" name="port" class="form-control" required>
+                </div>
+            </div>
+            <div class="col-md-3">
+                <div class="form-group">
+                    <label for="databaseName">Database Name <span class="text-danger">*</span></label>
+                    <input type="text" id="databaseName" name="databaseName" class="form-control" required>
+                 </div>
+                </div>
+            </div>
+            <div class="row">
+            <div class="col-md-3">
+                <div class="form-group">
+                    <label for="userame">UserName <span class="text-danger">*</span></label>
+                    <input type="text" id="username" name="username" class="form-control" required>
+                </div>
+                </div>
+            <div class="col-md-3">
+                <div class="form-group">
+                    <label for="password">Password <span class="text-danger">*</span></label>
+                    <input type="password" id="password" name="password" class="form-control" required>
+                </div>
+                </div>
+                <div class="col-md-6">
+                    <div class="form-group d-flex justify-content-between">
+                    <div class="form-group btn-container">
+                        <button type="button" id="connectBtn" class="btn btn-primary">Connect</button>
+                        <button type="reset" class="btn btn-primary">Clear</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+         <div id="schema-table-section" style="display: none;">
+                   <div class="row">
+                            <div class="col-md-3">
+                                <div class="form-group">
+                                <label for="schemas" >Select Schemas <span class="text-danger">*</span></label>
+                                <select type="text" id="schemas" name="schemas" class="form-control"  required>
+                                    <option value="" selected>Select</option>
+                                    <option value="schema1">Lookup</option>
+                                    <option value="schema2">Public</option>
+                                    <option value="schema3" selected>tenant_default</option>
+                                </select>
+                            </div>
+                        </div>
+                        <div class="co-md-3" >
+                            <div class="formgroup">
+                                <label for="tableschema" style="margin-left: 90px;margin-right: 30px;">Select Tables <span class="text-danger">*</span></label>
+                                <div class="dropdown custom-dropdown">
+                                    <button class="btn btn-secondary dropdown-toggle" style="margin-left: 90px;margin-right: 30px;" type="button" id="tablesDropdown" data-bs-toggle="dropdown" aria-expanded="false">
+                                        Select Tables
+                                    </button>
+                                    <ul class="dropdown-menu" aria-labelledby="tablesDropdown">
+                                        <li>
+                                            <select type="text" id="tableschema" name="tableschema" class="form-control" multiple required>
+                                                <option value="customer_master">customer_master</option>
+                                                <option value="efs_company_master">efs_company_master</option>
+                                                <option value="efs_group_company_master">efs_group_company_master</option>
+                                                <option value="efs_region_master">efs_region_master</option>
+                                                <option value="party_address_detail">party_address_detail</option>
+                                                <option value="wms_warehouse_master">wms_warehouse_master</option>
+                                            </select>
+                                        </li>
+                                    </ul>
+                                </div>
+                            </div>
+                        </div>
+                   <!-- <div class="col-md-3">
+                         <div class="btn-container1">
+                        <button type="button" id="saveBtn" class="btn btn-primary">Save</button>
+                    </div>
+                </div>
+            </div>
+            <div class="row">-->
+            <div class="col-md-3">
+            <div class="form-group">
+                        <label for="selectedTables" id="labelselected">Selected Tables</label>
+                        <textarea type="text" id="selectedTables" name="selectedTables" class="form-control" rows="4"
+                            readonly></textarea>
+                    </div>
+                    </div>
+                    <div class="col-md-3">
+                    <div class="form-group">
+                    <div class="btn-container1">
+                        <button type="submit" id="saveBtn" class="btn btn-primary">Save</button>
+                    </div>
+                    </div>
+                    </div>
+                </div>
+            </div>
+            </form>
+        </div>
+        </div>
+    </div>
+    <footer>
+        <p></p>
+    </footer>
+    <script>
+        document.addEventListener('DOMContentLoaded', function () {
+        fetchCompanies();
+            const companySelect = document.getElementById('company');
+            const databaseconnectorForm = document.getElementById('databaseconnectorForm');
+            companySelect.addEventListener('change', async function () {
+                $("#message-container").empty();
+                const selectedCompanyName = companySelect.options[companySelect.selectedIndex].text;
+                console.log(`Selected Company Name: ${selectedCompanyName}`);
+                if (selectedCompanyName !== "Select") {
+                    $("#schema-table-section").hide();
+                    try {
+                        const response = await fetch(`/api/company_id?company_name=${encodeURIComponent(selectedCompanyName)}`);
+                        if (!response.ok) {
+                            throw new Error('Network response was not ok');
+                        }
+                        const data = await response.json();
+                        console.log(`Company ID: ${data.company_id}`);
+                        const companyId = data.company_id;
+                        document.getElementById('company_id').value = companyId;
+                        if (companyId) {
+                            try {
+                                const connectorsResponse = await fetch(`/api/check_data_connectors?company_id=${companyId}&company_name=${selectedCompanyName}`);
+                                if (!connectorsResponse.ok) {
+                                    throw new Error('data connector Network response was not ok');
+                                }
+                                const connectorsData = await connectorsResponse.json();
+                                //setMultiSelectValues(document.getElementById('database'), connectorsData.databasetype); // Ensure this is an array
+                                //setMultiSelectValues(document.getElementById('databaseName'), connectorsData.database_name); // Ensure this is an array
+                                document.getElementById('database').value = connectorsData.databasetype;
+                                document.getElementById('server').value = connectorsData.serverip;
+                                document.getElementById('port').value = connectorsData.port;
+                                document.getElementById('databaseName').value = connectorsData.database_name;
+                                document.getElementById('username').value = connectorsData.username;
+                                document.getElementById('password').value = connectorsData.password;
+                                document.getElementById('selectedTables').value = connectorsData.dbtablename;
+                                databaseconnectorForm.style.display = 'block';
+                            } catch (error) {
+                                document.getElementById('database').value = " ";
+                                document.getElementById('server').value = " ";
+                                document.getElementById('port').value = "  ";
+                                document.getElementById('databaseName').value = " ";
+                                document.getElementById('username').value = " ";
+                                document.getElementById('password').value = " ";
+                                document.getElementById('selectedTables').value = " ";
+                                console.error('Error fetching data from  data connectors:', error);
+                                ("Company name does not exist. Please fill in the details.");
+                                // Optionally, you can insert a message into the DOM
+                                const messageContainer = document.getElementById('message-container');
+                                if (messageContainer) {
+                                    messageContainer.innerHTML = "<div class='alert alert-danger'>Database details does not exist for this Company name.. Please fill in the details.</div>";
+                                }
+                                databaseconnectorForm.style.display = 'block';
+                            }
+                        } else {
+                            console.log(`Company ID does not exist, you can create and save data: ${data.company_id}`);
+                            databaseconnectorForm.style.display = 'none';
+                        }
+                    } catch (error) {
+                        console.error('Error fetching company ID or data connectors:', error);
+                        databaseconnectorForm.style.display = 'none';
+                    }
+                } else {
+                    databaseconnectorForm.style.display = 'none';
+                }
+            });
+            document.getElementById("connectBtn").addEventListener("click", function (event) {
+                var database = document.getElementById("database").value;
+                var server = document.getElementById("server").value;
+                var port = document.getElementById("port").value;
+                var databaseName = document.getElementById("databaseName").value;
+                var username = document.getElementById("username").value;
+                var password = document.getElementById("password").value;
+                if (!database || !server || !port || !databaseName || !username || !password) {
+                    alert("Please fill in all required fields.");
+                    return;
+                }
+                document.getElementById("schema-table-section").style.display = "block";
+            });
+            $("#tableschema").change(function () {
+                var selectedTables = $(this).val();
+                var currentText = $("#selectedTables").val();
+                selectedTables.forEach(function (table) {
+                    if (!currentText.includes(table)) {
+                        if (currentText.length > 0) {
+                            currentText += ", " + table;
+                        } else {
+                            currentText = table;
+                        }
+                    }
+                });
+                $("#selectedTables").val(currentText);
+            });
+        //     document.getElementById("saveBtn").addEventListener("click", function (event) {
+        //         var tables = Array.from(document.getElementById("tableschema").selectedOptions).map(option => option.value);
+        //         if (tables.length === 0) {
+        //             alert("Please select at least one table.");
+        //             return;
+        //         }
+        //         var selectedTables = document.getElementById("selectedTables");
+        //         selectedTables.value = tables.join(", ");
+        //         selectedTables.style.display = "block";
+        //         document.getElementById("labelselected").style.display = "block";
+        //         document.getElementById("saveBtn1").style.display = "block";
+        //     });
+        document.getElementById("saveBtn").addEventListener("click", async function(event) {
+        event.preventDefault(); // Prevent default form submission
+        const form = document.getElementById('databaseconnectorForm');
+        const formData = new FormData(form);
+        try {
+            const response = await fetch(form.action, {
+                method: form.method,
+                body: formData
+            });
+            if (!response.ok) {
+                throw new Error('Network response was not ok');
+            }
+            const result = await response.json();
+            // Optionally, handle the response from the server
+            if (result.success) {
+                alert('Data saved successfully');
+            } else {
+                alert('Error saving data: ' + result.message);
+            }
+        } catch (error) {
+            console.error('Error saving data:', error);
+            alert('An error occurred while saving data');
+        }
+         });
+        });
+        async function fetchCompanies() {
+            try {
+                const response = await fetch('/api/companies');
+                if (!response.ok) {
+                    throw new Error('Network response was not ok');
+                }
+                const data = await response.json();
+                displayCompanies(data.companies);
+            } catch (error) {
+                console.error('Error fetching companies:', error);
+            }
+        }
+        function displayCompanies(companies) {
+            const companySelect = document.getElementById('company');
+            companySelect.innerHTML = '<option value="" selected>Select</option>'; // Reset the dropdown
+            companies.forEach(company => {
+                const option = document.createElement('option');
+                option.value = company.name;
+                option.textContent = company.name;
+                companySelect.appendChild(option);
+            });
+        }
+        function setMultiSelectValues(selectElement, values) {
+            // Ensure values is an array
+            if (!Array.isArray(values)) {
+                values = [values];
+            }
+            Array.from(selectElement.options).forEach(option => {
+                option.selected = values.includes(option.value);
+            });
+        }
+    </script>
+</body>
+</html>

templates/footer.html ADDED Viewed

	@@ -0,0 +1,26 @@

+<!-- footer.html -->
+<!--
+    This is the HTML code for the footer section of a web page.
+    It displays the version number and copyright information.
+    HTML Structure:
+    - The footer element has a class of "main-footer".
+    - Inside the footer, there is a div element with classes "float-right" and "d-none d-sm-block".
+    - Inside the div, there is a bold tag (<b>) displaying the version number.
+    - After the div, there is a strong tag (<strong>) displaying the copyright information.
+    - The copyright information includes the year and a link to the company's website.
+    Example Usage:
+    <footer class="main-footer">
+        <div class="float-right d-none d-sm-block">
+            <b>Version</b> 3.0.5
+        </div>
+        <strong>&copy; 2023 <a href="https://yourcompany.com">Your Company</a>.</strong> All rights reserved.
+    </footer>
+-->
+<footer class="main-footer" style="position: absolute; bottom: 0; width: 100%; color: black; text-align: right; padding-right:245px ;">
+    <div class="container-fluid">
+        <a href="https://redmindtechnologies.com" target="_blank" style="color: black; text-decoration: none;">Visit Redmind Technologies at https://redmindtechnologies.com</a>
+    </div>
+</footer>

templates/index.html ADDED Viewed

	@@ -0,0 +1,117 @@

+<!--
+This is the login page template for the RedMindGPT application.
+It contains a login form where users can enter their username and password to sign in.
+The form includes validation to ensure that both fields are filled out before submission.
+The page also includes styling using CSS and utilizes the AdminLTE and Font Awesome libraries for additional design elements.
+-->
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <style>
+        /* CSS styles for the login page */
+        .login-box-msg {
+            color: grey;
+            font-size: larger;
+            font-weight: bold;
+        }
+        .remember-me {
+            text-align: center;
+        }
+    </style>
+    <title>RedMindGPT</title>
+    <!-- AdminLTE CSS -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/adminlte.min.css">
+    <!-- Font Awesome -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
+</head>
+<body class="hold-transition login-page" style="background-image: url('static/img/AI.jpg'); background-size: cover;">
+    <div class="login-box">
+        <div class="card">
+            <!-- Logo -->
+            <div style="align-items: center;">
+                <a href="#" style="color: blue;
+                font-size: 30px;
+                font-weight: bold;
+                margin-left: 80px;
+                margin-top: 20px;
+                "><b>RedMindGPT</b></a>
+            </div>
+            <form action='/validate-user' name='loginForm' method="post" onsubmit="return validateForm()">
+                <div class="card-body login-card-body">
+                    <p class="login-box-msg">Sign in</p>
+                    <div class="input-group mb-3">
+                        <input type="text" class="form-control" placeholder="Username" name="username" required>
+                        <div class="input-group-append">
+                            <div class="input-group-text">
+                                <span class="fas fa-user"></span>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="input-group mb-3">
+                        <input type="password" class="form-control" placeholder="Password" name="password" required>
+                        <div class="input-group-append">
+                            <div class="input-group-text">
+                                <span class="fas fa-lock"></span>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row" style="align-content: center;">
+                        <div class="col-8">
+                            <div class="icheck-primary">
+                                <input type="checkbox" id="remember">
+                                <label for="remember">
+                                    Remember Me
+                                </label>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="row" style="align-content: center;">
+                        <div class="col-4">
+                            <button type="submit" class="btn btn-primary btn-block">Sign In</button>
+                        </div>
+                        <div class="col-4">
+                            <button type="reset" class="btn btn-secondary btn-block">Clear</button>
+                        </div>
+                    </div>
+                </div>
+                <input type="hidden" id="userRole" name="userRole" value="{{ role }}">
+            </form>
+        </div>
+    </div>
+    <!-- jQuery -->
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <!-- Bootstrap 4 -->
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
+    <!-- AdminLTE App -->
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/adminlte.min.js"></script>
+    <script>
+        // JavaScript function to validate the login form
+        function validateForm() {
+            //alert("Validating form");
+            var username = document.forms["loginForm"]["username"].value;
+            var password = document.forms["loginForm"]["password"].value;
+            if (username == "" || password == "") {
+                alert("Username and Password must be filled out");
+                return false;
+            }
+        }
+        function storeUserRole() {
+            // Store user role in localStorage or sessionStorage
+            var role1 = document.getElementById('userRole').value;
+            //Salert("Role retrieved: " + role1); // Alert to confirm retrieval
+            console.log("Retrieved user role from sessionStorage in index:", role1); // Debugging
+            sessionStorage.setItem('userRole', role1);
+            console.log("Role set in sessionStorage:", sessionStorage.getItem('userRole'));
+            console.log("role",role1);
+        }
+        document.querySelector('input[name="username"]').addEventListener('change', function(event) {
+    storeUserRole();  // Call this function before form submission
+});
+    </script>
+</body>
+</html>

templates/knowledgebase.html ADDED Viewed

	@@ -0,0 +1,467 @@

+<!DOCTYPE html>
+<html>
+<head>
+    <title>Knowledge Base</title>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+    <!-- Include AdminLTE CSS -->
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/adminlte.min.css">
+    <!-- Include DataTables CSS -->
+    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap4.min.css">
+    <!-- Include AdminLTE JS -->
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/adminlte.min.js"></script>
+    <!-- Include DataTables JS -->
+    <script src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
+    <script src="https://cdn.datatables.net/1.10.25/js/dataTables.bootstrap4.min.js"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
+    <style>
+        body {
+            background-color: transparent !important;
+        }
+        .wrapper {
+            display: flex;
+            flex-direction: column;
+            height: 100vh;
+        }
+        .content-wrapper {
+            flex: 1;
+            overflow-y: auto;
+        }
+        .modal-content {
+            background-color: #fff;
+        }
+        .content-header {
+            padding: 1rem;
+        }
+        h1 {
+            text-align: center;
+            margin-bottom: 30px;
+        }
+        .card-body {
+            padding: 0;
+            margin: 0;
+        }
+        .table-responsive {
+            width: 100%;
+            overflow-x: auto;
+            /*overflow-y: scroll;*/
+            /* Allows horizontal scrolling if necessary */
+        }
+        .table {
+             width: 100%;
+             border-collapse: collapse;
+        }
+        /* .table {
+            table-layout: fixed;
+            width: 100%;
+        } */
+        .text-wrap {
+            white-space: normal !important;
+            word-break: break-word;
+        }
+        .center-align {
+            padding-top: 20px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            width: 100%;
+        }
+        .reduced-width {
+            width: 25%;
+            /* Adjust the percentage as needed */
+        }
+th
+ {
+    white-space: nowrap;
+}
+th:nth-child(1),
+td:nth-child(1) {
+    /* Sno column */
+    width: 5%;
+}
+th:nth-child(2),
+td:nth-child(2) {
+    /* Document Name column */
+    width: auto;
+}
+th:nth-child(3),
+td:nth-child(3) {
+    /* Document Description column */
+    width: auto;
+}
+th:nth-child(4),
+td:nth-child(4) {
+    /* Document Version column */
+    width: 20%;
+}
+th:nth-child(5),
+td:nth-child(5) {
+    /* VectorDB Flag column */
+    width: 10%;
+}
+th:nth-child(6),
+td:nth-child(6) {
+    /* View column */
+    width: 10%;
+}
+    </style>
+</head>
+<body>
+    {% include 'sidepane.html' %}
+    <div class="wrapper">
+        <div class="content-wrapper">
+            <div class="content-header">
+                <div class="container-fluid">
+                    <div class="container mt-2">
+                        <div class="form-group center-align">
+                            <label for="company" class="mr-2">Company Name <span class="text-danger">*</span></label>
+                            <select type="text" id="company" name="company" class="form-control reduced-width" required>
+                                <option value="" selected>Select</option>
+                            </select>
+                            <div class="col-8 d-flex justify-content-end mb-3">
+                                <button class="btn btn-primary" style="margin-top: 20px;"  id="add">Add</button>
+                                </div>
+                        </div>
+                        <div class="row">
+                            <div id="message-container" style="margin-left: 200px;"></div>
+                         </div>
+                    </div>
+                </div>
+            </div>
+            <section class="content" id="contentSection" style="display: none;">
+                <div class="container-fluid">
+                    <div class="form-group">
+                        <!-- <label for="company_id">company_id</label>--->
+                        <input type="hidden" id="company_id" name="company_id" class="form-control" required>
+                    </div>
+                  <div class="row">
+                           <div class="col-12">
+                                    <div class="card">
+                                          <div id="message-container">
+                                             <div class="card-body table-container">
+                                                <table id="knowledgeTable"  class="table table-bordered table-striped">
+                                                        <thead>
+                                                            <tr>
+                                                                <th>Sno</th>
+                                                                <th>Document Name</th>
+                                                                <th>Document Description</th>
+                                                                <th>Document Version</th>
+                                                                <th>VectorDB Flag</th>
+                                                                <th>View</th>
+                                                            </tr>
+                                                        </thead>
+                                                        <tbody>
+                                                        </tbody>
+                                                    </table>
+                                                </div>
+                                            </div>
+                                            </div>
+                                </div>
+                        </div>
+            </section>
+        </div>
+        <div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="addModalLabel"
+            aria-hidden="true">
+            <div class="modal-dialog" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="addModalLabel">Add Document Details</h5>
+                        <button type="button" class="btn-close" data-dismiss="modal" aria-label="Close">
+                            <span aria-hidden="true" data-backdrop="static" data-keyboard="false">&times;</span>
+                        </button>
+                    </div>
+                    <div class="modal-body">
+                        <div class="form-group">
+                            <!-- <label for="company_id">company_id</label>--->
+                            <input type="hidden" id="company_id" name="company_id" class="form-control" required>
+                        </div>
+                        <form id="documentForm">
+                            <div class="form-group">
+                                <label for="uploadFile">Upload File<span class="text-danger">*</span></label>
+                                <input type="file" class="form-control-file" id="uploadFile" name="uploadFile" required
+                                    accept=".pdf,.doc,.docx">
+                                <small class="form-text text-muted">Accepted formats: .pdf, .doc, .docx</small>
+                            </div>
+                            <div class="form-group">
+                                <label for="documentName">Document Name<span class="text-danger">*</span></label>
+                                <input type="text" class="form-control" id="documentName" name="documentName" required>
+                            </div>
+                            <div class="form-group">
+                                <label for="documentDescription">Document Description<span
+                                        class="text-danger">*</span></label>
+                                <textarea class="form-control" id="documentDescription" name="documentDescription"
+                                    rows="3" required></textarea>
+                            </div>
+                            <div class="form-group">
+                                <label for="department">Department<span class="text-danger">*</span></label>
+                                <input type="text" class="form-control" id="department" name="department" required>
+                            </div>
+                            <div class="form-group">
+                                <label for="version">Version<span class="text-danger">*</span></label>
+                                <input type="text" class="form-control" id="version" name="version" required>
+                            </div>
+                            <div class="form-group">
+                                <label for="lastUpdated">Last Updated<span class="text-danger">*</span></label>
+                                <input type="text" class="form-control" id="lastUpdated" name="lastUpdated" required>
+                            </div>
+                        </form>
+                    </div>
+                    <div class="modal-footer">
+                        <!-- <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> -->
+                        <button type="button" id="save" onclick="save_file()" class="btn btn-primary">Save</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- JavaScript to handle modal display -->
+    <script>
+       document.addEventListener("DOMContentLoaded", function () {
+    now = new Date().toISOString().substr(0, 10);
+    document.getElementById('lastUpdated').value = now;
+    const inputs = document.querySelectorAll("#documentForm input, textarea");
+inputs.forEach((input, index) => {
+    input.addEventListener("keydown", function(event) {
+        if (event.key === "Enter") {
+            event.preventDefault();
+            moveToNextInput(inputs, index);
+        }
+    });
+    });
+    function moveToNextInput(inputs, currentIndex) {
+        const nextInput = inputs[currentIndex + 1];
+        if (nextInput) {
+            nextInput.focus();
+        } else {
+            // Optionally, submit the form or trigger the save button
+            document.getElementById("save").focus();
+        }
+    }
+    fetchCompanies();
+    const companySelect = document.getElementById('company');
+    const documentForm = document.getElementById('documentForm');
+    const table = $('#knowledgeTable').DataTable(); // Initialize DataTable at the start
+    companySelect.addEventListener('change', async function () {
+        $("#message-container").empty();
+        const selectedCompanyName = companySelect.options[companySelect.selectedIndex].text;
+        console.log(`Selected Company Name: ${selectedCompanyName}`);
+        if (selectedCompanyName !== "Select") {
+            try {
+                const response = await fetch(`/api/company_id?company_name=${encodeURIComponent(selectedCompanyName)}`);
+                if (!response.ok) {
+                    contentSection.style.display = 'none';
+                    displayErrorMessage("Document details do not exist for this company. Please fill in the details.");
+                    throw new Error('Network response was not ok');
+                }
+                const data = await response.json();
+                console.log('data returned', data);
+                const companyId = data.company_id;
+                document.getElementById('company_id').value = companyId;
+                if (companyId) {
+                    try {
+                        const Response = await fetch(`/api/document_upload?company_id=${companyId}&company_name=${selectedCompanyName}`);
+                        const connectorsResponse = await Response.json();
+                        console.log("knowledge data table after connecting to table", connectorsResponse);
+                        table.clear();
+                        if (!Array.isArray(connectorsResponse) || connectorsResponse.length === 0) {
+                            //displayEmptyTable();
+                            displayErrorMessage("Document details do not exist for this company. Please fill in the details.");
+                            contentSection.style.display = 'none';
+                        } else {
+                            connectorsResponse.forEach((company, index) => {
+                                table.row.add([
+                                    index + 1,
+                                    company.document_name,
+                                    company.document_desc,
+                                    company.version,
+                                    company.vectorDBflag,
+                                    "<a href='#' class='btn btn-info btn-sm'><i class='fas fa-eye'></i></a>",
+                                ]).draw(false);
+                            });
+                            contentSection.style.display = 'block';
+                        }
+                    } catch (error) {
+                        console.error('Error fetching company documents:', error);
+                        //displayEmptyTable();
+                        displayErrorMessage("Document details1 do not exist for this company. Please fill in the details.");
+                        contentSection.style.display = 'none';
+                    }
+                } else {
+                   // displayEmptyTable();
+                    displayErrorMessage("Document details2 for knowledge do not exist for this company. Please fill in the details.");
+                }
+            } catch (error) {
+                console.error('No details for this company ID or data documents:', error);
+               // displayEmptyTable();
+                displayErrorMessage("Document details3 do not exist for this company. Please fill in the details.");
+                contentSection.style.display = 'none';
+            }
+        } else {
+            table.clear().draw();
+            document.getElementById('contentSection').style.display = 'none';
+            clearFormFields();
+        }
+    });
+    function displayErrorMessage(message) {
+        const messageContainer = document.getElementById('message-container');
+        if (messageContainer) {
+            messageContainer.innerHTML = `<div class='alert alert-danger'>${message}</div>`;
+        }
+    }
+    // function displayEmptyTable() {
+    //     table.clear().draw();
+    //     contentSection.style.display = 'block'; // Ensure the table section is visible even if empty
+    // }
+});
+        function clearFormFields() {
+            document.getElementById('uploadFile').value = "";
+            document.getElementById('documentName').value = "";
+            document.getElementById('documentDescription').value = "";
+            document.getElementById('department').value = "";
+            document.getElementById('version').value = "";
+            //document.getElementById('lastUpdated').value = "";
+        }
+        $(document).ready(function () {
+            // Show modal function
+            $('#add').on('click', function () {
+                clearFormFields();
+                $('#message-container').empty(); // Clear the message container
+                $('#addModal').modal('show');
+            });
+    $('.modal-footer .btn-secondary, .modal-header .btn-close').on('click', function () {
+        $('#addModal').modal('hide');
+    });
+            $('#KnowledgeTable').DataTable({
+                autoWidth: false
+            });
+        });
+        function save_file() {
+            const form = document.getElementById('documentForm');
+            // Check if the form is valid
+            if (!form.checkValidity()) {
+                // If the form is invalid, show validation messages and stop the submission
+                form.reportValidity();
+                return;
+            }
+            const uploadFile = document.getElementById("uploadFile").files[0];
+            const documentName = document.getElementById("documentName").value;
+            const documentDescription = document.getElementById("documentDescription").value;
+            const department = document.getElementById("department").value;
+            const version = document.getElementById("version").value;
+            const lastUpdated = document.getElementById("lastUpdated").value;
+            const company_id = document.getElementById("company_id").value;
+            //const formData = new FormData();
+            var formData = new FormData($('#documentForm')[0]);
+            const vectorDBFlag = "NO"; // Example value
+            const view= "<a href='#' class='btn btn-info btn-sm'><i class='fas fa-eye'></i></a>";
+            formData.append("uploadFile", uploadFile);
+            formData.append("documentName", documentName);
+            formData.append("documentDescription", documentDescription);
+            formData.append("department", department);
+            formData.append("version", version);
+            formData.append("lastUpdated", lastUpdated);
+            formData.append("vectorDBflag", vectorDBFlag);
+            formData.append("company_id", company_id);
+            fetch('/upload_document', {
+                method: 'POST',
+                body: formData
+            })
+                .then(response => {
+                    if (!response.ok) {
+                        throw new Error('Network response was not ok');
+                    }
+                    return response.text();
+                })
+                .then(data => {
+                    var table = $('#knowledgeTable').DataTable();
+            var rowCount = table.rows().count();
+            table.row.add([
+                rowCount + 1,
+                documentName,
+                documentDescription,
+                version,
+                vectorDBFlag,
+                view
+            ]).draw(false);
+                    alert('Document saved successfully');
+                     $('#addModal').modal('hide');
+                     document.getElementById('contentSection').style.display = 'block'; // Show the table section
+                })
+                .catch(error => console.error('Error:', error));
+        }
+        async function fetchCompanies() {
+            try {
+                const response = await fetch('/api/companies');
+                if (!response.ok) {
+                    throw new Error('Network response was not ok');
+                }
+                const data = await response.json();
+                displayCompanies(data.companies);
+            } catch (error) {
+                console.error('Error fetching companies:', error);
+            }
+        }
+        function displayCompanies(companies) {
+            const companySelect = document.getElementById('company');
+            companySelect.innerHTML = '<option value="" selected>Select</option>'; // Reset the dropdown
+            companies.forEach(company => {
+                const option = document.createElement('option');
+                option.value = company.name;
+                option.textContent = company.name;
+                companySelect.appendChild(option);
+            });
+        }
+    </script>
+</body>
+</html>

templates/knowledgebase2.html ADDED Viewed

	@@ -0,0 +1,360 @@

+<!DOCTYPE html>
+<html>
+<head>
+    <title>Knowledge Base</title>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+    <!-- Include AdminLTE CSS -->
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/adminlte.min.css">
+    <!-- Include DataTables CSS -->
+    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap4.min.css">
+    <!-- Include AdminLTE JS -->
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/adminlte.min.js"></script>
+    <!-- Include DataTables JS -->
+    <script src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
+    <script src="https://cdn.datatables.net/1.10.25/js/dataTables.bootstrap4.min.js"></script>
+    <style>
+        body {
+            background-color: transparent !important;
+        }
+        .content-wrapper {
+            background-color: transparent !important;
+            text-align: center;
+        }
+        .wrapper {
+            background-color: transparent !important;
+        }
+        .modal-content {
+            background-color: #fff;
+        }
+        h1 {
+            text-align: center;
+            margin-bottom: 30px;
+        }
+        /* Adjust table width to full container width */
+        .card-body {
+            padding: 0;
+        }
+        .table {
+            width: 100%;
+        }
+        .text-wrap {
+            white-space: normal !important;
+            word-break: break-word;
+        }
+        .center-align {
+            padding-top: 20px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            width: 100%;
+        }
+        .reduced-width {
+            width: 50%;
+            /* Adjust the percentage as needed */
+        }
+    </style>
+</head>
+<body>
+    {% include 'sidepane.html' %}
+    <div class="wrapper" style="position: relative; top: 0;">
+        <div class="content-wrapper">
+            <div class="content-header">
+                <div class="container-fluid">
+                    <div class="container mt-2">
+                        <h1 class="m-0 text-center" style="flex-grow: 1;">Knowledge Base</h1>
+                        <div class="form-group center-align">
+                            <label for="company" class="mr-2">Company Name <span class="text-danger">*</span></label>
+                            <select type="text" id="company" name="company" class="form-control reduced-width" required>
+                                <option value="" selected>Select</option>
+                            </select>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <section class="content" id="contentSection" style="display: none;">
+                <div class="container-fluid">
+                    <div class="form-group">
+                        <!-- <label for="company_id">company_id</label>--->
+                        <input type="hidden" id="company_id" name="company_id" class="form-control" required>
+                    </div>
+                    <div class="row">
+                        <div class="col-12 d-flex justify-content-end mb-3">
+                            <button class="btn btn-primary" id="add">Add</button>
+                        </div>
+                        <div class="row mb-2">
+                            <div class="col-12">
+                                <div class="col-12">
+                                    <div class="card">
+                                        <div class="card-body">
+                                            <div class="table-responsive">
+                                                <div id="message-container">
+                                                <table id="knowledgeTable" class="table table-bordered table-striped">
+                                                    <thead>
+                                                        <tr>
+                                                            <th>Sno</th>
+                                                            <th>Document Name</th>
+                                                            <th>Document Description</th>
+                                                            <th>Document Version</th>
+                                                            <th>VectorDB Flag</th>
+                                                            <th>View</th>
+                                                        </tr>
+                                                    </thead>
+                                                    <tbody>
+                                                        <tr>
+                                                            <td>1</td>
+                                                            <td>NewAge eWMS BusinessRequirementsDocument_V1.9 - Inbound
+                                                            </td>
+                                                            <td>GRN Inbound</td>
+                                                            <td>1.9</td>
+                                                            <td>Yes</td>
+                                                            <td>
+                                                                <button class="btn btn-primary viewButton">View</button>
+                                                            </td>
+                                                        </tr>
+                                                        <tr>
+                                                            <td>2</td>
+                                                            <td>NewAge eWMS BusinessRequirementsDocument_V2.3 - Inbound
+                                                            </td>
+                                                            <td>GRN Inbound</td>
+                                                            <td>2.3</td>
+                                                            <td>No</td>
+                                                            <td>
+                                                                <button class="btn btn-primary viewButton">View</button>
+                                                            </td>
+                                                        </tr>
+                                                        <tr>
+                                                            <td>3</td>
+                                                            <td>NewAge eWMS BusinessRequirementsDocument_V1.9 - Outbound
+                                                            </td>
+                                                            <td>GRN Outbound</td>
+                                                            <td>1.9</td>
+                                                            <td>Yes</td>
+                                                            <td>
+                                                                <button class="btn btn-primary viewButton">View</button>
+                                                            </td>
+                                                        </tr>
+                                                        <tr>
+                                                            <td>4</td>
+                                                            <td class="text-wrap">NewAge eWMS
+                                                                BusinessRequirementsDocument_V2.2 - Outbound</td>
+                                                            <td>ASN Outbound</td>
+                                                            <td>2.2</td>
+                                                            <td>No</td>
+                                                            <td>
+                                                                <button class="btn btn-primary viewButton">View</button>
+                                                            </td>
+                                                        </tr>
+                                                    </tbody>
+                                                </table>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                        </div>
+            </section>
+        </div>
+        <div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="addModalLabel"
+            aria-hidden="true">
+            <div class="modal-dialog" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="addModalLabel">Add Document</h5>
+                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                            <span aria-hidden="true">&times;</span>
+                        </button>
+                    </div>
+                    <div class="modal-body">
+                        <div class="form-group">
+                            <!-- <label for="company_id">company_id</label>--->
+                            <input type="hidden" id="company_id" name="company_id" class="form-control" required>
+                        </div>
+                        <form id="documentForm">
+                            <div class="form-group">
+                                <label for="uploadFile">Upload File<span class="text-danger">*</span></label>
+                                <input type="file" class="form-control-file" id="uploadFile" name="uploadFile" required   accept=".pdf,.doc,.docx">
+                                <small class="form-text text-muted">Accepted formats: .pdf, .doc, .docx</small>
+                            </div>
+                            <div class="form-group">
+                                <label for="documentName">Document Name<span class="text-danger">*</span></label>
+                                <input type="text" class="form-control" id="documentName" name="documentName" required>
+                            </div>
+                            <div class="form-group">
+                                <label for="documentDescription">Document Description<span class="text-danger">*</span></label>
+                                <textarea class="form-control" id="documentDescription" name="documentDescription"
+                                    rows="3" required></textarea>
+                            </div>
+                            <div class="form-group">
+                                <label for="department">Department<span class="text-danger">*</span></label>
+                                <input type="text" class="form-control" id="department" name="department" required>
+                            </div>
+                            <div class="form-group">
+                                <label for="version">Version<span class="text-danger">*</span></label>
+                                <input type="text" class="form-control" id="version" name="version" required>
+                            </div>
+                            <div class="form-group">
+                                <label for="lastUpdated">Last Updated<span class="text-danger">*</span></label>
+                                <input type="text" class="form-control" id="lastUpdated" name="lastUpdated" required>
+                            </div>
+                        </form>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+                        <button type="button" id="save" onclick="save_file()" class="btn btn-primary">Save</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- JavaScript to handle modal display -->
+    <script>
+        document.addEventListener("DOMContentLoaded", function () {
+            now = new Date().toISOString().substr(0, 10);
+            document.getElementById('lastUpdated').value = now
+           // clearFormFields();
+        });
+        document.addEventListener('DOMContentLoaded', function () {
+            fetchCompanies();
+            const companySelect = document.getElementById('company');
+            const documentForm = document.getElementById('documentForm');
+            companySelect.addEventListener('change', async function () {
+                const selectedCompanyName = companySelect.options[companySelect.selectedIndex].text;
+                console.log(`Selected Company Name: ${selectedCompanyName}`);
+                if (selectedCompanyName !== "Select") {
+                    try {
+                        const response = await fetch(`/api/company_id?company_name=${encodeURIComponent(selectedCompanyName)}`);
+                        if (!response.ok) {
+                            contentSection.style.display='none';
+                            const messageContainer = document.getElementById('message-container');
+                             if (messageContainer) {
+                                 messageContainer.innerHTML = "<div class='alert alert-danger'>Document details do not exist for this company. Please fill in the details.</div>";
+                              }
+                            throw new Error('Network response was not ok');
+                        }
+                        const data = await response.json();
+                        console.log(`Company ID: ${data.company_id}`);
+                        const companyId = data.company_id;
+                        document.getElementById('company_id').value = companyId;
+                        if (companyId) {
+                            contentSection.style.display = 'block';
+                        }
+                    } catch (error) {
+                        console.error('Error fetching company ID or data documents:', error);
+                        documentForm.style.display = 'none';
+                    }
+                } else {
+                    //clearFormFields();
+                    documentForm.style.display = 'block';
+                }
+            });
+        });
+            function clearFormFields() {
+                document.getElementById('uploadFile').value = "";
+                document.getElementById('documentName').value = "";
+                document.getElementById('documentDescription').value = "";
+                document.getElementById('department').value = "";
+                document.getElementById('version').value = "";
+                //document.getElementById('lastUpdated').value = "";
+            }
+        $(document).ready(function () {
+            // Show modal function
+            $('#add').on('click', function () {
+                clearFormFields();
+                $('#addModal').modal('show');
+            });
+            $('.modal-footer .btn-secondary').on('click', function () {
+                $('#addModal').modal('hide');
+            });
+            // Your save file function here
+            // async function save_file() {
+            //     alert('Save button clicked');
+            //     // Your save file logic goes here
+            // }
+        });
+        function save_file() {
+            const uploadFile = document.getElementById("uploadFile").files[0];
+            const documentName = document.getElementById("documentName").value;
+            const documentDescription = document.getElementById("documentDescription").value;
+            const department = document.getElementById("department").value;
+            const version = document.getElementById("version").value;
+            const lastUpdated = document.getElementById("lastUpdated").value;
+            const company_id = document.getElementById("company_id").value;
+            const formData = new FormData();
+            formData.append("uploadFile", uploadFile);
+            formData.append("documentName", documentName);
+            formData.append("documentDescription", documentDescription);
+            formData.append("department", department);
+            formData.append("version", version);
+            formData.append("lastUpdated", lastUpdated);
+            formData.append("company_id", company_id);
+            fetch('/upload_document', {
+                method: 'POST',
+                body: formData
+            })
+                .then(response => {
+                    if (!response.ok) {
+                        throw new Error('Network response was not ok');
+                    }
+                    return response.text();
+                })
+                .then(data => {
+                    alert('Document saved successfully');
+                   // $('#addModal').modal('hide');
+                })
+                .catch(error => console.error('Error:', error));
+        }
+        async function fetchCompanies() {
+            try {
+                const response = await fetch('/api/companies');
+                if (!response.ok) {
+                    throw new Error('Network response was not ok');
+                }
+                const data = await response.json();
+                displayCompanies(data.companies);
+            } catch (error) {
+                console.error('Error fetching companies:', error);
+            }
+        }
+        function displayCompanies(companies) {
+            const companySelect = document.getElementById('company');
+            companySelect.innerHTML = '<option value="" selected>Select</option>'; // Reset the dropdown
+            companies.forEach(company => {
+                const option = document.createElement('option');
+                option.value = company.name;
+                option.textContent = company.name;
+                companySelect.appendChild(option);
+            });
+        }
+    </script>
+</body>
+</html>

templates/prompt_template.html ADDED Viewed

	@@ -0,0 +1,435 @@

+<!DOCTYPE html>
+<html>
+<head>
+    <title>Prompt Template</title>
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+    <!-- Include AdminLTE CSS -->
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/adminlte.min.css">
+    <!-- Include DataTables CSS -->
+    <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap4.min.css">
+    <script src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
+    <script src="https://cdn.datatables.net/1.10.25/js/dataTables.bootstrap4.min.js"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
+    <style>
+        .header-row {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+        }
+        .table-container {
+            width: 100%;
+            overflow-x: auto;
+        }
+        .wrapper {
+            display: flex;
+            flex-direction: column;
+            height: 100vh;
+        }
+        .content-wrapper {
+            flex: 1;
+            overflow-y: auto;
+        }
+        .content-header {
+            padding: 5px;
+        }
+        .footer {
+            text-align: right;
+            padding: 10px;
+        }
+        .center-align {
+            padding-top: 20px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            width: 100%;
+        }
+        th,
+        td {
+            white-space: nowrap;
+        }
+        th:nth-child(1),
+        td:nth-child(1) {
+            /* Sno column */
+            width: 1%;
+        }
+        th:nth-child(2),
+        td:nth-child(2) {
+            /* API Name column */
+            width: 20%;
+        }
+        th:nth-child(3),
+        td:nth-child(3) {
+            /* API Endpoint column */
+            width: 35%;
+        }
+        th:nth-child(4),
+        td:nth-child(4) {
+            /* view column*/
+            width: 15%;
+        }
+.reduced-width{
+    width:25%;
+}
+ .viewButton{
+            size:2px;
+        }
+    </style>
+</head>
+<body>
+    {% include 'sidepane.html' %}
+    <div class="wrapper">
+        <div class="content-wrapper">
+            <!-- Content Header (Page header) -->
+            <div class="content-header">
+                <div class="container-fluid">
+                    <div class="container mt-2">
+                        <div class="form-group center-align">
+                            <label for="company" class="mr-2">Company Name <span class="text-danger">*</span></label>
+                            <select type="text" id="company" name="company" class="form-control reduced-width" required>
+                                <option value="" selected>Select</option>
+                            </select>
+                                 <div class="col-8 d-flex justify-content-end mb-3">
+                                    <button class="btn btn-primary" style="margin-top: 20px;" id="add">Add</button>
+                                    <!-- <button class="btn btn-primary" style="margin-top: 20px;" id="add">Add</button> -->
+                                  </div>
+                            </div>
+                            <div class="row">
+                                <div id="message-container" style="margin-left: 200px;"></div>
+                            </div>
+                    </div>
+                </div>
+            </div>
+            <section class="content" id="contentSection" style="display: none;">
+                <div class="container-fluid">
+                    <div class="form-group">
+                        <!-- <label for="company_id">company_id</label>--->
+                        <input type="hidden" id="company_id" name="company_id" class="form-control" required>
+                    </div>
+             </div>
+            <!-- Main content-->
+            <section class="content">
+                <div class="container-fluid">
+                    <div class="row">
+                        <div class="col-12">
+                            <div class="card">
+                                <div class="card-body table-container">
+                                    <table id="promptTable" class="table table-bordered table-striped">
+                                        <thead>
+                                            <tr>
+                                                <th>Sno</th>
+                                                <th>Datasource</th>
+                                                <th>Sample Prompt</th>
+                                                <th>View</th>
+                                            </tr>
+                                        </thead>
+                                        <tbody>
+                                         <!--    <tr>
+                                                <td>1</td>
+                                                <td>API</td>
+                                                <td>What are the details of ASN24080200002?</td>
+                                                <td><button class="btn btn-primary viewButton">View</button></td>
+                                            </tr>
+                                            <tr>
+                                                <td>2</td>
+                                                <td>API</td>
+                                                <td>What is the expected receiving date of ASN24080200002</td>
+                                                <td><button class="btn btn-primary viewButton">View</button></td>
+                                            </tr>
+                                            <tr>
+                                                <td>3</td>
+                                                <td>Document</td>
+                                                <td>Explain Pre-Receiving Yard Management</td>
+                                                <td><button class="btn btn-primary viewButton">View</button></td>
+                                            </tr>
+                                            <tr>
+                                                <td>4</td>
+                                                <td>Document</td>
+                                                <td>Can you explain the process of unloading a vehicle in more detail?</td>
+                                                 <td><button class="btn btn-primary viewButton">View</button></td>
+                                            </tr>
+                                            <tr>
+                                                <td>5</td>
+                                                <td>Visual Analysis</td>
+                                                <td>I want to analyze item name and quantity in a bar chart in warehouse Allcargo Logistics</td>
+                                                 <td><button class="btn btn-primary viewButton">View</button></td>
+                                            </tr>
+                                            <tr>
+                                                <td>6</td>
+                                                <td>Visual Analysis</td>
+                                                <td>Can you generate a pie chart with item names and quantities in warehouse Allcargo Logistics</td>
+                                                <td><button class="btn btn-primary viewButton">View</button></td>
+                                            </tr>
+                                                 <tr>
+                                                    <td>7</td>
+                                                    <td>Database</td>
+                                                    <td>What are the active warehouses available</td>
+                                                     <td><button class="btn btn-primary viewButton">View</button></td>
+                                                </tr>
+                                                <tr>
+                                                    <td>8</td>
+                                                    <td>Database</td>
+                                                    <td>What are the warehouses available</td>
+                                                     <td><button class="btn btn-primary viewButton">View</button></td>
+                                                </tr>
+                                                -->
+                                        </tbody>
+                                    </table>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </section>
+         </section>
+         </div>
+        </div>
+    </div>
+    <!-- Modal -->
+    <div class="modal fade" id="addModal" tabindex="-1" role="dialog" aria-labelledby="addModalLabel"
+        aria-hidden="true">
+        <div class="modal-dialog" role="document">
+            <div class="modal-content">
+                <div class="modal-header">
+                    <h5 class="modal-title" id="addModalLabel">Add Prompt</h5>
+                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
+                    <span aria-hidden="true" data-backdrop="static" data-keyboard="false">&times;</span>
+                </div>
+                <div class="modal-body">
+                    <div class="form-group">
+                        <!-- <label for="company_id">company_id</label>--->
+                        <input type="hidden" id="company_id" name="company_id" class="form-control" required>
+                    </div>
+                    <form id="addPromptForm">
+                        <div class="form-group">
+                            <label for="scenario">Scenario <span class="text-danger">*</span></label>
+                            <input type="text" class="form-control" id="scenario" name="scenario" required>
+                        </div>
+                        <div class="form-group">
+                            <label for="prompt">Sample Prompt <span class="text-danger">*</span></label>
+                            <input type="text" class="form-control" id="prompt" name="sampleprompt" required>
+                        </div>
+                        <div class="form-group">
+                            <label for="comments">Comments <span class="text-danger">*</span></label>
+                            <input type="text" class="form-control" id="comments" name="comments" required>
+                        </div>
+                    </form>
+                </div>
+                <div class="modal-footer">
+                    <!-- <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button> -->
+                    <button type="button" id="save" onclick="save_file()" class="btn btn-primary">Save</button>
+                </div>
+            </div>
+        </div>
+    </div>
+    <!-- Include DataTables JS and your custom script -->
+    <script src="https://cdn.datatables.net/1.10.25/js/jquery.dataTables.min.js"></script>
+    <script src="https://cdn.datatables.net/1.10.25/js/dataTables.bootstrap4.min.js"></script>
+    <script>
+        $(document).ready(function () {
+            $('#add').on('click', function () {
+                clearFormFields();
+                $('#message-container').empty(); // Clear the message container
+                $('#addModal').modal('show');
+            });
+            $('.modal-footer .btn-secondary, .modal-header .close').on('click', function () {
+                      $('#addModal').modal('hide');
+             });
+        });
+        document.addEventListener("DOMContentLoaded", function () {
+        // clearFormFields();
+        fetchCompanies();
+        const companySelect = document.getElementById('company');
+        const addPromptForm = document.getElementById('addPromptForm');
+        const table = $('#promptTable').DataTable();
+        // Initialize DataTable at the start
+        companySelect.addEventListener('change', async function () {
+            $("#message-container").empty();
+            const selectedCompanyName = companySelect.options[companySelect.selectedIndex].text;
+            console.log(`Selected Company Name: ${selectedCompanyName}`);
+            if (selectedCompanyName !== "Select") {
+                try {
+                    const response = await fetch(`/api/company_id?company_name=${encodeURIComponent(selectedCompanyName)}`);
+                    if (!response.ok) {
+                        contentSection.style.display = 'none';
+                        ("Document details does not exist for name does not exist. Please fill in the details.");
+                        const messageContainer = document.getElementById('message-container');
+                        if (messageContainer) {
+                            messageContainer.innerHTML = "<div class='alert alert-danger'>Document details do not exist for this company. Please fill in the details.</div>";
+                        }
+                        throw new Error('Network response was not ok');
+                    }
+                    const data = await response.json();
+                    console.log('data returned', data);
+                    console.log(`Company ID: ${data.company_id}`);
+                    const companyId = data.company_id;
+                    document.getElementById('company_id').value = companyId;
+                    if (companyId) {
+                        try {
+                            const Response = await fetch(`/api/get_prompt_templates?company_id=${companyId}&company_name=${selectedCompanyName}`);
+                            const connectorsResponse = await Response.json();
+                            console.log("prompt template data table after connecting to table", connectorsResponse);
+                            table.clear();
+                            if (!Array.isArray(connectorsResponse)) {
+                                throw new TypeError('Expected an array of companies');
+                            displayErrorMessage("template details do not exist for this company. Please fill in the details.");
+                        contentSection.style.display = 'none';
+                    } else {
+                            connectorsResponse.forEach((company, index) => {
+                                table.row.add([
+                                    index+1,
+                                    company.scenario,
+                                    company.prompt,
+                                   "<a href='#' class='btn btn-info btn-sm'><i class='fas fa-eye' fa-eye'></i></a>",
+                                ]).draw(false);
+                            });
+                            contentSection.style.display = 'block';
+                        }
+                        } catch (error) {
+                            console.error('Error fetching company documents:', error);
+                    //displayEmptyTable();
+                    displayErrorMessage("Document details1 do not exist for this company. Please fill in the details.");
+                    contentSection.style.display = 'none';
+                        }
+                    }
+                        else {
+               // displayEmptyTable();
+                displayErrorMessage("Document details2 for knowledge do not exist for this company. Please fill in the details.");
+            }
+                } catch (error) {
+                    console.error('No details for this company ID or data documents:', error);
+           // displayEmptyTable();
+            displayErrorMessage("Document details3 do not exist for this company. Please fill in the details.");
+            contentSection.style.display = 'none';
+        }
+            } else {
+                table.clear().draw();
+                document.getElementById('contentSection').style.display = 'none';
+                // Optionally, you might want to clear the form fields as well
+                clearFormFields();
+            }
+        });
+        function displayErrorMessage(message) {
+    const messageContainer = document.getElementById('message-container');
+    if (messageContainer) {
+        messageContainer.innerHTML = `<div class='alert alert-danger'>${message}</div>`;
+    }
+}
+    });
+    function save_file() {
+        const form = document.getElementById('addPromptForm');
+        // Check if the form is valid
+        if (!form.checkValidity()) {
+            // If the form is invalid, show validation messages and stop the submission
+            form.reportValidity();
+            return;
+        }
+        const company_id=$('#company_id').val();
+        const scenario= $('#scenario').val();
+        const prompt = $('#prompt').val();
+        const comments=$('#comments').val();
+        const view= "<a href='#' class='btn btn-info btn-sm'><i class='fas fa-eye'></i></a>";
+        var formData = new FormData($('#addPromptForm')[0]);
+         formData.append("company_id",company_id),
+          formData.append("scenario", scenario),
+           formData.append("prompt", prompt),
+           formData.append("comments",comments),
+        //const formData = new FormData();
+       fetch('/api/save_prompt_details', {
+            method: 'POST',
+            body: formData
+        })
+            .then(response => {
+                if (!response.ok) {
+                    throw new Error('Network response was not ok');
+                }
+                return response.text();
+            })
+            .then(data => {
+                var table = $('#promptTable').DataTable();
+        var rowCount = table.rows().count();
+        table.row.add([
+            rowCount + 1,
+            scenario,
+            prompt,
+            view
+        ]).draw(false);
+                alert('Document saved successfully');
+                 $('#addModal').modal('hide');
+                 document.getElementById('contentSection').style.display = 'block'; // Show the table section
+            })
+            .catch(error => console.error('Error:', error));
+    }
+    async function fetchCompanies() {
+        try {
+            const response = await fetch('/api/companies');
+            if (!response.ok) {
+                throw new Error('Network response was not ok');
+            }
+            const data = await response.json();
+            displayCompanies(data.companies);
+        } catch (error) {
+            console.error('Error fetching companies:', error);
+        }
+    }
+    function displayCompanies(companies) {
+        const companySelect = document.getElementById('company');
+        companySelect.innerHTML = '<option value="" selected>Select</option>'; // Reset the dropdown
+        companies.forEach(company => {
+            const option = document.createElement('option');
+            option.value = company.name;
+            option.textContent = company.name;
+            companySelect.appendChild(option);
+        });
+    }
+    function clearFormFields() {
+        document.getElementById('scenario').value = "";
+        document.getElementById('prompt').value = "";
+        document.getElementById('comments').value = "";
+    }
+    </script>
+</body>
+</html>

templates/redmindlogo2.jpg ADDED Viewed

templates/redmindlogo3.jpg ADDED Viewed

templates/sidepane.html ADDED Viewed

	@@ -0,0 +1,105 @@

+<!-- sidepane.html -->
+<!-- This file represents the sidepane component of a web application. It contains the navigation menu and sidebar. -->
+<nav class="main-header navbar navbar-expand navbar-white navbar-light" style="text-align: center;">
+    <div class="container-fluid d-flex justify-content-center align-items-center">
+        <img src="..\static\img\redmindlogo3.jpg" alt="Logo" style="width: 80px; height: auto; margin-right: 10px;">
+        <h3 style="text-align: center; margin-bottom: 0;">Redmind GPT  -  {{title}}</h3>
+        <button class="btn btn-primary" style="margin-left: 180px;margin-right:-270px;" onclick="logout()">Logout</button>
+    </div>
+    <!-- Left navbar links -->
+    <!-- <ul class="navbar-nav">
+        <li class="nav-item">
+            <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
+        </li>
+    </ul> -->
+</nav>
+<!-- Main Sidebar Container -->
+<aside class="main-sidebar sidebar-dark-primary elevation-4" style="width: 200px;">
+    <!-- Sidebar -->
+    <div class="sidebar">
+        <!-- Sidebar Menu -->
+        <nav class="mt-2">
+            <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu" data-accordion="false">
+                <!-- Navigation Links -->
+                <li class="nav-item">
+                    <a href="{{url_for('dashboard')}}" class="nav-link">
+                        <i class="nav-icon fas fa-home"></i>
+                        <p>Dashboard</p>
+                    </a>
+                </li>
+                <li class="nav-item">
+                    <a href="{{ url_for('company_profile') }}" class="nav-link">
+                        <i class="nav-icon fas fa-users"></i>
+                        <p>Company Profile</p>
+                    </a>
+                </li>
+                <li class="nav-item">
+                    <a href="{{ url_for('knowledgebase') }}" class="nav-link">
+                        <i class="nav-icon fas fa-cogs"></i>
+                        <p>KnowledgeBase</p>
+                    </a>
+                </li>
+                <li class="nav-item">
+                    <a href="{{ url_for('data_connectors') }}" class="nav-link">
+                        <i class="nav-icon fas fa-home"></i>
+                        <p>Data Connectors</p>
+                    </a>
+                </li>
+                <li class="nav-item">
+                    <a href="{{ url_for('API_connectors') }}" class="nav-link">
+                        <i class="nav-icon fas fa-users"></i>
+                        <p>API Connectors</p>
+                    </a>
+                </li>
+                <li class="nav-item">
+                    <a href="{{url_for('prompt_template')}}" class="nav-link">
+                        <i class="nav-icon fas fa-cogs"></i>
+                        <p>Prompt Templates</p>
+                    </a>
+                </li>
+             <!--<li class="nav-item">
+                    <a href="#" class="nav-link">
+                        <i class="nav-icon fas fa-cogs"></i>
+                        <p>LLM Settings</p>
+                    </a>
+                    <ul class="nav nav-treeview">
+                        <li class="nav-item">
+                            <a href="#" class="nav-link">
+                                <i class="far fa-circle nav-icon"></i>
+                                <p>Sublink 1</p>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="#" class="nav-link">
+                                <i class="far fa-circle nav-icon"></i>
+                                <p>Sublink 2</p>
+                            </a>
+                        </li>
+                        <!-- Add more sublinks here -->
+                    </ul>
+                </li> -->
+                <!-- Add more navigation links here -->
+            </ul>
+        </nav>
+        <!-- /.sidebar-menu -->
+    </div>
+    <!-- /.sidebar -->
+</aside>
+<!-- AdminLTE JS -->
+<script >
+        function logout() {
+        // Clear session storage
+        sessionStorage.clear();
+        // Redirect to the login page
+        window.location.href = '/';
+    }
+</script>