Upload 50 files

README.md

@@ -1,10 +1,10 @@
----
-title: RedMindGPT UI Dev
-emoji: 🐠
-colorFrom: purple
-colorTo: yellow
-sdk: docker
-pinned: false
----
-
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+---
+title: Redmind GPT API
+emoji: 🐨
+colorFrom: green
+colorTo: red
+sdk: docker
+pinned: false
+---
+
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

app.py

@@ -0,0 +1,1509 @@
+import json
+import os
+import logging
+import shutil
+import asyncpg 
+from fastapi import FastAPI, File, Query,Form, Request, HTTPException, UploadFile
+from fastapi.responses import JSONResponse, RedirectResponse
+from fastapi.staticfiles import StaticFiles
+from fastapi.templating import Jinja2Templates
+from fastapi.middleware.cors import CORSMiddleware
+from dotenv import load_dotenv
+import mysql.connector
+from typing import List
+from pydantic import BaseModel
+import psycopg2
+
+
+
+# Load environment variables
+load_dotenv()
+
+# Configure logging
+logging.basicConfig(
+    level=logging.INFO,
+    format='%(asctime)s - %(levelname)s - %(message)s',
+    handlers=[
+        logging.FileHandler("redmindgen.log"),
+        logging.StreamHandler()  # This ensures logging to console
+    ]
+)
+logging.info("Application startup")
+
+# Create the FastAPI app
+app = FastAPI(title="RedmindGen", description="Chat with your Data", version="1.0.0")
+
+# Mount static files
+app.mount("/static", StaticFiles(directory="static"), name="static")
+
+# Jinja2 templates
+templates = Jinja2Templates(directory="templates")
+
+# Configure CORS
+origins = [
+    "http://localhost:8000",
+    "http://127.0.0.1:8000",
+    "http://167.71.75.10:8003/"
+]
+
+app.add_middleware(
+    CORSMiddleware,
+    allow_origins=origins,
+    allow_credentials=True,
+    allow_methods=["*"],
+    allow_headers=["*"],
+)
+DB_USER = 'u852023448_redmindgpt'
+DB_PASSWORD = 'redmindGpt@123'
+DB_HOST = '217.21.88.10'
+DB_NAME = 'u852023448_redmindgpt'
+from pydantic import BaseModel
+class DatabaseConnection(BaseModel):
+    database_type: str
+    server: str
+    port: str
+    databaseName: str
+    username: str
+    password: str
+@app.post("/api/connect")
+async def connect_to_database(connection: DatabaseConnection):
+    try:
+        print(f"Attempting to connect to database: {connection.database_type}")
+        if connection.database_type == "Postgres":
+            print(f"PostgreSQL connection details - Host: {connection.server}, Port: {connection.port}, Database: {connection.databaseName}, User: {connection.username}")
+            conn = psycopg2.connect(
+                host=connection.server,
+                port=connection.port,
+                database=connection.databaseName,
+                user=connection.username,
+                password=connection.password
+            )
+            query_schemas = "SELECT schema_name FROM information_schema.schemata"
+            query_tables = "SELECT table_name FROM information_schema.tables WHERE table_schema = %s"
+        elif connection.database_type == "mysql":
+            print(f"inside mysql",connection.server,connection.port,connection.databaseName,connection.username,connection.password)
+            conn = mysql.connector.connect(
+                host=connection.server,
+                port=connection.port,
+                database=connection.databaseName,
+                user=connection.username,
+                password=connection.password
+            )
+            query_schemas = "SELECT schema_name FROM information_schema.schemata"
+            query_tables = "SELECT table_name FROM information_schema.tables WHERE table_schema = %s"
+        else:
+            raise HTTPException(status_code=400, detail="Unsupported database type")
+
+        cursor = conn.cursor()
+
+        # Fetch all schemas
+        cursor.execute(query_schemas)
+        schemas = cursor.fetchall()
+
+        # Fetch all tables within each schema
+        schema_tables = {}
+        for schema in schemas:
+            cursor.execute(query_tables, (schema[0],))
+            tables = cursor.fetchall()
+            schema_tables[schema[0]] = [table[0] for table in tables]
+
+        cursor.close()
+        conn.close()
+
+        return {"schemas": [schema[0] for schema in schemas], "schema_tables": schema_tables, "success": True}
+
+    except Exception as e:
+        raise HTTPException(status_code=500, detail=str(e))
+
+# Function to create a new database connection for MySQL (Example)
+def get_db_connection():
+    try:
+        cnx = mysql.connector.connect(user=DB_USER, password=DB_PASSWORD, host=DB_HOST, database=DB_NAME)
+        return cnx
+    except mysql.connector.Error as err:
+        logging.error(f"Database connection error: {err}")
+        return None
+# Function to create a new database connection for MySQL (Example)
+def get_db_connection():
+    try:
+        cnx = mysql.connector.connect(user=DB_USER, password=DB_PASSWORD, host=DB_HOST, database=DB_NAME)
+        return cnx
+    except mysql.connector.Error as err:
+        logging.error(f"Database connection error: {err}")
+        return None
+
+@app.get("/")
+async def read_root(request: Request):
+    return templates.TemplateResponse("index.html", {"request": request})
+
+def verify_user(username: str, password: str):
+    try:
+        cnx = get_db_connection()
+        cursor = cnx.cursor()
+        query = "SELECT role,company_id FROM user_detail WHERE username = %s AND password = %s"
+        values = (username, password)
+        cursor.execute(query, values)
+        result = cursor.fetchone()
+        cursor.close()
+        cnx.close()
+        if result is not None:
+            logging.info(f"User {username}{result[1]} logged in successfully")
+            return "success",result[0],result[1]
+        else:
+            logging.info(f"User {username} login failed")
+            return "failure"
+    except mysql.connector.Error as err:
+        logging.error(f"Database error: {err}")
+        return "failure"
+
+@app.post("/validate-user")
+async def validate_user(request: Request, username: str = Form(...), password: str = Form(...)):
+    status, role ,company_id= verify_user(username, password)
+    if status == 'success' and role and company_id:
+        logging.info(f"user role {role} is returned")
+        
+        # Set cookies and redirect to the dashboard
+        response = RedirectResponse(url="/dashboard", status_code=302)
+        response.set_cookie(key="role", value=role)
+        response.set_cookie(key="username", value=username)
+        response.set_cookie(key="company_id",value=company_id)
+        return response
+    else:
+        # If login fails, redirect back to the index page with an error message
+        return templates.TemplateResponse("index.html", {
+            "request": request,
+            "error": "Invalid username or password"
+        })
+        
+@app.post("/submit_company_profile")
+async def submit_company_profile(request: Request,
+                                 company_name: str = Form(...),
+                                 company_code: str = Form(...),
+                                 domain: str = Form(...),
+                                 llm_tools: List[str] = Form(...),
+                                 username:str=Form(...),
+                                 password:str=Form(...),
+                                 role:str=Form(...)):
+    logging.info("Received form submission for company profile")
+    logging.info(f"Form data - company_name: {company_name}, company_code: {company_code}, domain: {domain}, llm_tools: {llm_tools}")
+
+    try:
+        cnx = get_db_connection()
+        cursor = cnx.cursor()
+        query = "INSERT INTO company_detail (company_name, company_code, domain, llm_tools) VALUES (%s, %s, %s, %s)"
+        values = (company_name, company_code, domain, ",".join(llm_tools))
+        logging.info(f"Executing query: {query} with values: {values}")
+        cursor.execute(query, values)
+                # Retrieve the inserted company_id
+        company_id = cursor.lastrowid
+        logging.info(f"Company profile for {company_name} inserted successfully with company_id: {company_id}")
+
+        # Insert user details with the retrieved company_id
+        user_query = "INSERT INTO user_detail (company_id, username, password,role) VALUES (%s, %s, %s, %s)"
+        user_values = (company_id, username, password, role)
+        logging.info(f"Executing user detail query: {user_query} with values: {user_values}")
+        cursor.execute(user_query, user_values)
+        cnx.commit()
+        logging.info(f"Query executed successfully, {cursor.rowcount} row(s) affected")
+        cursor.close()
+        cnx.close()
+        logging.info(f"Company profile for {company_name} inserted successfully")
+        RedirectResponse(url="/company_profile?message=Data saved successfully", status_code=302)
+    except mysql.connector.Error as err:
+        logging.error(f"Database error: {err}")
+        raise HTTPException(status_code=500, detail="Internal Server Error")
+
+
+@app.get("/api/companies")
+async def get_companies():
+    try:
+        cnx = get_db_connection()
+        cursor = cnx.cursor()
+        query = "SELECT company_name FROM company_detail "
+        cursor.execute(query)
+        companies = cursor.fetchall()
+        cursor.close()
+        cnx.close() 
+        return {"companies": [{"name": company[0]} for company in companies]}
+    except mysql.connector.Error as err:
+        logging.error(f"Database error: {err}")
+        raise HTTPException(status_code=500, detail="Internal Server Error")
+        
+@app.get("/dashboard")
+async def dashboard(request: Request):
+    try:
+        # Retrieve cookies
+        role = request.cookies.get("role")
+        username = request.cookies.get("username")
+        company_id=request._cookies.get("company_id")
+
+        # Establish database connection
+        cnx = get_db_connection()
+        cursor = cnx.cursor()
+
+        # Fetch all table names
+        cursor.execute("SHOW TABLES")
+        all_tables = cursor.fetchall()
+        
+        # Dictionary to hold the count of records for each table
+        table_count_of_each_table = {}
+
+        # Fetch count of records for each table
+        for table in all_tables:
+            table_name = table[0]
+            query = f"SELECT COUNT(*) FROM {table_name} WHERE company_id = %s"
+            cursor.execute(query, (company_id,))
+        
+            count = cursor.fetchone()[0]
+            table_count_of_each_table[table_name] = count
+        query1=f"select company_name from company_detail where company_id = %s"
+        cursor.execute(query1,(company_id,))
+        company_name_result = cursor.fetchone()
+        
+        # Check if company_name_result is not None
+        if company_name_result:
+            company_name = company_name_result[0]
+        else:
+            company_name = "Unknown"  # Default
+        # Close cursor and connection
+        cursor.close()
+        cnx.close()
+        
+        # Log the counts for debugging purposes
+        logging.info(table_count_of_each_table)
+        
+        # Render the template with the data, role, and username
+        return templates.TemplateResponse("dashboard.html", {
+            "request": request,
+            "title": "Dashboard",
+            "table_count_of_each_table": table_count_of_each_table,
+            "role": role,
+            "username": username,
+            "company_id":company_id,
+            "company_name":company_name
+        })
+    except mysql.connector.Error as err:
+        # Log the error and raise an HTTPException
+        logging.error(f"Database error: {err}")
+        raise HTTPException(status_code=500, detail="Internal Server Error")
+
+@app.get("/api/company_record_count/{company_id}")
+async def get_company_record_count(company_id: int):
+    try:
+        # Establish database connection
+        cnx = get_db_connection()
+        cursor = cnx.cursor()
+
+        # List of tables to count records in
+        tables = ["knowledge_base", "data_connectors", "api_connectors", "prompt_templates"]
+
+        # Dictionary to hold the count of records for each table
+        table_counts = {}
+
+        # Fetch count of records for the selected company in each table
+        for table in tables:
+            query = f"SELECT COUNT(*) FROM {table} WHERE company_id = %s"
+            cursor.execute(query, (company_id,))
+            count = cursor.fetchone()[0]
+            table_counts[table] = count
+
+        # Close cursor and connection
+        cursor.close()
+        cnx.close()
+
+        return {"table_counts": table_counts}
+
+    except mysql.connector.Error as err:
+        logging.error(f"Database error: {err}")
+        raise HTTPException(status_code=500, detail="Internal Server Error")
+
+        
+@app.get("/company_profile")
+async def company_profile(request: Request):
+    try:
+        # Retrieve cookies
+        role = request.cookies.get("role")
+        company_id = request.cookies.get("company_id")
+
+        # Render the template with the role and company_id
+        return templates.TemplateResponse("company_profile.html", {
+            "request": request,
+            "role": role,
+            "company_id": company_id,
+            "title":"Company Profile"
+        })
+    except Exception as e:
+        # Handle exceptions
+        logging.error(f"Error: {e}")
+        raise HTTPException(status_code=500, detail="Internal Server Error")
+    #return templates.TemplateResponse("company_profile.html", {"request": request,"title":"Company Profile"})
+@app.get("/api/company_id")
+async def get_company_id(company_name: str):
+    print(f"Received company_name: {company_name}")  # Debug statement
+    logging.info(f"Received request for company name: {company_name}")
+    try:
+        cnx = get_db_connection()
+        cursor = cnx.cursor()
+        query = "SELECT * FROM company_detail WHERE company_name = %s"
+        cursor.execute(query, (company_name,))
+        result = cursor.fetchone()
+        cursor.close()
+        cnx.close()
+        
+        if result:
+            llm_tools = result[4].split(',') if result[4] else []
+            return {"company_id": result[0],
+                    "company_name":result[1],
+                    "company_code":result[2],
+                    "domain":result[3],
+                    "llm_tools":llm_tools
+                    }
+        else:
+            logging.error(f"Company not found for name: {company_name}")
+            raise HTTPException(status_code=404, detail="Company not found")
+    except mysql.connector.Error as err:
+        logging.error(f"Database error: {err}")
+        raise HTTPException(status_code=500, detail="Internal Server Error")
+   
+@app.get("/api/companydetails")
+async def get_companies():
+    print(f"Received company_name")  # Debug statement
+    logging.info(f"Received request for company name")
+
+    try:
+        cnx = get_db_connection()
+        cursor = cnx.cursor()
+        query = "SELECT * FROM company_detail"
+        cursor.execute(query)
+        result = cursor.fetchall()
+        logging.info(f"Query result: {result}")
+        cursor.close()
+        cnx.close()
+        
+        companies = []
+        for row in result:
+            llm_tools = row[4].split(',') if row[4] else []
+            logging.info(row[4])
+            companies.append({
+                "company_id": row[0],
+                "company_name": row[1],
+                "company_code": row[2],
+                "domain": row[3],
+                "llm_tools": row[4]
+            })
+
+        if companies:
+            return companies
+        else:
+            logging.error(f"Company not found for name: {result[1]}")
+            raise HTTPException(status_code=404, detail="Company not found")
+    except mysql.connector.Error as err:
+        logging.error(f"Database error: {err}")
+        raise HTTPException(status_code=500, detail="Internal Server Error")
+   
+#to view the details
+@app.get("/api/getcompanydetails/{company_id}")
+async def get_company_details(company_id: int):
+    company = await get_company_from_db(company_id)
+    if not company:
+        raise HTTPException(status_code=404, detail="Company not found")
+    return company  
+      
+async def get_company_from_db(company_id: int):
+    try:
+        # Establish a connection to the database
+        cnx = get_db_connection()
+        if cnx is None:
+            raise HTTPException(status_code=500, detail="Failed to connect to the database")
+        cursor = cnx.cursor(dictionary=True)
+        query = "SELECT * FROM company_detail WHERE company_id = %s"
+        cursor.execute(query, (company_id,))
+        company = cursor.fetchone()
+        cursor.close()
+        cnx.close()
+        return company
+    except mysql.connector.Error as err:
+        logging.error(f"Error fetching company: {err}")
+        raise HTTPException(status_code=500, detail="Failed to fetch company")
+# to edit the details    
+@app.put("/api/putcompanydetails/{company_id}")
+async def update_company_details(company_id: int, 
+                                 company_name: str = Form(...),
+                                 company_code: str = Form(...),
+                                 domain: str = Form(...),
+                                 llm_tools: List[str] = Form(...)):
+    print(f"Received company_id",company_id)  # Debug statement
+    logging.info(f"Received request for company data")
+    company_data = {
+        'company_name': company_name,
+        'company_code': company_code,
+        'domain': domain,
+        'llm_tools': ','.join(llm_tools)
+    }
+    updated_company = await update_company_in_db(company_id, company_data)
+    if not updated_company:
+        raise HTTPException(status_code=500, detail="Failed to update company")
+    return updated_company
+
+async def update_company_in_db(company_id: int, company_data: dict):
+    try:
+        print(f"Received company_nid inside function",company_id)  # Debug statement
+        logging.info(f"Received request for company name")
+        cnx = get_db_connection()
+        if cnx is None:
+            raise HTTPException(status_code=500, detail="Failed to connect to the database")
+        cursor = cnx.cursor()
+        update_query = """
+        UPDATE u852023448_redmind.gptcompany_detail cd
+        SET cd.company_name = %s, cd.company_code = %s, cd.domain = %s, cd.llm_tools = %s
+        WHERE cd.company_id = %s;
+        """
+        logging.info(f"Executing query: {update_query} with company_id: {company_id}")
+        params = (company_id,company_data)
+        logging.info(f"Query parameters: {params}")
+        print(f"Query parameters: {params}")
+
+    
+        cursor.execute(update_query, (
+            company_data['company_name'],
+            company_data['company_code'],
+            company_data['domain'],
+            company_data['llm_tools'],
+            company_id
+        ))
+
+        cnx.commit()
+        success = cursor.rowcount > 0
+        cursor.close()
+        cnx.close()
+        if not success:
+            return None
+        return company_data
+    except mysql.connector.Error as err:
+        logging.error(f"Error updating company: {err}")
+        raise HTTPException(status_code=500, detail="Failed to update company")
+
+
+def delete_company_from_db(company_id: int) -> bool:
+    print(f"Received company_name: {company_id}")  # Debug statement
+    logging.info(f"Received request for company name: {company_id}")
+    try:
+        # Establish a connection to the database
+        cnx = get_db_connection()
+        if cnx is None:
+            raise HTTPException(status_code=500, detail="Failed to connect to the database")
+        cursor = cnx.cursor()
+        delete_query = "DELETE FROM company_detail WHERE company_id = %s"
+        cursor.execute(delete_query, (company_id,))
+        cnx.commit()
+        success = cursor.rowcount > 0
+        cursor.close()
+        cnx.close()
+        return success
+    except mysql.connector.Error as err:
+        logging.error(f"Error deleting company: {err}")
+        raise HTTPException(status_code=500, detail="Failed to delete company")
+@app.delete("/api/delcompanydetails/{company_id}")
+async def delete_company(company_id: int):
+    deletion_success = delete_company_from_db(company_id)
+    if not deletion_success:
+        raise HTTPException(status_code=404, detail="Company not found or failed to delete")
+    return {"message": "Company deleted successfully"}
+
+@app.get("/knowledgebase")
+async def knowledgebase(request: Request):
+    try:
+        # Retrieve cookies
+        role = request.cookies.get("role")
+        company_id = request.cookies.get("company_id")
+
+        # Render the template with the role and company_id
+        return templates.TemplateResponse("knowledgebase.html", {
+            "request": request,
+            "role": role,
+            "company_id": company_id,
+            "title":"KnowledgeBase"
+        })
+    except Exception as e:
+        # Handle exceptions
+        logging.error(f"Error: {e}")
+        raise HTTPException(status_code=500, detail="Internal Server Error")
+   
+
+#to insert into knowledgebase
+@app.post("/upload_document")
+async def upload_document(
+    request: Request,
+    company_id:str=Form(...),
+    uploadFile: UploadFile = File(...),
+    documentName: str = Form(...),
+    documentDescription: str = Form(...),
+    department: str = Form(...),
+    vectorDBflag:str=Form(...),
+    version: str = Form(...),
+    lastUpdated: str = Form(...)
+):
+    try:
+        # Save the uploaded file
+        upload_folder = "uploads/"
+        os.makedirs(upload_folder, exist_ok=True)
+        file_path = os.path.join(upload_folder, uploadFile.filename)
+        
+        with open(file_path, "wb") as buffer:
+            shutil.copyfileobj(uploadFile.file, buffer)
+        
+        # Save the details to the database
+        cnx = get_db_connection()
+        cursor = cnx.cursor()
+        query = """
+            INSERT INTO knowledge_base (company_id,file_path, document_name, document_desc, department, version,vectorDBflag, last_updated)
+            VALUES (%s,%s, %s, %s, %s, %s,%s, %s)
+        """
+        values = (company_id,file_path, documentName, documentDescription, department, version,vectorDBflag, lastUpdated)
+        cursor.execute(query, values)
+        cnx.commit()
+        row_id=cursor.lastrowid
+        cursor.close()
+        cnx.close()
+        
+        logging.info(f"Document {documentName} uploaded successfully")
+        return JSONResponse(status_code=200, content={"message": "Data saved successfully", "row_id": row_id})
+        #return RedirectResponse(url="/knowledgebase", status_code=302)
+    except mysql.connector.Error as err:
+        logging.error(f"Database error: {err}")
+        raise HTTPException(status_code=500, detail="Internal Server Error")
+    
+#to retrieve from knowledgebase   
+@app.get("/api/document_upload")
+async def get_document(company_id: str = Query(...)):
+    print(f"Received companyId and name: {company_id}")  # Log rec
+    #async def get_data_connectors(company_id: str, company_name: str):
+    logging.info(f"Received request for company_id  and company_id: {company_id}")
+    try:
+        cnx = get_db_connection()
+        cursor = cnx.cursor()
+        query = """
+            SELECT kb.kid,kb.company_id, kb.file_path, kb.document_name, kb.document_desc,kb.department,kb.version,kb.vectorDBflag,kb.last_updated
+            FROM u852023448_redmindgpt.knowledge_base kb
+            JOIN u852023448_redmindgpt.company_detail cd ON kb.company_id = cd.company_id 
+            WHERE kb.company_id = %s 
+        """
+        logging.info(f"Executing query: {query} with company_id: {company_id}")
+        params = (company_id,)
+        logging.info(f"Query parameters: {params}")
+        print(f"Query parameters: {params}")
+
+        cursor.execute(query, params)  # Pa
+        result = cursor.fetchall()
+        logging.info(f"Query result: {result}")
+        cursor.close
+        cnx.close()
+        companies=[]
+        for row in result:
+            
+            companies.append({
+                "row_id":row[0],
+                "company_id": row[1],
+               "file_path":row[2],
+                "document_name": row[3],
+                "document_desc": row[4],
+                "department": row[5],
+                "version": row[6],
+                "vectorDBflag":row[7],
+                "last_updated": row[8]                
+            })
+        if companies:
+            return companies
+        else:
+            logging.warning(f"No document found for company_id: {company_id}")
+            raise HTTPException(status_code=404, detail="Data document not found")
+    except mysql.connector.Error as err:
+        logging.error(f"Database error: {err}")
+        raise HTTPException(status_code=500, detail="Internal Server Error")
+    
+ #on update of modal form the data table is refresh the  value in datatable          
+@app.get("/api/document_update")
+async def get_document(company_id: str = Query(...)):
+    print(f"Received companyId and name: {company_id},{company_id}")  # Log rec
+    #async def get_data_connectors(company_id: str, company_name: str):
+    logging.info(f"Received request for company_id  and company_id: {company_id},{company_id}")
+    try:
+        cnx = get_db_connection()
+        cursor = cnx.cursor()
+        query = """
+            SELECT kb.kid,kb.company_id, kb.file_path, kb.document_name, kb.document_desc,kb.department,kb.version,kb.vectorDBflag,kb.last_updated
+            FROM u852023448_redmindgpt.knowledge_base kb
+            JOIN u852023448_redmindgpt.company_detail cd ON kb.company_id = cd.company_id 
+            WHERE kb.company_id = %s 
+        """
+        logging.info(f"Executing query: {query} with company_id: {company_id}")
+        values= (company_id,)
+       # logging.info(f"Query parameters: {params}")
+        print(f"Query parameters: {values}")
+
+        cursor.execute(query, values)  # Pa
+        result = cursor.fetchall()
+        logging.info(f"Query result: {r.esult}")
+        cursor.close
+        cnx.close()
+        companies=[]
+        for row in result:
+            
+            companies.append({
+                "kid":row[0],
+                "company_id": row[1],
+               "file_path":row[2],
+                "document_name": row[3],
+                "document_desc": row[4],
+                "department": row[5],
+                "version": row[6],
+                "vectorDBflag":row[7],
+                "last_updated": row[8]                
+            })
+        if companies:
+            return companies
+        else:
+            logging.warning(f"No document found for company_id: {company_id}")
+            raise HTTPException(status_code=404, detail="Data document not found")
+    except mysql.connector.Error as err:
+        logging.error(f"Database error: {err}")
+        raise HTTPException(status_code=500, detail="Internal Server Error")
+       
+#to get data for view  in knowledgebase
+@app.get("/api/getknowledgebase/{company_id}")
+async def get_company_details(company_id: int):
+    company = await get_knowledge_from_db(company_id)
+    if not company:
+        raise HTTPException(status_code=404, detail="Company not found")
+    return company  
+      
+async def get_knowledge_from_db(company_id: int):
+    try:
+        # Establish a connection to the database
+        cnx = get_db_connection()
+        if cnx is None:
+            raise HTTPException(status_code=500, detail="Failed to connect to the database")
+        cursor = cnx.cursor(dictionary=True)
+        query = "SELECT * FROM knowledge_base WHERE kid = %s"
+        cursor.execute(query, (company_id,))
+        company = cursor.fetchone()
+        cursor.close()
+        cnx.close()
+        if company:
+            logging.debug(f"Extracted filename")
+            if company.get('file_path'):
+                company['file_path'] = os.path.basename(company['file_path'])
+                logging.debug(f"Extracted filename: {company['file_path']}")
+            return company
+        else:
+            raise HTTPException(status_code=404, detail="Company not found or file not found for the company")
+    except mysql.connector.Error as err:
+        logging.error(f"Error fetching company: {err}")
+        raise HTTPException(status_code=500, detail="Failed to fetch company")
+    
+# to edit the knowledgebase details    
+@app.put("/api/putknowledgebase/{companyId}")
+async def update_company_details(
+    request: Request,
+    companyId: int,
+    company_id: str = Form(...),
+    file_path: UploadFile = File(...),
+    documentName: str = Form(...),
+    documentDescription: str = Form(...),
+    department: str = Form(...),
+    version: str = Form(...),
+    vectorDBFlag: str = Form(...),
+    lastUpdated: str = Form(...)
+):
+    logging.info(f"Received request for company data with ID inside edit/update knowledgebase: {companyId}")
+    print(f"Received request for company data with ID inside edit/update knowledgebase file name: {file_path.filename}")
+    
+    # Create the upload folder if it doesn't exist
+    upload_folder = "uploads/"
+    os.makedirs(upload_folder, exist_ok=True)
+
+    # Construct the file path for saving
+    saved_file_path = os.path.join(upload_folder, file_path.filename)
+    
+    try:
+        # Save the uploaded file to the server
+        with open(saved_file_path, "wb") as buffer:
+            shutil.copyfileobj(file_path.file, buffer)
+    except Exception as e:
+        logging.error(f"Error saving file: {e}")
+        raise HTTPException(status_code=500, detail="Failed to save file")
+
+    # Prepare the company data dictionary
+    company_data = {
+        'kid': companyId,
+        'company_id': company_id,
+        'file_path': saved_file_path,  # Use the path where the file was saved
+        'document_name': documentName,
+        'document_desc': documentDescription,
+        'department': department,
+        'version': version,
+        'vectorDBflag': vectorDBFlag,
+        'last_updated': lastUpdated
+    }
+
+    # Update the knowledge base in the database
+    updated_company = await update_knowledge_in_db(companyId, company_data)
+    if not updated_company:
+        raise HTTPException(status_code=500, detail="Failed to update company")
+    return updated_company
+
+async def update_knowledge_in_db(kid: int, company_data: dict):
+    try:
+        logging.info(f"Updating knowledge base for ID: {kid}")
+        cnx = get_db_connection()
+        if cnx is None:
+            raise HTTPException(status_code=500, detail="Failed to connect to the database")
+
+        cursor = cnx.cursor()
+        update_query = """
+        UPDATE u852023448_redmindgpt.knowledge_base kb
+        SET kb.company_id = %s, kb.document_name = %s, kb.document_desc = %s, 
+            kb.department = %s, kb.version = %s, kb.vectorDBflag = %s, kb.last_updated = %s
+        WHERE kb.kid = %s;
+        """
+        logging.info(f"Executing update query: {update_query}")
+    
+        cursor.execute(update_query, (
+            company_data['company_id'],
+            company_data['document_name'],
+            company_data['document_desc'],
+            company_data['department'],
+            company_data['version'],
+            company_data['vectorDBflag'],
+            company_data['last_updated'],
+            kid
+        ))
+
+        cnx.commit()
+        success = cursor.rowcount > 0
+        cursor.close()
+        cnx.close()
+        
+        if not success:
+            logging.info("No rows updated")
+            return None
+        logging.info("Update successful")
+        return company_data
+    except mysql.connector.Error as err:
+        logging.error(f"Database error: {err}")
+        raise HTTPException(status_code=500, detail="Failed to update company")
+    except Exception as e:
+        logging.error(f"Unexpected error: {e}")
+        raise HTTPException(status_code=500, detail="Unexpected error occurred")
+
+
+def delete_knowledge_from_db(company_id: int) -> bool:
+    print(f"Received knowledge base company_id: {company_id}")  # Debug statement
+    logging.info(f"Received request for knowledgebase company id: {company_id}")
+    try:
+        # Establish a connection to the database
+        cnx = get_db_connection()
+        if cnx is None:
+            raise HTTPException(status_code=500, detail="Failed to connect to the database")
+        cursor = cnx.cursor()
+        delete_query = "DELETE FROM knowledge_base WHERE kid = %s"
+        cursor.execute(delete_query, (company_id,))
+        cnx.commit()
+        success = cursor.rowcount > 0
+        cursor.close()
+        cnx.close()
+        return success
+    except mysql.connector.Error as err:
+        logging.error(f"Error deleting company: {err}")
+        raise HTTPException(status_code=500, detail="Failed to delete company")
+        
+  #to perform delete operation in knowlegebase      
+@app.delete("/api/delknowledgebase/{company_id}")
+async def delete_company(company_id: int):
+    deletion_success = delete_knowledge_from_db(company_id)
+    if not deletion_success:
+        raise HTTPException(status_code=404, detail="Company not found or failed to delete")
+    return {"message": "Company deleted successfully"}
+
+ 
+@app.get("/data_connectors")
+async def data_connectors(request: Request):
+    try:
+        # Retrieve cookies
+        role = request.cookies.get("role")
+        company_id = request.cookies.get("company_id")
+
+        # Render the template with the role and company_id
+        return templates.TemplateResponse("data_connectors.html", {
+            "request": request,
+            "role": role,
+            "company_id": company_id,
+            "title": "Data Connectors"
+        })
+    except Exception as e:
+        # Handle exceptions
+        logging.error(f"Error: {e}")
+        raise HTTPException(status_code=500, detail="Internal Server Error")
+        
+#to insert into data_connectors
+@app.post("/save_data_connectors")
+async def save_data_connectors( request: Request,
+                                company_id: int = Form(...),
+                                database: List[str] = Form(...),
+                                server: str = Form(...),
+                                port: str = Form(...),
+                                databaseName:List[str]= Form(...),
+                                username: str=Form(...),
+                                password: str=Form(...),
+                                selectedTables: List[str] = Form(...)):
+    logging.info(f"Received form submission for database_connectors")
+    print(f"Received form submission for database_connectors")
+    try:
+        cnx = get_db_connection()
+        cursor = cnx.cursor()
+                # Check if the company_id already exists in the data_connectors table
+        check_query = "SELECT COUNT(*) FROM data_connectors WHERE company_id = %s"
+        cursor.execute(check_query, (company_id,))
+        exists = cursor.fetchone()[0] > 0
+
+        if exists:
+            # Update the existing record
+            query = """
+                UPDATE data_connectors
+                SET databasetype = %s, serverip = %s, port = %s, database_name = %s, username = %s, password = %s, dbtablename = %s
+                WHERE company_id = %s
+            """
+            values = (",".join(database), server, port, ",".join(databaseName), username, password or '', ",".join(selectedTables), company_id)
+            logging.info(f"Executing update query: {query} with values: {values}")
+            cursor.execute(query, values)
+            cnx.commit()
+            logging.info(f"Query executed successfully, {cursor.rowcount} row(s) updated")
+        else:
+            # Insert a new record
+            query = """
+                INSERT INTO data_connectors(company_id, databasetype, serverip, port, database_name, username, password, dbtablename)
+                VALUES (%s, %s, %s, %s, %s, %s, %s, %s)
+            """
+            values = (company_id, ",".join(database), server, port, ",".join(databaseName), username, password or '', ",".join(selectedTables))
+            logging.info(f"Executing insert query: {query} with values: {values}")
+            cursor.execute(query, values)
+            cnx.commit()
+            logging.info(f"Query executed successfully, {cursor.rowcount} row(s) inserted")
+
+        cursor.close()
+        cnx.close()
+        
+        # logging.info(f"Data_connectors for {database} processed successfully")
+        # return JSONResponse(content={"status": "success", "message": "Data saved successfully"}, status_code=200)
+        response = {
+            "msg": "Data saved successfully",
+            "url": "/save_data_connectors",  # The URL you want to redirect to
+            "created": True
+        }
+        return JSONResponse(content=response)
+        
+    
+    except mysql.connector.Error as err:
+        logging.error(f"Database error: {err}")
+        return JSONResponse(content={"status": "error", "message": "Internal Server Error"}, status_code=500)
+    except Exception as e:
+        logging.error(f"Unexpected error: {e}")
+        return JSONResponse(content={"status": "error", "message": "Unexpected Server Error"}, status_code=500)
+    
+@app.get("/api/check_data_connectors")
+async def get_data_connectors(company_id: str = Query(...), company_name: str = Query(...)):
+    print(f"Received companyId and name: {company_id},{company_name}")  # Log rec
+    #async def get_data_connectors(company_id: str, company_name: str):
+    logging.info(f"Received request for company_id  and company_id: {company_id},{company_name}")
+    try:
+        cnx = get_db_connection()
+        cursor = cnx.cursor()
+        query = """
+            SELECT dc.company_id, dc.databasetype, dc.serverip, dc.port,dc.database_name, dc.username, dc.password ,dc.dbtablename
+            FROM u852023448_redmindgpt.data_connectors dc
+            JOIN u852023448_redmindgpt.company_detail cd ON dc.company_id = cd.company_id 
+            WHERE dc.company_id = %s and cd.company_name=%s
+        """
+        logging.info(f"Executing query: {query} with company_id: {company_id}")
+        params = (company_id,company_name)
+        logging.info(f"Query parameters: {params}")
+        print(f"Query parameters: {params}")
+
+        cursor.execute(query, params)  # Pa
+        result = cursor.fetchone()
+        logging.info(f"Query result: {result}")
+        cursor.close()
+        cnx.close()
+        
+        if result:
+            databasetype = result[1]
+            dbtablename = result[7].split(',') if result[7] else []
+            logging.info(f"Data found for company_id: {company_id}")
+            return {
+                "company_id": result[0],
+                "databasetype":databasetype,
+                "serverip": result[2],
+                "port": result[3],
+                "database_name": result[4],
+                "username": result[5],
+                "password": result[6],
+                "dbtablename": dbtablename
+            }
+        else:
+            logging.warning(f"No data found for company_id: {company_id}")
+            raise HTTPException(status_code=404, detail="Data connector not found")
+    except mysql.connector.Error as err:
+        logging.error(f"Database error: {err}")
+        raise HTTPException(status_code=500, detail="Internal Server Error")
+ 
+@app.get("/API_connectors")
+async def API_connectors(request: Request):
+    try:
+        # Retrieve cookies
+        role = request.cookies.get("role")
+        company_id = request.cookies.get("company_id")
+
+        # Render the template with the role and company_id
+        return templates.TemplateResponse("API_connectors.html", {
+            "request": request,
+            "role": role,
+            "company_id": company_id,
+            "title":"API Connectors"
+        })
+    except Exception as e:
+        # Handle exceptions
+        logging.error(f"Error: {e}")
+        raise HTTPException(status_code=500, detail="Internal Server Error")
+  
+#save api connectors 
+@app.post("/api/save_api_details")
+async def API_saveconnectors(request: Request,
+                             company_id:int=Form(...),
+                             APIName:str=Form(...),
+                             APIEndpoint:str=Form(...),
+                             Auth_Bearer:str=Form(...),
+                             Inputjson:str=Form(...),
+                             OutputJson:str=Form(...),
+                             Description:str=Form(...)):
+    logging.info(f"Received form submission for database_connectors")
+    try:
+        cnx =get_db_connection()
+        cursor = cnx.cursor()
+        #databasetype_json=json.dumps(database)
+        query = "INSERT INTO api_connectors(company_id,api_name, api_endpoint, auth_token, input_param,output_json,description) VALUES (%s,%s, %s, %s, %s,%s,%s)"
+        values = (company_id, APIName, APIEndpoint, Auth_Bearer, Inputjson,OutputJson,Description)
+        logging.info(f"Executing query: {query} with values: {values}")
+        cursor.execute(query, values)
+        cnx.commit()
+        logging.info(f"Query executed successfully, {cursor.rowcount} row(s) affected")
+        row_id = cursor.lastrowid
+        cursor.close()
+        cnx.close()
+        logging.info(f"Data_connectors for {APIName} inserted successfully")
+        return JSONResponse(status_code=200, content={"message": "Data saved successfully", "row_id": row_id})
+        #return RedirectResponse(url="/data_connectors", status_code=302)
+    except mysql.connector.Error as err:
+        logging.error(f"Database error: {err}")
+        raise HTTPException(status_code=500, detail="Internal Server Error")
+ # retrieve api connectors   
+@app.get("/api/get_api_connectors")
+async def get_api_connectors(company_id: str = Query(...)):
+    print(f"Received companyId and name: {company_id}")  # Log rec
+    #async def get_data_connectors(company_id: str, company_name: str):
+    logging.info(f"Received request for company_id  and company_id: {company_id}")
+    try:
+        cnx =get_db_connection()
+        cursor = cnx.cursor()
+        query = """
+            SELECT ac.id, ac.company_id, ac.api_name, ac.api_endpoint,ac.auth_token,ac.input_param, ac.output_json, ac.description
+            FROM u852023448_redmindgpt.api_connectors ac
+            JOIN u852023448_redmindgpt.company_detail cd ON ac.company_id = cd.company_id 
+            WHERE ac.company_id = %s
+        """
+        logging.info(f"Executing query: {query} with company_id: {company_id}")
+        params = (company_id,)
+        logging.info(f"Query parameters: {params}")
+        print(f"Query parameters: {params}")
+
+        cursor.execute(query, params)  # Pa
+        result = cursor.fetchall()
+        logging.info(f"Query result: {result}")
+        cursor.close()
+        cnx.close()
+        companies=[]
+        for row in result:
+            companies.append({
+                "row_id":row[0],
+             "company_id": row[1],
+                "APIName":row[2],
+                "APIEndpoint": row[3]
+                # "Auth_Bearer": result[3],
+               # "Inputjson": result[4],
+                #"OutputJson": result[5],
+                #"description": result[6]
+                
+            })
+        if companies:
+            return companies
+        else:
+            logging.warning(f"No data found for company_id: {company_id}")
+            raise HTTPException(status_code=404, detail="Data connector not found")
+    except mysql.connector.Error as err:
+        logging.error(f"Database error: {err}")
+        raise HTTPException(status_code=500, detail="Internal Server Error")   
+ #to view the table details in modal
+@app.get("/api/viewapiconnectors/{company_id}")
+async def get_company_details(company_id: int):
+
+    company = await get_api_from_db(company_id)
+    if not company:
+        raise HTTPException(status_code=404, detail="Company not found")
+    return company  
+      
+async def get_api_from_db(company_id: int):
+    try:
+        # Establish a connection to the database
+        cnx = get_db_connection()
+        if cnx is None:
+            raise HTTPException(status_code=500, detail="Failed to connect to the database")
+        cursor = cnx.cursor(dictionary=True)
+        query = "SELECT * FROM api_connectors WHERE id = %s"
+        cursor.execute(query, (company_id,))
+        company = cursor.fetchone()
+        cursor.close()
+        cnx.close()
+        if company:
+           logging.info(f"api details:{company}")
+           return company
+        else:
+            raise HTTPException(status_code=404, detail="Company not found or file not found for the company")
+    except mysql.connector.Error as err:
+        logging.error(f"Error fetching company: {err}")
+        raise HTTPException(status_code=500, detail="Failed to fetch company")
+    #to edit the api details in modal form
+@app.put("/api/editapiconnectors/{companyId}")
+async def update_company_details(
+                             request: Request,
+                             companyId: int,
+                             company_id:str=Form(...),
+                             APIName:str=Form(...),
+                             APIEndpoint:str=Form(...),
+                             Auth_Bearer:str=Form(...),
+                             Inputjson:str=Form(...),
+                             OutputJson:str=Form(...),
+                             Description:str=Form(...)):
+    logging.info(f"Received form submission for database_connectors")
+    logging.info(f"Received request for company data with ID inside edit/update knowledgebase: {companyId}")
+     
+   # Prepare the company data dictionary
+    company_data = {
+        'kid': companyId,
+        'company_id': company_id,
+        'api_name': APIName,
+        'api_endpoint': APIEndpoint,
+        'auth_token': Auth_Bearer,
+        'input_param': Inputjson,
+        'output_json': OutputJson,
+        'description': Description
+    }
+
+    # Update the knowledge base in the database
+    updated_company = await update_api_in_db(companyId, company_data)
+    if not updated_company:
+        raise HTTPException(status_code=500, detail="Failed to update company")
+    return updated_company
+
+async def update_api_in_db(id: int, company_data: dict):
+    try:
+        logging.info(f"Updating api for ID: {id}")
+        cnx = get_db_connection()
+        if cnx is None:
+            raise HTTPException(status_code=500, detail="Failed to connect to the database")
+
+        cursor = cnx.cursor()
+        update_query = """
+        UPDATE u852023448_redmindgpt.api_connectors ac
+        SET ac.company_id = %s, ac.api_name = %s, ac.api_endpoint= %s, 
+            ac.auth_token= %s, ac.input_param= %s,ac.output_json = %s, ac.description= %s
+        WHERE ac.id = %s;
+        """
+        logging.info(f"Executing update query: {update_query}")
+       
+        cursor.execute(update_query, (
+           company_data['company_id'],
+            company_data['api_name'],
+            company_data['api_endpoint'],
+            company_data['auth_token'],
+            company_data['input_param'],
+            company_data['output_json'],
+            company_data['description'],
+            id
+        ))
+
+        cnx.commit()
+        success = cursor.rowcount > 0
+        cursor.close()
+        cnx.close()
+        
+        if not success:
+            logging.info("No rows updated")
+            return None
+        logging.info("Update successful")
+        return company_data
+    except mysql.connector.Error as err:
+        logging.error(f"Database error: {err}")
+        raise HTTPException(status_code=500, detail="Failed to update company")
+    except Exception as e:
+        logging.error(f"Unexpected error: {e}")
+        raise HTTPException(status_code=500, detail="Unexpected error occurred")
+ 
+#on update of modal form the data table is refreshed to dispalyupdated value in datatable   
+@app.get("/api/api_updatetable")
+async def get_document(company_id: str = Query(...)):
+    print(f"Received companyId and name for api datatable update: {company_id},{company_id}")  # Log rec
+    #async def get_data_connectors(company_id: str, company_name: str):
+    logging.info(f"Received request for company_id  and company_id: {company_id},{company_id}")
+    try:
+        cnx = get_db_connection()
+        cursor = cnx.cursor()
+        query="""  SELECT ac.id,ac.company_id, ac.api_name, ac.api_endpoint,ac.auth_token,ac.input_param, ac.output_json, ac.description
+            FROM u852023448_redmindgpt.api_connectors ac
+            JOIN u852023448_redmindgpt.company_detail cd ON ac.company_id = cd.company_id 
+            WHERE ac.company_id = %s 
+        """
+        logging.info(f"Executing query: {query} with company_id: {company_id}")
+        values= (company_id,)
+       # logging.info(f"Query parameters: {params}")
+        print(f"Query parameters: {values}")
+
+        cursor.execute(query, values)  # Pa
+        result = cursor.fetchall()
+        logging.info(f"Query result for update table: {result}")
+        cursor.close
+        cnx.close()
+        companies=[]
+        for row in result:
+            
+            companies.append({
+               "row_id":row[0],
+             "company_id": row[1],
+                "api_name":row[2],
+                "api_endpoint": row[3],
+            #      "Auth_Bearer": row[4],
+            #    "Inputjson": row[5],
+            #     "OutputJson": row[6],
+            #     "description": row[7]
+                
+            })
+        if companies:
+            return companies
+        else:
+            logging.warning(f"No document found for company_id: {company_id}")
+            raise HTTPException(status_code=404, detail="Data document not found")
+    except mysql.connector.Error as err:
+        logging.error(f"Database error: {err}")
+        raise HTTPException(status_code=500, detail="Internal Server Error")
+    
+    #to delete api details from db
+@app.delete("/api/deleteapi/{company_id}")
+async def delete_company(company_id: int):
+    deletion_success = delete_api_from_db(company_id)
+    if not deletion_success:
+        raise HTTPException(status_code=404, detail="Company not found or failed to delete")
+    return {"message": "Company deleted successfully"}
+ 
+def delete_api_from_db(company_id: int) -> bool:
+    print(f"Received api for company_id: {company_id}")  # Debug statement
+    logging.info(f"Received request for api for company id: {company_id}")
+    try:
+        # Establish a connection to the database
+        cnx = get_db_connection()
+        if cnx is None:
+            raise HTTPException(status_code=500, detail="Failed to connect to the database")
+        cursor = cnx.cursor()
+        delete_query = "DELETE FROM api_connectors WHERE id = %s"
+        cursor.execute(delete_query, (company_id,))
+        cnx.commit()
+        success = cursor.rowcount > 0
+        cursor.close()
+        cnx.close()
+        return success
+    except mysql.connector.Error as err:
+        logging.error(f"Error deleting company: {err}")
+        raise HTTPException(status_code=500, detail="Failed to delete company")
+    
+
+@app.get("/prompt_template")
+async def prompt_template(request: Request):
+    try:
+        # Retrieve cookies
+        role = request.cookies.get("role")
+        company_id = request.cookies.get("company_id")
+
+        # Render the template with the role and company_id
+        return templates.TemplateResponse("prompt_template.html", {
+            "request": request,
+            "role": role,
+            "company_id": company_id,
+            "title":"Prompt Templates"
+        })
+    except Exception as e:
+        # Handle exceptions
+        logging.error(f"Error: {e}")
+        raise HTTPException(status_code=500, detail="Internal Server Error")
+# to insert into prompt templates
+@app.post("/api/save_prompt_details")
+async def prompt_saveconnectors(request: Request,
+                             company_id:int=Form(...),
+                             scenario:str=Form(...),
+                             sampleprompt:str=Form(...),
+                             comments:str=Form(...),
+                           ):
+    logging.info(f"Received form submission for database_connectors")
+    try:
+        cnx =get_db_connection()
+        cursor = cnx.cursor()
+        #databasetype_json=json.dumps(database)
+        query = "INSERT INTO prompt_templates(company_id,scenario, prompts, comments) VALUES (%s,%s, %s, %s)"
+        values = (company_id, scenario, sampleprompt, comments)
+        logging.info(f"Executing query: {query} with values: {values}")
+        cursor.execute(query, values)
+        cnx.commit()
+        logging.info(f"Query executed successfully, {cursor.rowcount} row(s) affected")
+        row_id = cursor.lastrowid  # Get the last inserted row_id
+        cursor.close()
+        cnx.close()
+        logging.info(f"Data_connectors for {scenario} inserted successfully")
+        return JSONResponse(status_code=200, content={"message": "Data saved successfully", "row_id": row_id})
+        #return RedirectResponse(url="/prompt_template", status_code=302)
+    except mysql.connector.Error as err:
+        logging.error(f"Database error: {err}")
+        raise HTTPException(status_code=500, detail="Internal Server Error")
+ # retrieve api connectors   
+@app.get("/api/get_prompt_templates")
+async def get_prompt_connectors(company_id: str = Query(...)):
+    print(f"Received companyId and name: {company_id}")  # Log rec
+    #async def get_data_connectors(company_id: str, company_name: str):
+    logging.info(f"Received request for company_id  and company_id: {company_id}")
+    try:
+        cnx =get_db_connection()
+        cursor = cnx.cursor()
+        query = """
+            SELECT pt.id,pt.company_id,pt.scenario,pt.prompts,pt.comments
+            FROM u852023448_redmindgpt.prompt_templates pt
+            JOIN u852023448_redmindgpt.company_detail cd ON pt.company_id = cd.company_id 
+            WHERE pt.company_id = %s 
+        """
+        logging.info(f"Executing query: {query} with company_id: {company_id}")
+        params = (company_id,)
+        logging.info(f"Query parameters: {params}")
+        print(f"Query parameters: {params}")
+
+        cursor.execute(query, params)  # Pa
+        result = cursor.fetchall()
+        logging.info(f"Query result: {result}")
+        cursor.close()
+        cnx.close()
+        companies=[]
+        for row in result:
+            companies.append({
+                "row_id":row[0],
+             "company_id": row[1],
+                "scenario":row[2],
+                "prompt": row[3]
+                # "Auth_Bearer": result[3],
+               # "Inputjson": result[4],
+                #"OutputJson": result[5],
+                #"description": result[6]
+                
+            })
+        if companies:
+            return companies
+        else:
+            logging.warning(f"No data found for company_id: {company_id}")
+            raise HTTPException(status_code=404, detail="Data connector not found")
+    except mysql.connector.Error as err:
+        logging.error(f"Database error: {err}")
+        raise HTTPException(status_code=500, detail="Internal Server Error")  
+        
+def delete_prompt_template_from_db(row_id: int) -> bool:
+    logging.info(f"Received request for prompt_template company id: {row_id}")
+    logging.info(f"Received request for prompt_template row id: {row_id}")
+
+    try:
+        # Establish a connection to the database
+        cnx = get_db_connection()
+        if cnx is None:
+            raise HTTPException(status_code=500, detail="Failed to connect to the database")
+        cursor = cnx.cursor()
+        delete_query = "DELETE FROM prompt_templates WHERE id = %s"
+
+        logging.info(f"sql delete query for prompt template ===> {delete_query}")
+
+        cursor.execute(delete_query, (row_id,))
+        cnx.commit()
+        success = cursor.rowcount > 0
+        logging.info (f"deleted succesfully ! ===> {success}")
+
+        cursor.close()
+        cnx.close()
+        return success
+    except mysql.connector.Error as err:
+        print('python')
+        logging.error(f"Error deleting company: {err}")
+        raise HTTPException(status_code=500, detail="Failed to delete company")
+
+@app.delete("/api/prompt_template_for_del/{row_id}")
+async def delete_company(row_id: int):
+    deletion_success = delete_prompt_template_from_db(row_id)
+    logging.info(f"company row_id +++> {row_id}")
+    
+    if not deletion_success:
+        raise HTTPException(status_code=404, detail="Company not found or failed to delete")
+    return {"message": "Company deleted successfully"}
+
+# promt_template view function ! ............
+
+#to get data for view  in promt_templae by id
+@app.get("/api/getpromttemplate/{company_id}")
+async def get_promt_company_details(company_id: int):
+    company = await get_promt_from_db(company_id)
+    if not company:
+        raise HTTPException(status_code=404, detail="Company not found")
+    return company  
+      
+async def get_promt_from_db(company_id: int):
+    try:
+        # Establish a connection to the database
+        cnx = get_db_connection()
+        if cnx is None:
+            raise HTTPException(status_code=500, detail="Failed to connect to the database")
+        cursor = cnx.cursor(dictionary=True)
+        query = "SELECT * FROM prompt_templates  WHERE id = %s"
+        logging.info(f"row_id  in db addresss ========>  {company_id}")
+
+        cursor.execute(query, (company_id,))
+        company = cursor.fetchone()
+        cursor.close()
+        cnx.close()
+        if company:
+           logging.info(f"row_id  in db addresss ========>  {company}")
+           return company
+        
+        else:
+            raise HTTPException(status_code=404, detail="Company not found or file not found for the company")
+    except mysql.connector.Error as err:
+        logging.error(f"Error fetching company: {err}")
+        raise HTTPException(status_code=500, detail="Failed to fetch company")
+    
+# Function to update company details
+@app.put("/api/putprompttemplates/{kid}")
+async def update_company_details(
+    kid: int,
+    scenario: str = Form(...),
+    prompt: str = Form(...),
+    comments: str = Form(...)
+):
+    logging.info(f"Received request for company data with ID: {kid}")
+    company_data = {
+        'scenario': scenario,
+        'prompts': prompt,
+        'comments': comments,
+    }
+    updated_company = await update_prompt_in_db(kid, company_data)
+    if not updated_company:
+        raise HTTPException(status_code=500, detail="Failed to update company")
+    return updated_company
+
+# Database query function to update company data
+async def update_prompt_in_db(kid: int, company_data: dict):
+    try:
+        logging.info(f"Updating prompt for ID: {kid}")
+        cnx = get_db_connection()
+        if cnx is None:
+            raise HTTPException(status_code=500, detail="Failed to connect to the database")
+        
+        cursor = cnx.cursor()
+        update_query = """
+        UPDATE u852023448_redmindgpt.prompt_templates pt
+        SET pt.scenario=%s, pt.prompts=%s, pt.comments=%s
+        WHERE pt.id = %s;
+        """
+        logging.info(f"row_id in prompt db address ========> {kid}")
+        logging.info(f"SQL update query for company ===> {update_query}")
+        
+        cursor.execute(update_query, (
+            company_data['scenario'],
+            company_data['prompts'],
+            company_data['comments'],
+            kid
+        ))
+
+        cnx.commit()
+        success = cursor.rowcount > 0
+        cursor.close()
+        cnx.close()
+
+        if not success:
+            return None
+        return company_data
+
+    except mysql.connector.Error as err:
+        logging.error(f"Error updating company: {err}")
+        raise HTTPException(status_code=500, detail="Failed to update company")
+    
+# to refresh prompt data table     
+@app.get("/api/prompt_update")
+async def get_document(company_id: str = Query(...)):
+    print(f"Received companyId and name: {company_id},{company_id}")  # Log rec
+    #async def get_data_connectors(company_id: str, company_name: str):
+    logging.info(f"Received request for company_id  and company_id: {company_id},{company_id}")
+    try:
+        cnx = get_db_connection()
+        cursor = cnx.cursor()
+        query = """
+             SELECT pt.id,pt.company_id,pt.scenario,pt.prompts,pt.comments
+            FROM u852023448_redmindgpt.prompt_templates pt
+            JOIN u852023448_redmindgpt.company_detail cd ON pt.company_id = cd.company_id 
+            WHERE pt.company_id = %s 
+        """
+        logging.info(f"Executing query: {query} with company_id: {company_id}")
+        values= (company_id,)
+       # logging.info(f"Query parameters: {params}")
+        print(f"Query parameters: {values}")
+
+        cursor.execute(query, values)  # Pa
+        result = cursor.fetchall()
+        logging.info(f"Query result: {result}")
+        cursor.close
+        cnx.close()
+        companies=[]
+        for row in result:
+            companies.append({
+                'id':row[0],
+                "company_id": row[1],
+                "scenario":row[2],
+                "prompts": row[3]
+                # "Auth_Bearer": result[3],
+               # "Inputjson": result[4],
+                #"OutputJson": result[5],
+                #"description": result[6]
+                
+            })
+        if companies:
+            logging.info(f"the  primary key id is {companies}")
+            return companies
+        else:
+            logging.warning(f"No document found for company_id: {company_id}")
+            raise HTTPException(status_code=404, detail="Data document not found")
+    except mysql.connector.Error as err:
+        logging.error(f"Database error: {err}")
+        raise HTTPException(status_code=500, detail="Internal Server Error")
+
+@app.get("/chatbot")
+async def chatbot(request: Request):
+    return templates.TemplateResponse("chatbot.html", {"request": request,"title":"Chatbot"})
+
+if __name__ == "__main__":
+    import uvicorn
+    uvicorn.run(app, host="127.0.0.1", port=8000)

config/settings.py

@@ -0,0 +1,4 @@
+import os
+
+class Settings:
+    DB_URI = "mysql+mysqlconnector://redmindgen:51([email protected]:3306/collegedb"

redmindgen.log

@@ -0,0 +1,236 @@
+2024-06-26 15:05:45,671 - INFO - File upload start
+2024-06-26 15:06:10,308 - INFO - File upload start
+2024-06-26 20:56:57,535 - INFO - File upload start
+2024-06-27 10:23:14,083 - INFO - File upload start
+2024-06-27 10:25:33,473 - INFO - File upload start
+2024-06-27 19:46:45,688 - INFO - File upload start
+2024-06-28 11:30:27,909 - INFO - File upload start
+2024-06-28 11:31:34,367 - INFO - File upload start
+2024-06-28 11:45:59,119 - INFO - File upload start
+2024-06-28 12:03:18,147 - INFO - File upload start
+2024-06-28 12:23:09,794 - INFO - File upload start
+2024-06-28 12:40:34,867 - INFO - File upload start
+2024-06-28 12:50:31,907 - INFO - File upload start
+2024-06-28 12:52:50,973 - INFO - File upload start
+2024-06-28 14:13:58,362 - INFO - File upload start
+2024-06-28 14:15:39,003 - INFO - File upload start
+2024-06-28 14:16:38,501 - INFO - File upload start
+2024-06-28 14:30:55,406 - INFO - File upload start
+2024-06-28 14:31:33,800 - INFO - File upload start
+2024-06-28 14:32:14,903 - INFO - File upload start
+2024-06-28 14:33:13,832 - INFO - File upload start
+2024-06-28 14:37:37,770 - INFO - File upload start
+2024-06-28 14:38:27,848 - INFO - File upload start
+2024-06-28 14:38:45,450 - INFO - File upload start
+2024-06-28 14:39:22,595 - INFO - File upload start
+2024-06-28 14:41:45,804 - INFO - File upload start
+2024-06-28 14:42:28,047 - INFO - File upload start
+2024-06-28 14:42:52,537 - INFO - File upload start
+2024-06-28 14:42:55,555 - INFO - File upload start
+2024-06-28 14:43:43,017 - INFO - File upload start
+2024-06-28 14:46:42,645 - INFO - File upload start
+2024-06-28 14:47:57,404 - INFO - File upload start
+2024-06-28 14:51:18,761 - INFO - File upload start
+2024-06-28 14:51:45,278 - INFO - File upload start
+2024-06-28 14:52:18,757 - INFO - File upload start
+2024-06-28 14:54:31,946 - INFO - File upload start
+2024-06-28 14:54:43,198 - INFO - File upload start
+2024-07-05 14:37:16,254 - INFO - File upload start
+2024-07-09 10:24:45,033 - INFO - File upload start
+2024-07-09 10:27:12,902 - INFO - File upload start
+2024-07-09 10:28:05,599 - INFO - File upload start
+2024-07-09 10:28:32,249 - INFO - File upload start
+2024-07-09 10:30:40,884 - INFO - File upload start
+2024-07-09 10:32:49,297 - INFO - File upload start
+2024-07-09 10:33:52,842 - INFO - File upload start
+2024-07-09 10:36:09,099 - INFO - File upload start
+2024-07-09 10:41:58,156 - INFO - File upload start
+2024-07-09 10:44:11,534 - INFO - File upload start
+2024-07-09 13:48:26,883 - INFO - File upload start
+2024-07-09 13:51:02,458 - INFO - File upload start
+2024-07-09 13:52:43,802 - INFO - File upload start
+2024-07-09 13:53:24,800 - INFO - File upload start
+2024-07-09 14:13:09,374 - INFO - File upload start
+2024-07-09 14:15:08,118 - INFO - File upload start
+2024-07-09 14:20:15,337 - INFO - File upload start
+2024-07-09 15:18:47,858 - INFO - File upload start
+2024-07-09 15:20:43,515 - INFO - File upload start
+2024-07-09 15:22:10,977 - INFO - File upload start
+2024-07-09 15:23:11,741 - INFO - File upload start
+2024-07-09 15:24:02,811 - INFO - File upload start
+2024-07-09 15:24:51,644 - INFO - File upload start
+2024-07-09 15:26:57,307 - INFO - File upload start
+2024-07-09 15:27:47,890 - INFO - File upload start
+2024-07-09 15:28:54,605 - INFO - File upload start
+2024-07-09 15:32:04,124 - INFO - File upload start
+2024-07-10 10:48:52,249 - INFO - File upload start
+2024-07-18 12:33:01,569 - INFO - File upload start
+2024-07-18 12:43:49,151 - INFO - File upload start
+2024-07-18 12:50:59,304 - INFO - File upload start
+2024-07-18 12:51:05,343 - INFO - File upload start
+2024-07-18 13:46:12,984 - INFO - File upload start
+2024-07-18 13:47:27,113 - INFO - File upload start
+2024-07-18 13:53:14,622 - INFO - File upload start
+2024-07-18 13:55:23,502 - INFO - File upload start
+2024-07-18 14:08:29,239 - INFO - File upload start
+2024-07-18 14:16:55,475 - INFO - File upload start
+2024-07-18 14:25:44,967 - INFO - File upload start
+2024-07-18 14:36:46,313 - INFO - File upload start
+2024-07-18 14:40:11,808 - INFO - File upload start
+2024-07-18 14:40:42,615 - INFO - Received question: what is the weather in chennai
+2024-07-18 14:40:43,629 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-18 14:40:55,968 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-18 14:40:55,984 - INFO - Executing SQL query: This question is not related to the provided database schema, as it is about the weather in a specific location (Chennai) and cannot be answered using the data in the tables. You would need to use a weather API or service to get the current weather information for Chennai.
+2024-07-18 14:40:56,620 - ERROR - Error executing query: This question is not related to the provided database schema, as it is about the weather in a specific location (Chennai) and cannot be answered using the data in the tables. You would need to use a weather API or service to get the current weather information for Chennai., Error: (mysql.connector.errors.ProgrammingError) 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'This question is not related to the provided database schema, as it is about the' at line 1
+[SQL: This question is not related to the provided database schema, as it is about the weather in a specific location (Chennai) and cannot be answered using the data in the tables. You would need to use a weather API or service to get the current weather information for Chennai.]
+(Background on this error at: https://sqlalche.me/e/20/f405)
+2024-07-18 14:40:57,382 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-18 14:41:08,706 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-18 14:41:08,720 - INFO - Executing SQL query: This question is not related to the provided database schema and cannot be answered using SQL queries. You may need to use a weather API or service to get the current weather information for Chennai.
+2024-07-18 14:41:09,363 - ERROR - Error executing query: This question is not related to the provided database schema and cannot be answered using SQL queries. You may need to use a weather API or service to get the current weather information for Chennai., Error: (mysql.connector.errors.ProgrammingError) 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'This question is not related to the provided database schema and cannot be answe' at line 1
+[SQL: This question is not related to the provided database schema and cannot be answered using SQL queries. You may need to use a weather API or service to get the current weather information for Chennai.]
+(Background on this error at: https://sqlalche.me/e/20/f405)
+2024-07-18 14:41:10,032 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-18 14:41:21,325 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-18 14:41:21,335 - INFO - Executing SQL query: This question is not related to the provided database schema and cannot be answered using SQL queries. You may need to use a weather API or service to get the current weather information for Chennai.
+2024-07-18 14:41:43,996 - INFO - File upload start
+2024-07-18 14:42:14,242 - INFO - Received question: what is the college name
+2024-07-18 14:42:15,023 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-18 14:42:27,078 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-18 14:42:27,094 - INFO - Executing SQL query: SELECT CollegeName
+FROM buildings;
+2024-07-18 14:42:27,843 - INFO - Query successful: [('SCCC',), ('SCCC',), ('SCCC',), ('SCCC',), ('SCCC',)]
+2024-07-18 14:42:28,479 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-18 14:42:29,471 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-18 14:42:29,476 - INFO - Response generated: The college name is SCCC.
+2024-07-18 14:44:53,957 - INFO - File upload start
+2024-07-18 14:54:50,464 - INFO - File upload start
+2024-07-18 14:55:14,833 - INFO - File upload start
+2024-07-18 14:55:40,011 - INFO - Received question: what is the college name
+2024-07-18 14:55:40,909 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-18 14:55:51,399 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-18 14:55:51,415 - INFO - Executing SQL query: SELECT CollegeName
+FROM buildings;
+2024-07-18 14:55:52,048 - INFO - Query successful: [('SCCC',), ('SCCC',), ('SCCC',), ('SCCC',), ('SCCC',)]
+2024-07-18 14:55:52,599 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-18 14:55:53,523 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-18 14:55:53,526 - INFO - Response generated: The college name is SCCC (retrieved from the database).
+2024-07-18 14:59:35,543 - INFO - Received question: what is the college name
+2024-07-18 14:59:36,526 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-18 14:59:48,046 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-18 14:59:48,046 - INFO - Executing SQL query: SELECT CollegeName
+FROM buildings;
+2024-07-18 14:59:48,723 - INFO - Query successful: [('SCCC',), ('SCCC',), ('SCCC',), ('SCCC',), ('SCCC',)]
+2024-07-18 14:59:49,583 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-18 14:59:50,459 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-18 14:59:50,461 - INFO - Response generated: The college name is "SCCC".
+2024-07-19 10:58:51,724 - INFO - File upload start
+2024-07-19 11:25:35,546 - WARNING - Did not find CR at end of boundary (40)
+2024-07-19 11:26:36,567 - WARNING - Did not find CR at end of boundary (40)
+2024-07-19 11:29:24,545 - INFO - File upload start
+2024-07-19 11:29:46,970 - INFO - Received question: what is the college name
+2024-07-19 11:29:47,868 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 11:29:59,588 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 11:29:59,602 - INFO - Executing SQL query: SELECTSELECT CollegeName
+FROM buildings;
+2024-07-19 11:30:00,235 - ERROR - Error executing query: SELECTSELECT CollegeName
+FROM buildings;, Error: (mysql.connector.errors.ProgrammingError) 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'SELECTSELECT CollegeName
+FROM buildings' at line 1
+[SQL: SELECTSELECT CollegeName
+FROM buildings;]
+(Background on this error at: https://sqlalche.me/e/20/f405)
+2024-07-19 11:30:00,856 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 11:30:11,376 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 11:30:11,378 - INFO - Executing SQL query: SELECT CollegeName
+FROM buildings;
+2024-07-19 11:30:12,379 - INFO - Query successful: [('SCCC',), ('SCCC',), ('SCCC',), ('SCCC',), ('SCCC',)]
+2024-07-19 11:30:13,039 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 11:30:14,129 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 11:30:14,130 - INFO - Response generated: The college name is SCCC (appears multiple times in the data).
+2024-07-19 11:31:25,438 - INFO - Received question: what is the college name
+2024-07-19 11:31:26,456 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 11:31:36,647 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 11:31:36,649 - INFO - Executing SQL query: SELECT CollegeName
+FROM buildings;
+2024-07-19 11:31:37,289 - INFO - Query successful: [('SCCC',), ('SCCC',), ('SCCC',), ('SCCC',), ('SCCC',)]
+2024-07-19 11:31:38,107 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 11:31:39,172 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 11:31:39,173 - INFO - Response generated: The college name is SCCC (repeated multiple times in the data).
+2024-07-19 11:32:01,191 - INFO - Received question: what is the college name
+2024-07-19 11:32:01,981 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 11:32:13,386 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 11:32:13,388 - INFO - Executing SQL query: SELECT CollegeName
+FROM buildings;
+2024-07-19 11:32:14,108 - INFO - Query successful: [('SCCC',), ('SCCC',), ('SCCC',), ('SCCC',), ('SCCC',)]
+2024-07-19 11:32:14,872 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 11:32:15,784 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 11:32:15,786 - INFO - Response generated: The college name is SCCC.
+2024-07-19 12:32:42,687 - INFO - File upload start
+2024-07-19 12:33:09,641 - INFO - File upload start
+2024-07-19 12:33:47,562 - INFO - File upload start
+2024-07-19 12:34:08,515 - INFO - Received question: what are the faculty names
+2024-07-19 12:34:09,305 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 12:34:21,872 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 12:34:21,884 - INFO - Executing SQL query: SELECT FacultyName AS name FROM faculty;
+2024-07-19 12:34:22,691 - INFO - Query successful: [('Tanya Ferguson',), ("Guy O'Neill",), ('Dennis Wilks',), ('Kenneth Mason',), ('Mike Briley',), ('Mary George',), ('June Walkters',), ('Angela Mendez',), ('John Leak',), ('Carey Cochran',)]
+2024-07-19 12:34:23,315 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 12:34:25,037 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 12:34:25,037 - INFO - Response generated: The faculty names are as follows:
+1. Tanya Ferguson
+2. Guy O'Neill
+3. Dennis Wilks
+4. Kenneth Mason
+5. Mike Briley
+6. Mary George
+7. June Walkters
+8. Angela Mendez
+9. John Leak
+10. Carey Cochran
+2024-07-19 12:35:10,296 - INFO - Received question: what is the college name
+2024-07-19 12:35:11,275 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 12:35:23,826 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 12:35:23,826 - INFO - Executing SQL query: SELECT CollegeName
+FROM buildings;
+2024-07-19 12:35:24,533 - INFO - Query successful: [('SCCC',), ('SCCC',), ('SCCC',), ('SCCC',), ('SCCC',)]
+2024-07-19 12:35:25,144 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 12:35:26,577 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 12:35:26,577 - INFO - Response generated: The college name is SCCC (repeated multiple times in the database).
+2024-07-19 13:17:17,036 - INFO - File upload start
+2024-07-19 13:19:33,261 - INFO - File upload start
+2024-07-19 13:21:21,623 - INFO - Received question: what is the college name
+2024-07-19 13:21:22,303 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 13:21:33,883 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 13:21:33,890 - INFO - Executing SQL query: SELECT CollegeName
+FROM buildings;
+2024-07-19 13:21:34,550 - INFO - Query successful: [('SCCC',), ('SCCC',), ('SCCC',), ('SCCC',), ('SCCC',)]
+2024-07-19 13:21:35,158 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 13:21:35,946 - INFO - HTTP Request: POST https://api.openai.com/v1/chat/completions "HTTP/1.1 200 OK"
+2024-07-19 13:21:35,949 - INFO - Response generated: The college name is SCCC.
+2024-07-19 14:53:48,407 - INFO - File upload start
+2024-07-22 10:12:26,425 - INFO - File upload start
+2024-07-22 10:12:43,516 - INFO - File upload start
+2024-07-22 10:29:30,854 - INFO - File upload start
+2024-07-22 10:34:39,763 - INFO - File upload start
+2024-07-22 10:45:52,996 - INFO - File upload start
+2024-07-22 10:54:35,696 - ERROR - Error handling file uploads: expected str, bytes or os.PathLike object, not NoneType
+2024-07-22 11:03:11,588 - ERROR - Error handling file uploads: expected str, bytes or os.PathLike object, not NoneType
+2024-07-22 11:32:50,544 - ERROR - Error handling file uploads: expected str, bytes or os.PathLike object, not NoneType
+2024-07-22 11:34:11,514 - INFO - File upload start
+2024-07-22 11:35:17,929 - ERROR - Error handling file uploads: expected str, bytes or os.PathLike object, not NoneType
+2024-07-22 11:35:51,872 - INFO - File upload start
+2024-07-22 11:35:55,811 - ERROR - Error handling file uploads: expected str, bytes or os.PathLike object, not NoneType
+2024-07-22 11:47:11,227 - ERROR - Error handling file uploads: expected str, bytes or os.PathLike object, not NoneType
+2024-07-22 11:57:15,569 - INFO - File upload start
+2024-07-22 12:08:32,603 - INFO - File upload start
+2024-07-22 12:09:31,581 - INFO - File upload start
+2024-07-22 12:10:00,231 - ERROR - Error handling file uploads: expected str, bytes or os.PathLike object, not NoneType
+2024-07-22 12:11:49,767 - INFO - File upload start
+2024-07-22 12:12:11,229 - ERROR - Error handling file uploads: expected str, bytes or os.PathLike object, not NoneType
+2024-07-22 12:12:33,191 - INFO - File upload start
+2024-07-22 12:12:42,069 - ERROR - Error handling file uploads: expected str, bytes or os.PathLike object, not NoneType
+2024-07-22 12:14:01,202 - ERROR - Error handling file uploads: expected str, bytes or os.PathLike object, not NoneType
+2024-07-22 12:30:49,041 - INFO - File upload start
+2024-07-22 12:31:09,887 - INFO - File upload start
+2024-07-22 12:32:09,656 - ERROR - Error handling file uploads: expected str, bytes or os.PathLike object, not NoneType
+2024-07-22 12:32:39,727 - INFO - File upload start
+2024-07-22 12:33:21,572 - ERROR - Error handling file uploads: expected str, bytes or os.PathLike object, not NoneType

requirements.txt

@@ -0,0 +1,78 @@
+aiohttp==3.9.5
+aiosignal==1.3.1
+annotated-types==0.7.0
+anyio==4.4.0
+attrs==23.2.0
+certifi==2024.6.2
+charset-normalizer==3.3.2
+click==8.1.7
+colorama==0.4.6
+dataclasses-json==0.6.7
+distro==1.9.0
+dnspython==2.6.1
+email_validator==2.1.1
+faiss-cpu==1.8.0
+fastapi==0.111.0
+fastapi-cli==0.0.4
+frozenlist==1.4.1
+greenlet==3.0.3
+h11==0.14.0
+httpcore==1.0.5
+httptools==0.6.1
+httpx==0.27.0
+idna==3.7
+itsdangerous==2.2.0
+Jinja2==3.1.4
+jsonpatch==1.33
+jsonpointer==3.0.0
+langchain==0.2.5
+langchain-community==0.2.5
+langchain-core==0.2.7
+langchain-openai==0.1.8
+langchain-text-splitters==0.2.1
+langsmith==0.1.77
+lxml==5.2.2
+markdown-it-py==3.0.0
+MarkupSafe==2.1.5
+marshmallow==3.21.3
+mdurl==0.1.2
+multidict==6.0.5
+mypy-extensions==1.0.0
+mysql-connector-python==8.4.0
+numpy==1.26.4
+openai==1.34.0
+openpyxl==3.1.4
+orjson==3.10.5
+packaging==24.1
+pydantic==2.7.4
+pydantic-extra-types==2.8.2
+pydantic-settings==2.3.3
+pydantic_core==2.18.4
+Pygments==2.18.0
+PyPDF2==3.0.1
+python-docx==1.1.2
+python-dotenv==1.0.1
+python-multipart==0.0.9
+PyYAML==6.0.1
+pandas==2.2.2
+regex==2024.5.15
+requests==2.32.3
+rich==13.7.1
+shellingham==1.5.4
+sniffio==1.3.1
+SQLAlchemy==2.0.30
+starlette==0.37.2
+tenacity==8.3.0
+tiktoken==0.7.0
+tqdm==4.66.4
+typer==0.12.3
+typing-inspect==0.9.0
+typing_extensions==4.12.2
+ujson==5.10.0
+urllib3==2.2.1
+uvicorn==0.30.1
+watchfiles==0.22.0
+websockets==12.0
+yarl==1.9.4
+asyncpg
+psycopg2

services/chat_service.py

@@ -0,0 +1,137 @@
+import os
+import logging
+from dotenv import load_dotenv
+from langchain.memory import ConversationSummaryMemory
+from langchain_core.prompts import ChatPromptTemplate
+from langchain_community.utilities import SQLDatabase
+from langchain_core.output_parsers import StrOutputParser
+from langchain_core.runnables import RunnablePassthrough
+from langchain_openai import ChatOpenAI
+from langchain_openai import OpenAIEmbeddings
+from langchain.agents import create_tool_calling_agent, AgentExecutor, Tool
+from langchain_community.vectorstores import FAISS
+from config.settings import Settings
+
+# Load environment variables
+load_dotenv()
+open_api_key_token = os.getenv('OPENAI_API_KEY')
+#db_uri = os.getenv('POST_DB_URI')
+db_uri = Settings.DB_URI
+
+class ChatAgentService:
+    def __init__(self):
+        # Database setup
+        self.db = SQLDatabase.from_uri(db_uri)
+        self.llm = ChatOpenAI(model="gpt-3.5-turbo-0125", api_key=open_api_key_token,max_tokens=150,temperature=0.2)
+        self.memory = ConversationSummaryMemory(llm=self.llm, return_messages=True)
+
+
+        # Tools setup
+        self.tools = [
+            Tool(
+                name="DatabaseQuery",
+                func=self.database_tool,
+                description="Queries the SQL database using dynamically generated SQL queries based on user questions. Aimed to retrieve structured data like counts, specific records, or summaries from predefined schemas.",
+                tool_choice="required"
+            ),
+            Tool(
+                name="DocumentData",
+                func=self.document_data_tool,
+                description="Searches through indexed documents to find relevant information based on user queries. Handles unstructured data from various document formats like PDF, DOCX, or TXT files.",
+                tool_choice="required"
+            ),
+        ]
+
+        # Agent setup
+        prompt_template = self.setup_prompt()
+        self.agent = create_tool_calling_agent(self.llm.bind(memory=self.memory), self.tools, prompt_template)
+        self.agent_executor = AgentExecutor(agent=self.agent, tools=self.tools, memory=self.memory, verbose=True)
+
+    def setup_prompt(self):
+        prompt_template = f"""
+        You are an assistant that helps with database queries and document retrieval.
+        Please base your responses strictly on available data and avoid assumptions.
+        If the question pertains to numerical data or structured queries, use the DatabaseQuery tool.
+        If the question relates to content within various documents, use the DocumentData tool.
+        Question: {{input}}
+        {{agent_scratchpad}}
+        """
+        return ChatPromptTemplate.from_template(prompt_template)
+
+    def database_tool(self, question):
+        sql_query = self.generate_sql_query(question)
+        return self.run_query(sql_query)
+
+    def get_schema(self,_):
+        # print(self.db.get_table_info())
+        return self.db.get_table_info()
+    def generate_sql_query(self, question):
+        schema = self.get_schema(None)  # Get the schema using the function
+        template_query_generation = """Generate a SQL query to answer the user's question based on the available database schema.
+        {schema}
+        Question: {question}
+        SQL Query:"""
+
+        prompt_query_generation = ChatPromptTemplate.from_template(template_query_generation)
+        # Correctly setting up the initial data dictionary for the chain
+        input_data = {'question': question}
+        # Setup the chain correctly
+        sql_chain = (RunnablePassthrough.assign(schema=self.get_schema)
+                     | prompt_query_generation
+                     | self.llm.bind(stop="\nSQL Result:")
+                     | StrOutputParser())
+
+        # Make sure to invoke with an empty dictionary if all needed data is already assigned
+        return sql_chain.invoke(input_data)
+
+    def run_query(self, query):
+        try:
+            logging.info(f"Executing SQL query: {query}")
+            result = self.db.run(query)
+            logging.info(f"Query successful: {result}")
+            return result
+        except Exception as e:
+            logging.error(f"Error executing query: {query}, Error: {str(e)}")
+            return None
+
+    def document_data_tool(self, query):
+        try:
+            logging.info(f"Searching documents for query: {query}")
+            embeddings = OpenAIEmbeddings(api_key=open_api_key_token)
+            index_paths = self.find_index_for_document(query)
+            responses = []
+            for index_path in index_paths:
+                vector_store = FAISS.load_local(index_path, embeddings, allow_dangerous_deserialization=True)
+                response = self.query_vector_store(vector_store, query)
+                responses.append(response)
+            logging.info(f"Document search results: {responses}")
+            return "\n".join(responses)
+        except Exception as e:
+            logging.error(f"Error in document data tool for query: {query}, Error: {str(e)}")
+            return "Error processing document query."
+
+    def find_index_for_document(self, query):
+        base_path = os.getenv('VECTOR_DB_PATH')
+        # document_hint = self.extract_document_hint(query)
+        index_paths = []
+        for root, dirs, files in os.walk(base_path):
+            for dir in dirs:
+                if 'index.faiss' in os.listdir(os.path.join(root, dir)):
+                    index_paths.append(os.path.join(root, dir, ''))
+        return index_paths
+
+    def query_vector_store(self, vector_store, query):
+        docs = vector_store.similarity_search(query)
+        return '\n\n'.join([doc.page_content for doc in docs])
+
+    def answer_question(self, user_question):
+        try:
+            logging.info(f"Received question: {user_question}")
+            response = self.agent_executor.invoke({"input": user_question})
+            output_response = response.get("output", "No valid response generated.")
+            logging.info(f"Response generated: {output_response}")
+            return output_response
+        except Exception as e:
+            logging.error(f"Error processing question: {user_question}, Error: {str(e)}")
+            return f"An error occurred: {str(e)}"
+

services/file_upload_service.py

@@ -0,0 +1,141 @@
+import io
+import os
+import tempfile
+import hashlib
+import json
+import logging
+import pandas as pd
+from datetime import datetime
+from dotenv import load_dotenv
+from langchain_community.vectorstores import FAISS
+from langchain_openai import OpenAIEmbeddings
+from langchain.text_splitter import CharacterTextSplitter
+from PyPDF2 import PdfReader
+from docx import Document
+# from transformers import pipeline
+
+# Load environment variables
+load_dotenv()
+open_api_key_token = os.getenv('OPENAI_API_KEY')
+
+
+class FileHandler:
+    def __init__(self, vector_db_path):
+        self.vector_db_path = vector_db_path
+        self.embeddings = OpenAIEmbeddings(api_key=open_api_key_token)
+        # self.summarizer = pipeline("summarization")
+
+    def prepare_metadata_string(self, document_name, document_description, department, version, last_updated):
+        metadata_string = f"\nDocument Name: {document_name}\nDocument Description: {document_description}\nDepartment: {department}\nVersion: {version}\nLast Updated: {last_updated}"
+        return metadata_string
+
+    async def handle_file_upload(self, file, document_name, document_description, department, version, last_updated):
+        content = await file.read()
+        file_hash = hashlib.md5(content).hexdigest()
+        file_key = f"{file.filename}_{file_hash}"
+        vector_store_path = os.path.join(self.vector_db_path, f"{file_key}.vectorstore")
+        metadata_path = os.path.join(self.vector_db_path, f"{file_key}.metadata.json")
+
+        metadata_string = self.prepare_metadata_string(document_name, document_description, department, version,
+                                                       last_updated)
+
+        if os.path.exists(vector_store_path) and os.path.exists(metadata_path):
+            with open(metadata_path, 'r') as md_file:
+                metadata = json.load(md_file)
+            return {'path': vector_store_path, 'metadata': metadata, 'status': 'skipped - duplicate'}
+
+        if file.filename.endswith('.csv') or file.filename.endswith('.xlsx'):
+            texts = self.load_and_split_table(content, file.filename,metadata_string)
+        else:
+            texts = await self.load_and_split_text(content, file.filename,metadata_string)
+
+        vector_store = self.create_vector_store(texts)
+        vector_store.save_local(vector_store_path)
+
+        metadata = {
+            'filename': file.filename,
+            'document_name': document_name,
+            'document_description': document_description,
+            'department': department,
+            'version': version,
+            'last_updated': last_updated,
+            'hash': file_hash,
+            'upload_date': datetime.now().isoformat(),
+            'file_path': vector_store_path,
+            'file_size': len(content),
+            'content_type': file.content_type
+        }
+
+        with open(metadata_path, 'w') as md_file:
+            json.dump(metadata, md_file)
+
+        return {"message": "File processed and vector store created successfully", "file_metadata": metadata}
+
+    def summarize_text(self, text):
+        try:
+            summary = self.summarizer(text, max_length=150, min_length=10, do_sample=False)
+            logging.info("Text summarization successful")
+            return summary[0]['summary_text']
+        except Exception as e:
+            logging.error(f"Error in summarization: {str(e)}")
+            # Log error or handle exception
+            return text  # Return original text if summarization is not possible
+
+    def load_and_split_table(self, content, filename,metadata_string):
+        # Handle CSV and Excel file reading
+        if filename.endswith('.csv'):
+            df = pd.read_csv(io.StringIO(content.decode('utf-8')))
+        else:  # Excel
+            df = pd.read_excel(io.BytesIO(content))
+        text = df.to_string(index=False)  # Convert DataFrame to string
+        text += metadata_string  # Append metadata to the text
+        return self.split_text(text)
+
+    async def load_and_split_text(self, content, filename,metadata_string):
+        with tempfile.NamedTemporaryFile(delete=False, mode='w+b', suffix=f"_{filename}") as temp_file:
+            temp_file.write(content)
+            temp_file.flush()
+            temp_file_path = temp_file.name
+
+        # Ensure the temp file is closed before reading from it
+        if filename.endswith('.pdf'):
+            texts = await self.load_and_split_pdf(temp_file_path,metadata_string)
+        elif filename.endswith('.docx'):
+            texts = await self.load_and_split_docx(temp_file_path,metadata_string)
+        elif filename.endswith('.txt'):
+            texts = await self.load_and_split_txt(temp_file_path,metadata_string)
+
+        # Apply summarization here to each text segment
+        # summarized_texts = [self.summarize_text(text) for text in texts]
+
+        # os.unlink(temp_file_path)  # Explicitly remove the temporary file
+        # return summarized_texts
+        os.unlink(temp_file_path)  # Explicitly remove the temporary file
+        return texts
+
+    async def load_and_split_pdf(self, pdf_path,metadata_string):
+        reader = PdfReader(pdf_path)
+        text = ''
+        for page in reader.pages:
+            text += page.extract_text() or ""
+            text += metadata_string  # Append metadata to the text
+        return self.split_text(text)
+
+    async def load_and_split_docx(self, docx_path,metadata_string):
+        doc = Document(docx_path)
+        text = '\n'.join([paragraph.text for paragraph in doc.paragraphs if paragraph.text])
+        text += metadata_string  # Append metadata to the text
+        return self.split_text(text)
+
+    async def load_and_split_txt(self, txt_path,metadata_string):
+        with open(txt_path, 'r', encoding='utf-8') as file:
+            text = file.read()
+            text += metadata_string  # Append metadata to the text
+        return self.split_text(text)
+
+    def split_text(self, text):
+        text_splitter = CharacterTextSplitter(chunk_size=1000, chunk_overlap=200)
+        return text_splitter.split_text(text)
+
+    def create_vector_store(self, texts):
+        return FAISS.from_texts(texts, self.embeddings)

static/css/dashboard.css

@@ -0,0 +1,931 @@
+/*$primary  : #7356f1 !default;*/
+:root {
+  --primary: #40189D;
+  --secondary: #8BC740;
+  --primary-hover: #2e1171;
+  --primary-dark: #0a0418;
+  --rgba-primary-1: rgba(64, 24, 157, 0.1);
+  --rgba-primary-2: rgba(64, 24, 157, 0.2);
+  --rgba-primary-3: rgba(64, 24, 157, 0.3);
+  --rgba-primary-4: rgba(64, 24, 157, 0.4);
+  --rgba-primary-5: rgba(64, 24, 157, 0.5);
+  --rgba-primary-6: rgba(64, 24, 157, 0.6);
+  --rgba-primary-7: rgba(64, 24, 157, 0.7);
+  --rgba-primary-8: rgba(64, 24, 157, 0.8);
+  --rgba-primary-9: rgba(64, 24, 157, 0.9);
+  --font-family-base: Roboto, sans-serif;
+  --font-family-title: Roboto, sans-serif; }
+
+/*
+0 - 600: Phone
+600 - 900: Tablet portrait
+900 - 1200: Tablet landscape
+1200 - 1800: Normal styles
+1800+ : Big Desktop
+1em = 16px
+The smaller device rules always should write below the bigger device rules
+Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Component
+*/
+.event-chart {
+  margin: -10px 0px; }
+
+.default-select.style-1 {
+  border: 0;
+  font-size: 12px;
+  padding: 5px; }
+  .default-select.style-1 option {
+    background: #fff;
+    box-shadow: 0 10px 40px 0 rgba(32, 28, 69, 0.1); }
+
+.event-table {
+  border-radius: 1.25rem; }
+  .event-table thead th {
+    color: #000;
+    font-size: 18px;
+    white-space: nowrap;
+    font-weight: 600;
+    padding: 20px 10px; }
+  .event-table tbody td {
+    font-size: 14px;
+    padding: 20px 10px; }
+  @media only screen and (max-width: 1400px) {
+    .event-table thead th {
+      color: #000;
+      font-size: 15px;
+      white-space: nowrap;
+      font-weight: 600; }
+    .event-table tbody td {
+      padding: 12px 15px; } }
+
+.dropdown-no-icon .dropdown-toggle:after {
+  content: none; }
+
+.detault-daterange .dashboard-select.mat-form-field-appearance-fill .mat-form-field-flex {
+  padding: 0em 1em 0 1em; }
+.detault-daterange .mat-form-field-prefix, .detault-daterange .mat-form-field-suffix {
+  top: 5px; }
+
+.dashboard-select {
+  font-size: 16px; }
+  .dashboard-select .mat-form-field-wrapper,
+  .dashboard-select .mat-form-field-appearance-fill .mat-form-field-flex {
+    padding: 0;
+    background: transparent; }
+  .dashboard-select .mat-form-field-underline {
+    display: none; }
+  .dashboard-select .mat-form-field-infix {
+    border: 0; }
+  .dashboard-select.mat-form-field-appearance-fill .mat-select-arrow-wrapper {
+    transform: translateY(-10%); }
+  .dashboard-select.mat-form-field-appearance-fill .mat-form-field-flex {
+    padding: 1em 1em 0 1em;
+    background-color: #fff; }
+  .dashboard-select.mat-form-field-appearance-fill .mat-form-field-infix {
+    padding: .25em 0 1em 0; }
+  .dashboard-select .mat-select-arrow, .dashboard-select .mat-select-value {
+    color: #40189D; }
+  .dashboard-select.style-1 {
+    font-size: 16px;
+    border: 1px solid #f0f1f5;
+    border-radius: 3rem; }
+    .dashboard-select.style-1.mat-form-field-appearance-fill .mat-form-field-infix {
+      padding: 6px 0 18px 0; }
+    .dashboard-select.style-1 .mat-form-field-infix {
+      padding: 15px 15px;
+      width: auto; }
+    .dashboard-select.style-1 .mat-select-value {
+      max-width: unset;
+      padding-right: 6px; }
+    .dashboard-select.style-1 .mat-select-arrow, .dashboard-select.style-1 .mat-select-value {
+      color: #000; }
+    .dashboard-select.style-1.mat-form-field-appearance-fill .mat-form-field-flex {
+      border-radius: 3rem;
+      background-color: #fff;
+      padding: 12px 20px 0; }
+    @media only screen and (max-width: 1400px) {
+      .dashboard-select.style-1 {
+        font-size: 0.813rem; }
+        .dashboard-select.style-1.mat-form-field-appearance-fill .mat-form-field-infix {
+          padding: 6px 0 12px 0; }
+        .dashboard-select.style-1 .mat-form-field-infix {
+          padding: 11px 15px;
+          width: auto; }
+        .dashboard-select.style-1.mat-form-field-appearance-fill .mat-form-field-flex {
+          padding: 8px 15px 0; } }
+
+.compose-content .dropzone {
+  display: flex;
+  align-items: center;
+  justify-content: center; }
+
+.latest-salebx {
+  height: 630px; }
+  @media only screen and (max-width: 1199px) {
+    .latest-salebx {
+      height: 350px; } }
+
+.about-company {
+  border-top: 1px solid #EEEEEE; }
+  @media only screen and (max-width: 1199px) {
+    .about-company {
+      border-top: 0;
+      border-left: 1px solid #EEEEEE; } }
+  @media only screen and (max-width: 767px) {
+    .about-company {
+      border-left: 0;
+      border-top: 1px solid #EEEEEE; } }
+
+.post-input .btn-social {
+  margin-right: 4px; }
+
+.rating-widget .ng-star-inserted {
+  color: #40189D;
+  font-size: 30px; }
+
+.default-accordion {
+  box-shadow: none;
+  margin-bottom: 1.25rem;
+  height: unset;
+  border-radius: 5px; }
+  .default-accordion .card-header {
+    padding: 0;
+    border: 0; }
+    .default-accordion .card-header button {
+      border-radius: 5px;
+      background: #40189D;
+      color: #fff;
+      display: block;
+      border: 0;
+      width: 100%;
+      text-align: left;
+      padding-right: 40px; }
+      .default-accordion .card-header button.collapsed {
+        background: rgba(64, 24, 157, 0.15);
+        color: #000; }
+        .default-accordion .card-header button.collapsed:after {
+          content: "\e61a"; }
+      .default-accordion .card-header button:focus {
+        box-shadow: none; }
+      .default-accordion .card-header button:after {
+        position: absolute;
+        font-family: 'themify';
+        top: 50%;
+        content: "\e622";
+        transform: translateY(-50%);
+        right: 20px; }
+
+.custom-header-accordion {
+  border: 1px solid #EEEEEE;
+  box-shadow: none;
+  margin-bottom: 0;
+  height: unset; }
+  .custom-header-accordion .card-header button:focus {
+    box-shadow: none; }
+
+.prevent-accordion {
+  box-shadow: none;
+  margin-bottom: 1.25rem;
+  height: unset;
+  border-radius: 5px; }
+  .prevent-accordion .card-header {
+    padding: 0;
+    border: 0; }
+    .prevent-accordion .card-header button {
+      background: #40189D;
+      border-radius: 5px;
+      color: #fff;
+      display: block;
+      border: 0;
+      width: 100%;
+      text-align: left;
+      padding-right: 40px; }
+      .prevent-accordion .card-header button.collapsed {
+        background: rgba(64, 24, 157, 0.15);
+        color: #000; }
+        .prevent-accordion .card-header button.collapsed:after {
+          content: "\e61a"; }
+      .prevent-accordion .card-header button:focus {
+        box-shadow: none; }
+      .prevent-accordion .card-header button:after {
+        position: absolute;
+        font-family: 'themify';
+        top: 50%;
+        content: "\e622";
+        transform: translateY(-50%);
+        right: 20px; }
+
+.default-nestable {
+  /* .nestable-row{
+  	display:flex;
+  }
+  .ngx-nestable{
+  	width:50%;
+  }*/ }
+  .default-nestable .dd-dragel .ngx-nestable-hidden,
+  .default-nestable .dd-dragel button {
+    visibility: hidden; }
+  .default-nestable .dd-list .dd-item .nestable-item-container {
+    background: #e6defa;
+    color: #000;
+    position: relative;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    min-height: 32px;
+    font-size: 16px;
+    font-family: Roboto,sans-serif;
+    cursor: pointer;
+    outline: 0;
+    border-radius: 5px;
+    margin-bottom: 3px;
+    padding: 10px 10px;
+    -webkit-transition: all 0.5s;
+    -ms-transition: all 0.5s;
+    transition: all 0.5s; }
+    .default-nestable .dd-list .dd-item .nestable-item-container:hover {
+      background: #40189D;
+      color: #fff; }
+      .default-nestable .dd-list .dd-item .nestable-item-container:hover button {
+        color: #fff; }
+    .default-nestable .dd-list .dd-item .nestable-item-container button {
+      font-family: 'Material Icons';
+      font-weight: normal;
+      font-style: normal;
+      outline: 0;
+      border: 0;
+      font-size: 24px;
+      line-height: 1;
+      letter-spacing: normal;
+      text-transform: none;
+      margin-right: 10px;
+      background: transparent;
+      color: #000;
+      display: inline-block;
+      white-space: nowrap;
+      word-wrap: normal;
+      direction: ltr;
+      -webkit-font-feature-settings: 'liga';
+      -webkit-font-smoothing: antialiased; }
+    @media only screen and (max-width: 575px) {
+      .default-nestable .dd-list .dd-item .nestable-item-container {
+        padding: 0; } }
+  .default-nestable .result-bx textarea {
+    height: 100%;
+    width: 100%; }
+  @media only screen and (max-width: 991px) {
+    .default-nestable .result-bx {
+      margin-top: 30px; }
+      .default-nestable .result-bx textarea {
+        height: 600px;
+        width: 100%; } }
+
+.alert-dismissible .close {
+  height: 100%;
+  font-size: 30px; }
+  .alert-dismissible .close span {
+    font-weight: 400; }
+
+.calendar-responsive {
+  overflow: auto;
+  display: block; }
+
+.default-calendar ngb-datepicker {
+  border: 0;
+  background: #f3f3f3; }
+.default-calendar .form-group .input-group .form-control {
+  color: #000; }
+.default-calendar .form-group .input-group .input-group-append button {
+  background-image: none !important;
+  padding: 0px;
+  border-color: #40189D;
+  background: #40189D;
+  width: 45px;
+  text-align: center; }
+  .default-calendar .form-group .input-group .input-group-append button:after {
+    color: #fff;
+    content: "\f133";
+    font-family: 'Line Awesome Free';
+    padding: 0;
+    font-size: 26px; }
+  .default-calendar .form-group .input-group .input-group-append button:hover {
+    background: #40189D; }
+    .default-calendar .form-group .input-group .input-group-append button:hover:after {
+      color: #fff; }
+  .default-calendar .form-group .input-group .input-group-append button:focus {
+    box-shadow: none; }
+.default-calendar .weekend {
+  background-color: #40189D; }
+.default-calendar .ngb-dp-header {
+  background: #40189D;
+  padding: 8px 5px; }
+  .default-calendar .ngb-dp-header .ngb-dp-navigation-chevron {
+    border-color: #fff; }
+  .default-calendar .ngb-dp-header .custom-select {
+    color: #fff;
+    background: #40189D;
+    border-radius: 5px;
+    margin: 0 5px;
+    padding: 0 20px; }
+.default-calendar .ngb-dp-weekdays {
+  border: 1px solid rgba(64, 24, 157, 0.25);
+  background: #fff; }
+  .default-calendar .ngb-dp-weekdays .ngb-dp-weekday {
+    color: #40189D;
+    font-weight: 600;
+    font-size: 15px;
+    font-style: unset; }
+.default-calendar .ngb-dp-day, .default-calendar .ngb-dp-week-number, .default-calendar .ngb-dp-weekday {
+  max-height: 40px;
+  max-width: 40px;
+  height: 40px;
+  width: 35px;
+  line-height: 40px; }
+.default-calendar [ngbDatepickerDayView] {
+  max-height: 40px;
+  max-width: 40px;
+  width: 35px;
+  height: 40px;
+  line-height: 40px; }
+  .default-calendar [ngbDatepickerDayView]:active {
+    background-color: #40189D !important;
+    color: white !important; }
+.default-calendar .ngb-dp-navigation-select {
+  flex: unset; }
+.default-calendar .custom-day {
+  height: 40px !important;
+  line-height: 40px;
+  padding: 0px !important;
+  width: 100% !important; }
+.default-calendar .custom-day.range, .default-calendar .custom-day:hover {
+  height: 40px;
+  background-color: #40189D !important; }
+.default-calendar .ngb-dp-month-name {
+  padding: 8px 0px;
+  height: auto; }
+
+.dashboard-full-calendar.fc .fc-button-primary {
+  background-color: #40189D;
+  color: #fff;
+  border: 0; }
+  .dashboard-full-calendar.fc .fc-button-primary:hover, .dashboard-full-calendar.fc .fc-button-primary.fc-button-active, .dashboard-full-calendar.fc .fc-button-primary:active {
+    background-color: #1c0a45 !important; }
+  .dashboard-full-calendar.fc .fc-button-primary:focus {
+    box-shadow: none !important; }
+.dashboard-full-calendar.fc-theme-standard td, .dashboard-full-calendar.fc-theme-standard th, .dashboard-full-calendar.fc-theme-standard .fc-scrollgrid, .dashboard-full-calendar.fc-theme-standard .fc-list {
+  border-color: #ECF0F3; }
+.dashboard-full-calendar .fc-daygrid-day.fc-day-today {
+  background-color: #e6defa !important; }
+.dashboard-full-calendar .fc-daygrid-dot-event {
+  background: #fff;
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }
+.dashboard-full-calendar.fc-theme-standard th {
+  padding: 0.75rem 0.5rem;
+  font-size: 1rem;
+  font-weight: 500; }
+  .dashboard-full-calendar.fc-theme-standard th a {
+    color: #B5B5C3; }
+.dashboard-full-calendar .fc-h-event, .dashboard-full-calendar .fc-v-event {
+  background-color: #40189D;
+  border-color: #40189D; }
+.dashboard-full-calendar .fc-daygrid-event-dot, .dashboard-full-calendar .fc-list-event-dot {
+  border-color: #40189D !important; }
+@media only screen and (max-width: 767px) {
+  .dashboard-full-calendar.fc .fc-toolbar {
+    display: block;
+    text-align: center; }
+    .dashboard-full-calendar.fc .fc-toolbar .fc-toolbar-title {
+      margin: 10px; } }
+
+.calendar-list {
+  margin-bottom: 10px; }
+  .calendar-list .list-group-item {
+    background: #f4f6fa;
+    color: #40189D;
+    border: 0;
+    margin-bottom: 5px;
+    border-radius: 6px;
+    position: relative;
+    border-left: 4px solid #40189D; }
+
+.calendar-checkbox {
+  border-radius: 6px;
+  background: #e6defa;
+  padding: 10px 15px;
+  margin-bottom: 5px;
+  color: #000; }
+  .calendar-checkbox label {
+    margin-bottom: 0; }
+  .calendar-checkbox input[type=checkbox], .calendar-checkbox input[type=radio] {
+    margin-right: 6px; }
+
+.calendar-description h2 {
+  margin-top: 30px;
+  font-size: 25px;
+  font-weight: 600;
+  color: #000; }
+.calendar-description ul li {
+  font-size: 15px;
+  color: #000; }
+
+.default-carousel .carousel-caption {
+  background: rgba(0, 0, 0, 0.5);
+  bottom: 45px;
+  padding: 15px 15px; }
+  .default-carousel .carousel-caption h3 {
+    color: #fff; }
+  @media only screen and (max-width: 575px) {
+    .default-carousel .carousel-caption {
+      width: 90%;
+      left: 50%;
+      transform: translatex(-50%); } }
+.default-carousel .carousel-indicators li {
+  -webkit-transition: all 0.5s;
+  -ms-transition: all 0.5s;
+  transition: all 0.5s;
+  height: 13px;
+  width: 13px;
+  border: 0;
+  border-radius: 13px;
+  background: #40189D; }
+  .default-carousel .carousel-indicators li.active {
+    width: 30px; }
+@media only screen and (max-width: 575px) {
+  .default-carousel .carousel-item img {
+    height: 280px; } }
+
+.default-rating span {
+  font-size: 35px; }
+
+.pagination-responsive {
+  overflow: auto; }
+
+.pagination .page-item .page-link span {
+  color: #B1B1B1; }
+
+.pagination .page-item .page-link:hover span {
+  color: #fff; }
+
+.progress {
+  height: 16px; }
+
+.form-select.mat-form-field {
+  display: block; }
+.form-select .mat-form-field-infix {
+  border-top: 0; }
+.form-select .mat-form-field-underline {
+  display: none; }
+.form-select.mat-form-field-appearance-fill .mat-form-field-flex {
+  border-radius: 1.25rem;
+  padding: 15px 15px 8px;
+  background: transparent;
+  border: 1px solid #EEEEEE; }
+.form-select.mat-form-field-appearance-fill .mat-select-arrow-wrapper {
+  transform: translateY(0%); }
+
+/** Material Scsss  start**/
+/* auto compelete */
+.default-autocomplete {
+  /* .mat-autocomplete-trigger{
+  	margin: 1px;
+  	border:1px solid $border-color;
+  	border-radius:5px;
+  	width:100%;
+  	padding: 15px 20px;
+  } */
+  /* .mat-form-field-appearance-legacy .mat-form-field-infix{
+  	padding:0;
+  	.mat-input-element{
+  		margin: 1px;
+  		border:1px solid $border-color;
+  		border-radius:5px;
+  		padding: 15px 20px;
+  	}
+  } */
+  /* .mat-form-field-appearance-legacy .mat-form-field-label{
+  	color:rgba($black,0.5);
+  	left: 15px;
+  	top: 30px;
+  } */ }
+  .default-autocomplete .mat-form-field {
+    width: 100%; }
+  .default-autocomplete .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill + .mat-form-field-label-wrapper .mat-form-field-label,
+  .default-autocomplete .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .default-autocomplete .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
+    /* transform: translateY(-2rem) scale(0.85) perspective(100px) translateZ(0.001px);
+    -ms-transform: translateY(-2rem) scale(0.85); */
+    color: #40189D; }
+  .default-autocomplete .mat-form-field.mat-focused .mat-form-field-ripple {
+    background-color: #40189D; }
+
+/* badge  */
+.mat-flat-button.mat-primary,
+.mat-raised-button.mat-primary,
+.mat-fab.mat-primary,
+.mat-mini-fab.mat-primary,
+.mat-badge-content {
+  background-color: #40189D; }
+
+.mat-badge-accent .mat-badge-content {
+  background: #8BC740;
+  color: #fff; }
+
+/* Bottom Sheet  */
+.mat-bottom-sheet-container {
+  max-height: 80vh;
+  overflow: auto; }
+  .mat-bottom-sheet-container ul li a {
+    padding: 15px 15px;
+    display: block; }
+    .mat-bottom-sheet-container ul li a:hover, .mat-bottom-sheet-container ul li a:focus {
+      background: rgba(0, 0, 0, 0.04); }
+    .mat-bottom-sheet-container ul li a span {
+      color: #000;
+      display: block;
+      font-size: 16px; }
+      .mat-bottom-sheet-container ul li a span:last-child {
+        font-size: 14px; }
+
+/* button  */
+.default-mt-btn .mat-button.mat-primary,
+.default-mt-btn .mat-icon-button.mat-primary,
+.default-mt-btn .mat-stroked-button.mat-primary {
+  color: #40189D; }
+.default-mt-btn .example-label {
+  font-size: 1rem !important;
+  color: #000; }
+.default-mt-btn .example-button-row {
+  width: auto !important; }
+  .default-mt-btn .example-button-row .mat-button-base {
+    margin: 15px 15px 15px 0 !important; }
+.default-mt-btn .mat-flat-button.mat-accent,
+.default-mt-btn .mat-raised-button.mat-accent,
+.default-mt-btn .mat-fab.mat-accent,
+.default-mt-btn .mat-mini-fab.mat-accent {
+  background-color: #8BC740; }
+.default-mt-btn .mat-flat-button.mat-accent,
+.default-mt-btn .mat-raised-button.mat-accent,
+.default-mt-btn .mat-fab.mat-accent,
+.default-mt-btn .mat-mini-fab.mat-accent {
+  color: #fff; }
+.default-mt-btn .mat-button.mat-accent,
+.default-mt-btn .mat-icon-button.mat-accent,
+.default-mt-btn .mat-stroked-button.mat-accent {
+  color: #8BC740; }
+.default-mt-btn .mat-button.mat-accent .mat-button-focus-overlay,
+.default-mt-btn .mat-icon-button.mat-accent .mat-button-focus-overlay,
+.default-mt-btn .mat-stroked-button.mat-accent .mat-button-focus-overlay {
+  background-color: #8BC740; }
+.default-mt-btn .mat-button,
+.default-mt-btn .mat-raised-button,
+.default-mt-btn .mat-stroked-button,
+.default-mt-btn .mat-flat-button {
+  padding: 0 25px;
+  line-height: 55px;
+  border-radius: 1.25rem;
+  font-size: 1rem; }
+@media only screen and (max-width: 1400px) {
+  .default-mt-btn .example-button-row {
+    width: auto !important; }
+    .default-mt-btn .example-button-row .mat-button-base {
+      margin: 10px 10px 10px 0 !important; }
+  .default-mt-btn .mat-button,
+  .default-mt-btn .mat-raised-button,
+  .default-mt-btn .mat-stroked-button,
+  .default-mt-btn .mat-flat-button {
+    padding: 0 15px;
+    line-height: 40px;
+    font-size: 14px; } }
+@media only screen and (max-width: 575px) {
+  .default-mt-btn .btn-list-group {
+    display: block !important;
+    padding: 10px 0px; }
+    .default-mt-btn .btn-list-group .example-label {
+      display: block !important; }
+  .default-mt-btn .example-button-row {
+    width: auto !important; }
+    .default-mt-btn .example-button-row .mat-button-base {
+      margin: 5px 10px 5px 0 !important; }
+  .default-mt-btn .example-button-container {
+    width: 80px !important; } }
+
+/* card  */
+.default-mt-card .mat-card {
+  border-radius: 1.25rem; }
+
+/* checkbox  */
+.default-mt-checkbox .example-section {
+  margin: 0 !important; }
+
+.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element,
+.mat-checkbox:active:not(.mat-checkbox-disabled).mat-primary .mat-ripple-element {
+  background: #40189D; }
+
+.mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,
+.mat-checkbox-checked.mat-primary .mat-checkbox-background {
+  background-color: #40189D; }
+
+.mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-pseudo-checkbox-indeterminate {
+  background: #40189D; }
+
+.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
+  color: #40189D; }
+
+.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
+.mat-checkbox-checked.mat-accent .mat-checkbox-background {
+  background-color: #8BC740; }
+
+.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
+.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
+  background: #8BC740; }
+
+.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
+  border-color: #8BC740; }
+
+.mat-radio-button.mat-accent .mat-radio-inner-circle,
+.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
+.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
+.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple,
+.mat-radio-button.mat-accent .mat-radio-inner-circle,
+.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
+.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
+.mat-radio-button.mat-accent:active .mat-radio-persistent-ripple {
+  background-color: #8BC740; }
+
+.mat-pseudo-checkbox-checked,
+.mat-pseudo-checkbox-indeterminate,
+.mat-accent .mat-pseudo-checkbox-checked,
+.mat-accent .mat-pseudo-checkbox-indeterminate {
+  background: #8BC740; }
+
+/* chips  */
+.default-mt-chips .mat-input-element {
+  color: rgba(0, 0, 0, 0.6); }
+.default-mt-chips .mat-chip.mat-standard-chip,
+.default-mt-chips .mat-chip.mat-standard-chip.mat-chip-selected.mat-primary {
+  background-color: #40189D;
+  color: #fff; }
+.default-mt-chips .mat-form-field-appearance-legacy .mat-form-field-label,
+.default-mt-chips .mat-form-field-appearance-legacy .mat-hint,
+.default-mt-chips input.mat-chip-input::placeholder {
+  color: rgba(0, 0, 0, 0.54); }
+.default-mt-chips .mat-form-field.mat-focused .mat-form-field-label {
+  color: #40189D; }
+.default-mt-chips .mat-form-field.mat-focused .mat-form-field-ripple {
+  background-color: #40189D; }
+.default-mt-chips .mat-chip.mat-standard-chip .mat-chip-remove {
+  opacity: 1;
+  color: rgba(255, 255, 255, 0.8); }
+.default-mt-chips .mat-form-field-appearance-legacy .mat-form-field-underline {
+  background-color: rgba(0, 0, 0, 0.42); }
+.default-mt-chips .mat-form-field-infix {
+  width: 100%;
+  color: #fff; }
+.default-mt-chips .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
+  background-color: #8BC740;
+  color: #fff; }
+
+/* datepicker  */
+.default-mt-datepicker .mat-form-field-appearance-fill .mat-form-field-flex {
+  background-color: rgba(64, 24, 157, 0.1); }
+.default-mt-datepicker .mat-form-field-label {
+  color: rgba(0, 0, 0, 0.6); }
+.default-mt-datepicker .mat-date-range-input-inner,
+.default-mt-datepicker .mat-calendar-body-cell-content,
+.default-mt-datepicker .mat-date-range-input-separator {
+  color: #000; }
+.default-mt-datepicker .mat-icon-button svg path {
+  fill: rgba(0, 0, 0, 0.7); }
+.default-mt-datepicker .mat-form-field.mat-focused .mat-form-field-ripple {
+  background: #40189D; }
+.default-mt-datepicker .mat-form-field.mat-focused .mat-form-field-label {
+  color: #40189D; }
+.default-mt-datepicker .mat-form-field-appearance-fill.mat-form-field-disabled .mat-form-field-label {
+  color: rgba(0, 0, 0, 0.5); }
+.default-mt-datepicker .mat-form-field-appearance-fill .mat-form-field-underline:before {
+  background-color: rgba(0, 0, 0, 0.42); }
+.default-mt-datepicker .mat-input-element:disabled,
+.default-mt-datepicker .mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
+  color: #000; }
+
+.mat-calendar-body-comparison-identical, .mat-calendar-body-in-comparison-range::before {
+  background: rgba(139, 199, 64, 0.2); }
+
+.mat-calendar-body-selected {
+  background-color: #40189D; }
+
+.mat-calendar-body-in-range::before {
+  background: rgba(64, 24, 157, 0.1); }
+
+.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
+.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical), .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
+  background-color: rgba(64, 24, 157, 0.3); }
+
+.mat-datepicker-content-container .example-header button {
+  height: 35px;
+  width: 35px;
+  outline: none;
+  border: 0;
+  border-radius: 35px;
+  font-size: 18px;
+  margin: 0 2px; }
+
+/* dialog  */
+/* divider  */
+/* expansion  */
+.default-mt-expansion .mat-expansion-panel-header-description {
+  justify-content: space-between;
+  align-items: center; }
+.default-mt-expansion .mat-accordion .mat-expansion-panel:first-of-type {
+  border-top-right-radius: 1.25rem;
+  border-top-left-radius: 1.25rem; }
+.default-mt-expansion .mat-accordion .mat-expansion-panel:last-of-type {
+  border-bottom-right-radius: 1.25rem;
+  border-bottom-left-radius: 1.25rem; }
+.default-mt-expansion .mat-expansion-panel-header {
+  height: auto;
+  padding: 15px 20px !important; }
+
+/* form-field  */
+.default-mt-formfield .mat-form-field {
+  width: 100%; }
+.default-mt-formfield .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
+  color: #40189D; }
+.default-mt-formfield .example-container .mat-form-field + .mat-form-field {
+  margin-left: 0 !important; }
+
+/* input  */
+.default-mt-input .example-form {
+  width: 100% !important;
+  min-width: 150px;
+  max-width: 100% !important; }
+
+/* progress  */
+.default-mt-progress .mat-progress-bar-buffer {
+  background-color: #e6defa; }
+.default-mt-progress .mat-progress-bar-fill::after {
+  background-color: #40189D; }
+.default-mt-progress .mat-progress-bar {
+  height: 8px;
+  border-radius: 8px; }
+  .default-mt-progress .mat-progress-bar pattern circle {
+    fill: #e6defa; }
+.default-mt-progress .example-section {
+  height: auto !important; }
+.default-mt-progress .mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
+  background-color: #8BC740; }
+.default-mt-progress .mat-progress-bar.mat-accent .mat-progress-bar-background {
+  fill: #8BC740; }
+.default-mt-progress .mat-progress-bar.mat-accent .mat-progress-bar-buffer {
+  background-color: #8BC740; }
+
+.mat-accent .mat-slider-track-fill, .mat-accent .mat-slider-thumb, .mat-accent .mat-slider-thumb-label {
+  background-color: #8BC740; }
+
+/* spinner  */
+.mat-progress-spinner.mat-accent circle, .mat-spinner.mat-accent circle {
+  stroke: #8BC740; }
+
+.mat-progress-spinner circle, .mat-spinner circle {
+  stroke: #40189D; }
+
+.default-mt-spinner .example-margin {
+  margin: 0 10px; }
+
+/* select  */
+.default-mt-select .mat-form-field.mat-focused .mat-form-field-label {
+  color: #40189D; }
+
+/* sidenav */
+.default-mt-sidenav .example-container {
+  margin: 0 !important;
+  width: 100% !important;
+  height: 350px !important;
+  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
+  border: 0 !important; }
+.default-mt-sidenav .mat-drawer-content {
+  padding: 25px !important; }
+
+/* slidetoggle */
+.default-mt-slidetoggle .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
+  background-color: #e6defa; }
+.default-mt-slidetoggle .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
+  background-color: #40189D; }
+.default-mt-slidetoggle .example-section {
+  height: auto !important; }
+
+.mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
+  background-color: rgba(139, 199, 64, 0.5); }
+
+.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
+  background-color: #8BC740; }
+
+.mat-slide-toggle.mat-checked .mat-ripple-element {
+  background-color: #8BC740; }
+
+/* slider */
+.default-mt-slider .example-section {
+  display: block !important;
+  height: auto !important; }
+
+/* sort */
+/* stepper */
+.default-mt-stepper .mat-step-header .mat-step-icon-selected,
+.default-mt-stepper .mat-step-header .mat-step-icon-state-done,
+.default-mt-stepper .mat-step-header .mat-step-icon-state-edit {
+  background-color: #40189D; }
+@media only screen and (max-width: 575px) {
+  .default-mt-stepper .mat-horizontal-stepper-header-container {
+    display: block; }
+    .default-mt-stepper .mat-horizontal-stepper-header-container .mat-horizontal-stepper-header {
+      padding: 0;
+      height: 60px;
+      margin-bottom: 10px;
+      margin-top: 10px; }
+  .default-mt-stepper .mat-horizontal-content-container {
+    padding: 0; }
+  .default-mt-stepper .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before, .default-mt-stepper [dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before, .default-mt-stepper .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after, .default-mt-stepper [dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after {
+    content: none; }
+  .default-mt-stepper .mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
+    top: 0; } }
+
+/* table */
+.default-mt-table .mat-elevation-z8 {
+  box-shadow: none; }
+.default-mt-table .table-responsive {
+  border-radius: 1.25rem;
+  position: relative;
+  z-index: 1; }
+.default-mt-table .mat-header-cell {
+  color: #000;
+  padding: 0 10px;
+  font-size: 16px;
+  font-weight: 500; }
+.default-mt-table .mat-footer-cell {
+  padding: 0 10px; }
+.default-mt-table .mat-cell {
+  padding: 0 10px; }
+.default-mt-table .example-element-diagram {
+  min-width: 100px !important;
+  font-weight: 400 !important;
+  height: 130px !important; }
+.default-mt-table mat-row,
+.default-mt-table mat-header-row,
+.default-mt-table mat-footer-row,
+.default-mt-table th.mat-header-cell,
+.default-mt-table td.mat-cell,
+.default-mt-table td.mat-footer-cell {
+  border-color: #EEEEEE; }
+.default-mt-table .stickyColumns-table .mat-table-sticky {
+  background: #40189D !important; }
+  .default-mt-table .stickyColumns-table .mat-table-sticky .mat-header-cell {
+    color: #fff; }
+  .default-mt-table .stickyColumns-table .mat-table-sticky .mat-cell {
+    color: #fff; }
+  .default-mt-table .stickyColumns-table .mat-table-sticky .mat-footer-cell {
+    color: #fff; }
+.default-mt-table .stickyColumns-table .mat-table-sticky-border-elem-left,
+.default-mt-table .stickyColumns-table .mat-table-sticky-border-elem-right,
+.default-mt-table .stickyColumns-table .mat-table-sticky-border-elem-bottom,
+.default-mt-table .stickyColumns-table .mat-table-sticky-border-elem-top {
+  border-color: #fff;
+  color: #fff; }
+.default-mt-table .stickyColumns-table .mat-column-filler {
+  font-size: 12px; }
+.default-mt-table .stickyColumns-table mat-cell:first-of-type, .default-mt-table .stickyColumns-table mat-header-cell:first-of-type, .default-mt-table .stickyColumns-table mat-footer-cell:first-of-type {
+  padding-right: 10px; }
+.default-mt-table .stickyColumns-table mat-cell:last-of-type, .default-mt-table .stickyColumns-table mat-header-cell:last-of-type, .default-mt-table .stickyColumns-table mat-footer-cell:last-of-type {
+  padding-left: 10px; }
+.default-mt-table .stickyColumns-table .mat-header-cell,
+.default-mt-table .stickyColumns-table .mat-footer-cell,
+.default-mt-table .stickyColumns-table .mat-cell {
+  min-width: 100px !important; }
+.default-mt-table .stickyColumns-table .mat-header-row,
+.default-mt-table .stickyColumns-table .mat-footer-row,
+.default-mt-table .stickyColumns-table .mat-row {
+  min-width: 2300px !important; }
+
+/* tabs */
+.default-mt-tabs .mat-tab-group.mat-primary .mat-ink-bar, .default-mt-tabs .mat-tab-nav-bar.mat-primary .mat-ink-bar {
+  background-color: #40189D; }
+.default-mt-tabs .mat-tab-body-content {
+  padding: 10px 15px; }
+.default-mt-tabs .mat-tab-group.mat-background-primary > .mat-tab-header, .default-mt-tabs .mat-tab-group.mat-background-primary > .mat-tab-link-container, .default-mt-tabs .mat-tab-group.mat-background-primary > .mat-tab-header-pagination, .default-mt-tabs .mat-tab-nav-bar.mat-background-primary > .mat-tab-header, .default-mt-tabs .mat-tab-nav-bar.mat-background-primary > .mat-tab-link-container, .default-mt-tabs .mat-tab-nav-bar.mat-background-primary > .mat-tab-header-pagination {
+  background-color: #40189D; }
+.default-mt-tabs .mat-tab-group.mat-background-accent > .mat-tab-header, .default-mt-tabs .mat-tab-group.mat-background-accent > .mat-tab-link-container, .default-mt-tabs .mat-tab-group.mat-background-accent > .mat-tab-header-pagination, .default-mt-tabs .mat-tab-nav-bar.mat-background-accent > .mat-tab-header, .default-mt-tabs .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container, .default-mt-tabs .mat-tab-nav-bar.mat-background-accent > .mat-tab-header-pagination {
+  background-color: #8BC740; }
+.default-mt-tabs .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .default-mt-tabs .mat-tab-group.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar, .default-mt-tabs .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-header .mat-ink-bar, .default-mt-tabs .mat-tab-nav-bar.mat-accent.mat-background-accent > .mat-tab-link-container .mat-ink-bar {
+  background-color: #fff; }
+.default-mt-tabs .mat-tab-group.mat-background-accent > .mat-tab-header .mat-tab-label, .default-mt-tabs .mat-tab-group.mat-background-accent > .mat-tab-link-container .mat-tab-link, .default-mt-tabs .mat-tab-nav-bar.mat-background-accent > .mat-tab-header .mat-tab-label, .default-mt-tabs .mat-tab-nav-bar.mat-background-accent > .mat-tab-link-container .mat-tab-link {
+  color: rgba(255, 255, 255, 0.8); }
+
+/* tree */
+.default-mt-tree .mat-checkbox-layout {
+  margin: 0; }
+.default-mt-tree .mat-tree {
+  background: rgba(0, 0, 0, 0.05);
+  overflow: auto; }
+
+/* toolbar */
+.default-mt-toolbar .mat-toolbar.mat-primary {
+  background: #40189D; }
+
+/*# sourceMappingURL=dashboard.css.map */

static/css/dashboard.css.map

@@ -0,0 +1,7 @@
+{
+"version": 3,
+"mappings": "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",
+"sources": ["../scss/abstracts/_bs-custom.scss","../scss/abstracts/_mixin.scss","../scss/dashboard.scss","../scss/abstracts/_variable.scss"],
+"names": [],
+"file": "dashboard.css"
+}

static/css/perfect-scrollbar.css

@@ -0,0 +1,116 @@
+/*
+ * Container style
+ */
+.ps {
+  overflow: hidden !important;
+  overflow-anchor: none;
+  -ms-overflow-style: none;
+  touch-action: auto;
+  -ms-touch-action: auto;
+}
+
+/*
+ * Scrollbar rail styles
+ */
+.ps__rail-x {
+  display: none;
+  opacity: 0;
+  transition: background-color .2s linear, opacity .2s linear;
+  -webkit-transition: background-color .2s linear, opacity .2s linear;
+  height: 15px;
+  /* there must be 'bottom' or 'top' for ps__rail-x */
+  bottom: 0px;
+  /* please don't change 'position' */
+  position: absolute;
+}
+
+.ps__rail-y {
+  display: none;
+  opacity: 0;
+  transition: background-color .2s linear, opacity .2s linear;
+  -webkit-transition: background-color .2s linear, opacity .2s linear;
+  width: 15px;
+  /* there must be 'right' or 'left' for ps__rail-y */
+  right: 0;
+  /* please don't change 'position' */
+  position: absolute;
+}
+
+.ps--active-x > .ps__rail-x,
+.ps--active-y > .ps__rail-y {
+  display: block;
+  background-color: transparent;
+}
+
+.ps:hover > .ps__rail-x,
+.ps:hover > .ps__rail-y,
+.ps--focus > .ps__rail-x,
+.ps--focus > .ps__rail-y,
+.ps--scrolling-x > .ps__rail-x,
+.ps--scrolling-y > .ps__rail-y {
+  opacity: 0.6;
+}
+
+.ps .ps__rail-x:hover,
+.ps .ps__rail-y:hover,
+.ps .ps__rail-x:focus,
+.ps .ps__rail-y:focus,
+.ps .ps__rail-x.ps--clicking,
+.ps .ps__rail-y.ps--clicking {
+  background-color: #eee;
+  opacity: 0.9;
+}
+
+/*
+ * Scrollbar thumb styles
+ */
+.ps__thumb-x {
+  background-color: #aaa;
+  border-radius: 6px;
+  transition: background-color .2s linear, height .2s ease-in-out;
+  -webkit-transition: background-color .2s linear, height .2s ease-in-out;
+  height: 6px;
+  /* there must be 'bottom' for ps__thumb-x */
+  bottom: 2px;
+  /* please don't change 'position' */
+  position: absolute;
+}
+
+.ps__thumb-y {
+  background-color: #aaa;
+  border-radius: 6px;
+  transition: background-color .2s linear, width .2s ease-in-out;
+  -webkit-transition: background-color .2s linear, width .2s ease-in-out;
+  width: 6px;
+  /* there must be 'right' for ps__thumb-y */
+  right: 2px;
+  /* please don't change 'position' */
+  position: absolute;
+}
+
+.ps__rail-x:hover > .ps__thumb-x,
+.ps__rail-x:focus > .ps__thumb-x,
+.ps__rail-x.ps--clicking .ps__thumb-x {
+  background-color: #999;
+  height: 11px;
+}
+
+.ps__rail-y:hover > .ps__thumb-y,
+.ps__rail-y:focus > .ps__thumb-y,
+.ps__rail-y.ps--clicking .ps__thumb-y {
+  background-color: #999;
+  width: 11px;
+}
+
+/* MS supports */
+@supports (-ms-overflow-style: none) {
+  .ps {
+    overflow: auto !important;
+  }
+}
+
+@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+  .ps {
+    overflow: auto !important;
+  }
+}

templates/API_connectors.html

@@ -0,0 +1,616 @@
+<!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;
+        }
+
+        .card {
+            padding: 0;
+            margin-top: -15px;
+            margin-left: -40px;
+        }
+
+        .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;
+        }
+
+        th,
+        td {
+            white-space: nowrap;
+        }
+
+        th:nth-child(1),
+        td:nth-child(1) {
+            /* Sno column */
+            width: 5%;
+        }
+
+        div.dataTables_wrapper div.dataTables_length select {
+            width: 60px;
+            display: inline-block;
+        }
+
+        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: 5%;
+        }
+
+        th:nth-child(5),
+        td:nth-child(5) {
+            /* View column */
+            width: 5%;
+        }
+
+        th:nth-child(6),
+        td:nth-child(6) {
+            /* View column */
+            width: 5%;
+        }
+
+        .reduced-width {
+            width: 25%;
+        }
+
+        div.dataTables_wrapper div.dataTables_length select {
+            width: 60px;
+            display: inline-block;
+        }
+    </style>
+</head>
+
+<body>
+    {% include 'sidepane.html' %}
+
+    <div class="wrapper">
+        <div class="main-header" style="border-bottom: none;">
+            <!-- Content Header (Page header) -->
+            <div class="content-header">
+                <div class="container-fluid">
+                    <div class="container mt-2">
+                        <div class="form-group left-align"id="company-select">
+                            <h4 id="selectedCompany" style="margin-left: 300px;"></h4>
+
+                            <!-- <div class="col-12 d-flex justify-content-end mb-3">
+                                <button class="btn btn-primary"
+                                    style="margin-top: -40px;margin-right: -25px;position: fixed;" id="add">Add</button>
+                            </div> -->
+                        </div>
+                        <div class="row">
+                            <div id="message-container" style="margin-left: 200px; width:500px;"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <h3 id="company_name" style="margin-left: 400px;">{{company_name}}</h3>
+            <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>
+                                                    <th>Edit</th>
+                                                    <th>Delete</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="saveupdate" class="btn btn-primary" style="display: none;">Update</button>
+                    <button type="button" id="save" onclick="save_file()" class="btn btn-primary">Save</button>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    {%include 'footer.html'%}
+
+    <!-- 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 () {
+                const modalTitle = document.getElementById('addModalLabel');
+                modalTitle.textContent = 'Add API Details';
+                clearFormFields();
+                $('#save').show();
+                $('#saveupdate').hide();
+                $('#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
+            // });
+
+        });
+            var table = $('#apiTable').DataTable();
+            const role = sessionStorage.getItem('userRole');
+            console.log('Current role:', role); // Debug statement to check the role
+            const company_name=sessionStorage.getItem('company_name');
+            console.log("company_name",company_name);
+           // document.getElementById('company_name').textContent = company_name;
+           const passedCompanyName = sessionStorage.getItem('company_name')
+           document.getElementById('selectedCompany').innerText = `Company Name: ${passedCompanyName}`;
+            const company_id = sessionStorage.getItem('company_id');
+            document.getElementById("company_id").value = company_id;
+
+            data_get_from_db(company_id);
+
+        
+            const companySelect = document.getElementById('company');
+            const documentForm = document.getElementById('documentForm');
+
+
+        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();
+            }
+        }
+
+
+            function displayErrorMessage(message) {
+                const messageContainer = document.getElementById('message-container');
+                if (messageContainer) {
+                    messageContainer.innerHTML = `<div class='alert alert-danger'>${message}</div>`;
+                }
+            }
+
+     
+
+
+        async function data_get_from_db(companyId) {
+            if (companyId) {
+                try {
+                    console.log('comp_id',companyId)
+                    const Response = await fetch(`/api/get_api_connectors?company_id=${companyId}`);
+                    console.log("responce from api :==> ", Response)
+                    const connectorsResponse = await Response.json();
+                    console.log("knowledge data table after connecting to table", connectorsResponse);
+                    console.log("api connector data table after connecting to table", connectorsResponse);
+                    const table = $('#apiTable').DataTable(); // Initialize DataTable at the start
+                    table.clear();
+                    if (!Array.isArray(connectorsResponse)) {
+                        throw new TypeError('Expected an array of companies');
+
+                        displayErrorMessage("Data  do not exist for this company. Please fill in the details by clicking add button.");
+                        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'data-kid-id='${company.row_id}' data-action="view" onclick='viewCompany(this)''><i class='fas fa-eye'></i></a>`,
+                                `<a href='#' class='btn btn-warning btn-sm'data-kid-id='${company.row_id}' data-action="edit" onclick='editCompany(this)'><i class='fas fa-edit'></i></a>`,
+                                `<a href='#' class='btn btn-danger btn-sm' data-kid-id='${company.row_id}' onclick='deleteCompany(this)'><i class='fas fa-trash'></i></a>`,
+                            ]).draw(false);
+                        });
+                        contentSection.style.display = 'block';
+                    }
+
+                } catch (error) {
+                    console.error('Error fetching company documents:', error);
+                    //displayEmptyTable();
+
+                    displayErrorMessage("Data do not exist for this company. Please fill in the details by clicking add button.");
+                    contentSection.style.display = 'none';
+                }
+            }
+            else {
+                // displayEmptyTable();
+
+                displayErrorMessage("Document details2 for knowledge do not exist for this company. Please fill in the details.");
+            }
+        }
+
+        function viewCompany(button) {
+            var companyId = $(button).data('kid-id');
+            const modalTitle = document.getElementById('addModalLabel');
+            modalTitle.textContent = 'View API Details';
+            if(companyId)
+        {
+            $.getJSON(`/api/viewapiconnectors/${companyId}`, function (company) {
+
+                $('#APIName').val(company.api_name).attr('readonly', 'readonly');
+                $('#APIEndpoint').val(company.api_endpoint).attr('readonly', 'readonly');
+                $('#Auth_Bearer').val(company.auth_token).attr('readonly', 'readonly');
+                $('#Inputjson').val(company.input_param).attr('readonly', 'readonly');
+                $('#OutputJson').val(company.output_json).attr('readonly', 'readonly');
+                $('#Description').val(company.description).attr('readonly', 'readonly');
+                $('#save').hide();
+                $('#saveupdate').hide();
+                $('#addModal').modal('show');
+            }).fail(function () {
+                alert("Error retrieving API details.");
+            });
+        }
+    }
+        // Edit knowledge base details
+        function editCompany(button) {
+            var companyId = $(button).data('kid-id');
+            const modalTitle = document.getElementById('addModalLabel');
+            modalTitle.textContent = 'Edit API Details';
+            if(companyId)
+        {
+            // Fetch company details by ID
+            $.getJSON(`/api/viewapiconnectors/${companyId}`, function (company) {
+
+                $('#APIName').val(company.api_name);
+                $('#APIEndpoint').val(company.api_endpoint);
+                $('#Auth_Bearer').val(company.auth_token);
+                $('#Inputjson').val(company.input_param);
+                $('#OutputJson').val(company.output_json);
+                $('#Description').val(company.description);
+
+                // Show/hide appropriate elements
+                $('#uploadFile').show(); // Hide the file upload field
+                $('#save').hide(); // Hide the default save button
+                $('#saveupdate').show(); // Show the update button
+
+                // Ensure fields are editable
+                $('#APIName').removeAttr('readonly');
+                $('#APIEndpoint').removeAttr('readonly');
+                $('#Auth_Bearer').removeAttr('readonly');
+                $('#Inputjson').removeAttr('readonly');
+                $('#OutputJson').removeAttr('readonly');
+                $('#Description').removeAttr('readonly');
+
+
+                // Show the modal
+                $('#addModal').modal('show');
+
+                // Set up the click event for the update button
+                $('#saveupdate').off('click').on('click', function () {
+                    saveupdate(companyId); // Pass the company ID for updating
+                });
+            }).fail(function () {
+                alert("Error in retrieving API details.");
+            });
+        }
+    }
+
+        function saveupdate(companyId, filename) {
+            const formData = new FormData();
+
+            const company_id = document.getElementById("company_id").value;
+            formData.append("company_id", $('#company_id').val());
+            formData.append("APIName", $('#APIName').val());
+            formData.append("APIEndpoint", $('#APIEndpoint').val());
+            formData.append("Auth_Bearer", $('#Auth_Bearer').val());
+            formData.append("Inputjson", $('#Inputjson').val());
+            formData.append("OutputJson", $('#OutputJson').val());
+            formData.append("Description", $('#Description').val());
+            console.log("company_id to table refresh", company_id)
+            const messageContainer = document.getElementById('message-container');
+            $.ajax({
+                url: `/api/editapiconnectors/${companyId}`,
+                type: 'PUT',
+                data: formData,
+                processData: false, // Required for FormData
+                contentType: false, // Required for FormData
+                success: function (response) {
+                    //  alert('Knowledgebase details updated successfully.');
+
+                    if (messageContainer)
+                        messageContainer.innerHTML = `
+                <div class='alert alert-success'>
+                   API  Data Updated successfully
+                    <button class='close' onclick='dismissMessage()'>OK</button>
+                </div>`;
+                    $('#addModal').modal('hide'); // Close the modal after saving
+                    fetchUpdatedDocuments(company_id);
+                },
+                error: function () {
+                    alert('Form has no changes to update knowledge base details.');
+                }
+            });
+        }
+        function dismissMessage() {
+            const messageContainer = document.getElementById('message-container');
+            if (messageContainer) {
+                messageContainer.innerHTML = '';
+            }
+        }
+        async function fetchUpdatedDocuments(company_id) {
+            console.log("company_id:", company_id);
+
+            var table = $('#apiTable').DataTable();
+            try {
+                const response = await fetch(`/api/api_updatetable?company_id=${company_id}`);
+                const connectorsResponse = await response.json();
+
+                console.log("Fetched connectorsResponse:", connectorsResponse);
+
+                table.clear(); // Clear existing data in the table
+
+                if (!Array.isArray(connectorsResponse) || connectorsResponse.length === 0) {
+                    displayErrorMessage("Knowledgebase  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.api_name,
+                            company.api_endpoint,
+                            `<a href='#' class='btn btn-info btn-sm' data-kid-id='${company.row_id}' data-action="view" onclick='viewCompany(this)'><i class='fas fa-eye'></i></a>`,
+                            `<a href='#' class='btn btn-warning btn-sm' data-kid-id='${company.row_id}' data-action="edit" onclick='editCompany(this)'><i class='fas fa-edit'></i></a>`,
+                            `<a href='#' class='btn btn-danger btn-sm' data-kid-id='${company.row_id}' onclick='deleteCompany(this)'><i class='fas fa-trash'></i></a>`,
+                            company.row_id
+                        ]);
+                    });
+                    table.draw(false); // Draw the table with the new data
+                    contentSection.style.display = 'block';
+                }
+            } catch (error) {
+                console.error("Error fetching updated documents:", error);
+                displayErrorMessage("There was an error fetching the updated documents.");
+            }
+        }
+
+        // Delete company
+        function deleteCompany(button) {
+            var companyId = $(button).data('kid-id');
+            console.log("k_id deleted", companyId);
+            $.ajax({
+                type: "DELETE",
+                url: `/api/deleteapi/${companyId}`,
+                success: function () {
+                    var table = $('#apiTable').DataTable();
+                    table.row($(button).closest('tr')).remove().draw();
+                    const messageContainer = document.getElementById('message-container');
+                    if (messageContainer)
+                        messageContainer.innerHTML = `
+                <div class='alert alert-danger'>
+                   API  Data Deleted successfully
+                    <button class='close' onclick='dismissMessage()'>OK</button>
+                </div>`;
+                    //alert("Company deleted successfully.");
+                    fetchCompanies(); // Refresh the table
+                },
+                error: function (xhr) {
+                    alert("Error deleting company: " + xhr.responseJSON.detail);
+                }
+            });
+        }
+
+        function save_file() {
+            const form = document.getElementById('documentForm');
+            const messageContainer = document.getElementById('message-container');
+            // 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();
+
+            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.json();
+                })
+                .then(data => {
+                    row_id = data.row_id;
+                    var table = $('#apiTable').DataTable();
+                    var rowCount = table.rows().count();
+                    const view = `<a href='#' class='btn btn-info btn-sm'data-kid-id='${row_id}' data-action="view" onclick='viewCompany(this)''><i class='fas fa-eye'></i></a>`;
+                    const edit = `<a href='#' class='btn btn-warning btn-sm'data-kid-id='${row_id}' data-action="edit" onclick='editCompany(this)'><i class='fas fa-edit'></i></a>`;
+                    const dele = `<a href='#' class='btn btn-danger btn-sm' data-kid-id='${row_id}' onclick='deleteCompany(this)'><i class='fas fa-trash'></i></a>`;
+                    table.row.add([
+                        rowCount + 1,
+                        APIName,
+                        APIEndpoint,
+                        view,
+                        edit,
+                        dele
+                    ]).draw(false);
+
+                    // alert('Document saved successfully');
+                    if (messageContainer)
+                        messageContainer.innerHTML = `
+                <div class='alert alert-success'>
+                   API  Data saved successfully
+                    <button class='close' onclick='dismissMessage()'>OK</button>
+                </div>`;
+                    $('#addModal').modal('hide');
+                    document.getElementById('contentSection').style.display = 'block'; // Show the table section
+                })
+                .catch(error => console.error('Error:', error));
+        }
+
+
+        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

@@ -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

@@ -0,0 +1,724 @@
+<!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>
+
+        #add {
+            display: inline-block ;
+        margin-right: 15px !important; /* Optional: Adjust margin if needed */
+    }
+
+        body {
+            background-color: transparent !important;
+        }
+
+        .card {
+            padding: 0;
+            margin-top: 10px;
+            margin-left: -50px;
+        }
+      /* Ensure the DataTable wrapper takes the full width */
+.dataTables_wrapper {
+    width: 100%;
+}
+/* Ensure the DataTable wrapper takes the full width */
+.dataTables_wrapper {
+    width: 100%;
+}
+
+
+
+/* Style for the custom dropdown */
+.custom-dropdown {
+    position: relative;
+    display: inline-block;
+    margin-left: 10px; /* Space between label and dropdown */
+}
+
+.dropdown-button {
+    background-color: white;
+    color: black;
+    padding: 5px;
+    border: 1px solid black;
+    border-radius: 4px;
+    cursor: pointer;
+    text-align: left;
+    width: 60px; /* Adjust width as needed */
+}
+
+.dropdown-content {
+    display: none;
+    position: absolute;
+    background-color: #f9f9f9;
+    min-width: 80px; /* Adjust width as needed */
+    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+    z-index: 1;
+    border: 1px solid #ddd;
+    top: 100%; /* Position below the button */
+    left: 0;
+}
+
+.dropdown-content a {
+    padding: 10px;
+    text-decoration: none;
+    display: block;
+    color: #333;
+}
+
+.dropdown-content a:hover {
+    background-color: #ddd;
+}
+
+        .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;
+        }
+
+
+        .table-responsive {
+            width: 95%;
+            overflow-x:none;
+        }
+
+        .table {
+            width: 100%;
+        }
+
+        .text-wrap {
+            white-space: normal !important;
+            word-break: break-word;
+        }
+
+        div.dataTables_wrapper div.dataTables_length select {
+            width: 60px;
+            display: inline-block;
+        }
+
+        .center-align {
+            padding-top: 20px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            width: 100%;
+        }
+
+        .reduced-width {
+            width: 50%;
+        }
+
+        th,
+        td {
+            white-space: nowrap;
+        }
+
+        .select2-container--bootstrap4 {
+            z-index: 1050;
+            /* Higher than the modal's z-index */
+        }
+
+        .select2-container--open {
+            z-index: 1060;
+            /* Ensure the dropdown is above the modal */
+        }
+
+        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: 10%;
+        }
+
+        th:nth-child(6),
+        td:nth-child(6) {
+            width: 10%;
+        }
+
+        th:nth-child(7),
+        td:nth-child(7) {
+            width: 10%;
+        }
+        th:nth-child(8),
+        td:nth-child(8) {
+            width: 10%;
+        }
+
+        .alert {
+            position: relative;
+            padding: 15px;
+            margin-bottom: 20px;
+            border: 1px solid transparent;
+            border-radius: 4px;
+        }
+
+        .alert-success {
+            color: #3c763d;
+            background-color: #dff0d8;
+            border-color: #d6e9c6;
+        }
+
+        .alert-danger {
+            color: #a94442;
+            background-color: #f2dede;
+            border-color: #ebccd1;
+        }
+
+        .close2 {
+            position: absolute;
+            bottom: 10px;
+            right: 10px;
+            border: none;
+            background: none;
+            font-size: 16px;
+            cursor: pointer;
+        }
+    </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" style="margin-bottom:-30px;position:fixed"               id="add">Add</button>
+                            </div>
+                        </div> -->
+                        <input type="hidden" id="userRole" name="userRole" value={{role}}>
+                        <div class="row">
+                            <div id="message-container" style="margin-left: 200px;width:600px;"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- Main content -->
+            <section class="content" id="startTable" style="display: none;">
+               
+                    <div class="row">
+                        <div class="col-12">
+                            <div class="card">
+                                <div class="card-body table-container">
+                                 <div class="dataTables_wrapper">
+                                    <div class="row"> 
+                                    <div class="dataTables_length" >
+                                        <label style="display: inline-block;margin-right:800px; margin-bottom: -40px;" >Show entries:
+                                            <div class="custom-dropdown">
+                                                <button class="dropdown-button">5</button>
+                                                <div class="dropdown-content">
+                                                    <a href="#" data-length="5">5</a>
+                                                    <a href="#" data-length="10">10</a>
+                                                    <a href="#" data-length="50">50</a>
+                                                    <a href="#" data-length="100">100</a>
+                                                </div>
+                                            </div>
+                                        </label>
+                                    </div>
+                                    <table id="companyTable" class="table display mb-4 dataTablesCard dataTable table-responsive-xl card-table" >
+                                        <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>
+                                        
+                                    </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-select" 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>
+                           
+                        <div class="form-group">
+                            <label for="domain">UserName<span class="text-danger">*</span></label>
+                            <input type="text" class="form-control" id="username" name="username" required>
+                        </div>
+                    </form>
+                </div>
+                <div class="modal-footer">
+                    <button type="button" id="saveupdate" class="btn btn-primary" style="display: none;">Update</button>
+                    <button type="button" id="save" onclick="saveProfile()" class="btn btn-primary">Save</button>
+                </div>
+            </div>
+        </div>
+    </div>
+    {%include 'footer.html'%}
+    <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 () {
+
+            const role = sessionStorage.getItem('userRole');
+            const company_id=sessionStorage.getItem('company_id');
+            console.log('Current role:', role); // Debug statement to check the role
+            document.getElementById('userRole').value = role;
+            const passedCompanyName = sessionStorage.getItem('company_name')
+            document.getElementById('selectedCompany').innerText = `Company Name: ${passedCompanyName}`;
+            $('#addModal').hide();  // Make sure this is called initially
+        function checkForAddButton() {
+            const addButton = document.getElementById('add');
+        
+        if (addButton) {
+            // Stop checking once the element is found
+            clearInterval(checkInterval);
+            if (role === 'superadmin') {
+                console.log("insidse compamy profile super admin");
+               
+                $('#startTable').show();
+                $('#addModal').hide();
+                $('#add').show();
+
+
+            } else {
+                console.log("insidse company profile admin");
+                $('#add').hide();
+                const modalTitle = document.getElementById('addModalLabel');
+                modalTitle.textContent = 'Company Details';
+               viewCompany(company_id);
+            }
+            }
+        }
+        const checkInterval = setInterval(checkForAddButton, 100); //
+            document.querySelector('.dropdown-button').addEventListener('click', function() {
+        const dropdownContent = document.querySelector('.dropdown-content');
+        dropdownContent.style.display = dropdownContent.style.display === 'block' ? 'none' : 'block';
+    });
+            fetchCompanies();
+        });
+        window.addEventListener('click', function(event) {
+        if (!event.target.matches('.dropdown-button')) {
+            const dropdownContents = document.querySelectorAll('.dropdown-content');
+            dropdownContents.forEach(function(content) {
+                content.style.display = 'none';
+            });
+        }
+    });
+        window.addEventListener('pageshow', function (event) {
+            if (event.persisted || (window.performance && window.performance.navigation.type === 2)) {
+                window.location.reload();
+            }
+        });
+
+
+        $(document).ready(function () {
+            // Initialize DataTable
+            //$('#companyTable').DataTable();
+            $('#companyTable').DataTable({
+                
+    "paging": true,
+    "pageLength":5,
+    "lengthChange": false,
+    "searching": true,
+    "ordering": true,
+    "info": true,
+    "autoWidth": false,
+    "responsive": true
+});
+        
+            // Initialize Select2
+            $('select').select2({
+                theme: 'bootstrap4',
+                placeholder: 'Select',
+                allowClear: true,
+                dropdownParent: $('#addModal') 
+            });
+        
+            // Show modal function
+            $('#add').on('click', function () {
+                const modalTitle = document.getElementById('addModalLabel');
+                modalTitle.textContent = 'Add Company Details';
+                console.log('Modal title after setting:', modalTitle.textContent); // This should log the new title
+                $('#company_name').removeAttr('readonly');
+                $('#company_code').removeAttr('readonly');
+                $('#domain').removeAttr('readonly');
+                $('select').prop('disabled', false);
+                $('#username').removeAttr('readonly');
+                $('#addModal').modal('show');
+                $('#save').show();
+                $('#saveupdate').hide();
+                
+
+                clearmodal();
+                $('#save').prop('disabled', false); // Disable the "Save" button when the modal opens
+            });
+            $('.modal-footer .btn-secondary, .modal-header .close').on('click', function () {
+                $('#addModal').modal('hide');
+            });
+ $('#addModal').on('shown.bs.modal', function() {
+     $('#companyTable').DataTable().columns.adjust().draw(); 
+    // Initialize Select2 only if not already initialized
+    if (!$('#llm_tools').hasClass('select2-hidden-accessible')) {
+        $('select').select2({
+            theme: 'bootstrap4',
+            placeholder: 'Select LLM Tools',
+            allowClear: true,
+            dropdownParent: $('#addModal') 
+        });
+    }
+});
+
+            $(document).on('click', '.btn-view', function () {
+                const companyId = $(this).data('id');
+                console.log("company_id in view", companyId);
+                viewCompany(companyId);
+            });
+
+            // Edit company details
+            $(document).on('click', '.btn-edit', function () {
+                const companyId = $(this).data('id');
+                console.log("company_id in edit", companyId);
+                if (companyId)
+            {
+                const modalTitle = document.getElementById('addModalLabel');
+                modalTitle.textContent = 'Edit Company Details';
+                console.log('Modal title:', modalTitle.textContent);
+
+                Editcompany(companyId);
+            }
+            });
+
+            // Delete company
+            $(document).on('click', '.btn-delete', function () {
+                const companyId = $(this).data('id'); // Get the company ID from the da     
+                console.log("company_id in delete", companyId);
+                if (confirm("Are you sure you want to delete this company?")) {
+                    deleteCompany(companyId); // Call the delete function with the company ID
+                }
+            });
+        });
+        // View company details
+function viewCompany(companyId) {
+    const username = sessionStorage.getItem('username');
+    const modalTitle = document.getElementById('addModalLabel');
+    modalTitle.textContent = 'View Company Details';
+
+    // Fetch company details by ID
+    $.getJSON(`/api/getcompanydetails/${companyId}`, function (company) {
+        console.log("Fetched company details:", company);
+
+        // Set the company fields to readonly
+        $('#company_name').val(company.company_name).attr('readonly', 'readonly');
+        $('#company_code').val(company.company_code).attr('readonly', 'readonly');
+        $('#domain').val(company.domain).attr('readonly', 'readonly');
+        $('select').val(company.llm_tools.split(',')).trigger('change');
+        $('select').prop('disabled', true);
+        $('#username').val(username).attr('readonly', 'readonly');
+
+        // Show the modal
+        $('#saveupdate').hide();
+        $('#save').hide();
+        $('#addModal').modal('show');
+    }).fail(function () {
+        console.error("Error retrieving company details.");
+    });
+}
+        // Edit company details
+        function Editcompany(companyId) {
+           
+            const username=sessionStorage.getItem('username');
+            const modalTitle = document.getElementById('addModalLabel');
+            modalTitle.textContent = 'Edit Company Details';
+            console.log('Modal title after setting:', modalTitle.textContent); // Should log "Edit Company Details"
+            // Fetch company details by ID
+            $.getJSON(`/api/getcompanydetails/${companyId}`, function (company) {
+                $('#company_name').removeAttr('readonly');
+                $('#company_code').removeAttr('readonly');
+                $('#domain').removeAttr('readonly');
+                $('select').prop('disabled', false);
+                $('#save').hide();
+                $('#saveupdate').show();
+                // Populate the form with the company's details
+                $('#company_name').val(company.company_name);
+                $('#company_code').val(company.company_code);
+                $('#domain').val(company.domain);
+                $('select').val(company.llm_tools.split(',')).trigger('change');
+                $('#username').val(username).attr('readonly', 'readonly');// Disable the select input
+                
+                //sessionStorage.setItem('llmTools', company.llm_tools); // Store as a string
+                $('#addModal').modal('show');
+
+                // Update the save button to save the edited company
+                $('#saveupdate').off('click').on('click', function () {
+
+                    saveupdate(companyId); // Pass the company ID for updating
+                });
+            }).fail(function () {
+                alert("Error retrieving company details.");
+            });
+        }
+
+        // Delete company
+        function deleteCompany(companyId) {
+            console.log("company_id deleted", companyId);
+            $.ajax({
+                type: "DELETE",
+                url: `/api/delcompanydetails/${companyId}`,
+                success: function () {
+                  //  alert("Company deleted successfully.");
+                    const messageContainer = document.getElementById('message-container');
+                    if (messageContainer)
+                        messageContainer.innerHTML = `
+                <div class='alert alert-danger'>
+                   Company details deleted successfully.
+                    <button class='close' style='font-size:medium;margin-top:6px;'  onclick='dismissMessage()'>OK</button>
+                </div>`;
+                    fetchCompanies(); // Refresh the table
+                },
+                error: function (xhr) {
+                    alert("Error deleting company: " + xhr.responseJSON.detail);
+                }
+            });
+        }
+        function saveupdate(companyId) {
+            console.log("company_id", companyId);
+          const llm_tools= $('#llm_tools').select2("val"); 
+            var formData = new FormData();
+    formData.append('company_name', $('#company_name').val());
+    formData.append('company_code', $('#company_code').val());
+    formData.append('domain', $('#domain').val());
+    formData.append('llm_tools',llm_tools); // Assuming llm_tools is a multi-select
+            
+            console.log("company_data", formData);
+
+            $.ajax({
+                url: `/api/putcompanydetails/${companyId}`,
+                type: 'PUT',
+                data: formData,
+        processData: false,  // Important for FormData
+        contentType: false,
+                success: function (response) {
+                    // alert('Company details updated successfully.');
+                    const messageContainer = document.getElementById('message-container');
+                    if (messageContainer)
+                        messageContainer.innerHTML = `
+                <div class='alert alert-success'>
+                   Company  Data Updated successfully
+                    <button class='close' style='font-size:medium;margin-top:6px;' onclick='dismissMessage()'>OK</button>
+                </div>`;
+                    $('#addModal').modal('hide'); // Close the modal after saving
+                    fetchCompanies();
+                },
+                error: function () {
+
+                    const messageContainer = document.getElementById('message-container');
+                    if (messageContainer)
+                        messageContainer.innerHTML = `
+                <div class='alert alert-danger'>
+                  No changes have been made  to update company details.
+                    <button class='close' style='font-size:medium;margin-top:6px;' onclick='dismissMessage()'>OK</button>
+                </div>`;
+                    $('#addModal').modal('hide');
+                    //alert('No changes have been made  to update company details.');
+                }
+            });
+        }
+
+        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').select2("val");
+             console.log("Selected LLM Tools:", llm_tools);
+           // console.log("llm_tools element:", document.getElementById('llm_tools'));
+            const username=$('#username').val();
+           
+
+            // Prepare FormData
+            let formData = new FormData();
+            const password="password";
+            const rolesave="admin";
+            formData.append("company_name", company_name);
+            formData.append("company_code", company_code);
+            formData.append("domain", domain);
+            formData.append("llm_tools", llm_tools);
+            formData.append("username",username);
+            formData.append("password",password);
+            formData.append("role",rolesave);
+
+            $.ajax({
+                type: "POST",
+                url: "/submit_company_profile",
+                data: formData,
+                processData: false,
+                contentType: false,
+                success: function (response) {
+                    // alert("Data saved successfully"); // Show success message
+                    const messageContainer = document.getElementById('message-container');
+                    if (messageContainer)
+                        messageContainer.innerHTML = `
+                <div class='alert alert-success'>
+                    Data saved successfully
+                    <button class='close' style='font-size:medium;margin-top:6px;' onclick='dismissMessage()'>OK</button>
+                </div>`;
+                    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
+                }
+            });
+        }
+        function dismissMessage() {
+            const messageContainer = document.getElementById('message-container');
+            if (messageContainer) {
+                messageContainer.innerHTML = '';
+            }
+        }
+        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'onclick='viewCompany(${company.company_id})'><i class='fas fa-eye'></i></a>`,
+                        `<a href='#' class='btn btn-warning btn-sm'onclick='Editcompany(${company.company_id})'><i class='fas fa-edit'></i></a>`,
+                        `<a href='#' class='btn btn-danger btn-sm' onclick='deleteCompany(${company.company_id})'><i class='fas fa-trash'></i></a>`
+
+                    ])
+                });table.draw(false);
+            } catch (error) {
+                console.error('Error fetching companies:', error);
+            }
+        }
+        function clearmodal() {
+    $('#companyForm')[0].reset();  // Reset all form fields
+    $('#llm_tools').val(null).trigger('change');  // Clear and reset the Select2 field without reinitializing
+}
+
+document.querySelectorAll('.dropdown-content a').forEach(function(item) {
+        item.addEventListener('click', function() {
+            const length = item.getAttribute('data-length');
+            // Set the DataTable page length
+            $('#companyTable').DataTable().page.len(parseInt(length)).draw();
+            document.querySelector('.dropdown-button').textContent = length;
+        });
+    });
+
+
+    </script>
+</body>
+
+</html>

templates/dashboard.html

@@ -0,0 +1,360 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Dashboard</title>
+    <!-- CSS -->
+   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
+    <link rel="stylesheet" type="text/css" href="../static/css/style.css" />
+    <link rel="stylesheet" type="text/css" href="../static/css/dashboard.css" />
+    <link rel="stylesheet" type="text/css" href="../static/css/perfect-scrollbar.css" />
+     <style>
+        .btn-primary {
+          background-color: #0d6efd;
+          border-radius:5px;
+          border-color: #0d6efd;
+        }
+       #sidebarToggle
+       {
+         border-radius:4px;
+         margin-left:250px;
+       }
+        .main-sidebar.toggled .menu-text {
+        display: none;
+    }
+  #selectedCompany.toggled .menu-text {
+        display: none;
+    }
+        .wrapper {
+            flex: 1;
+            padding: 10px;
+            margin-left: 300px; /* Default sidebar width */
+            transition: margin-left 0.3s ease;
+        }
+
+        .main-header {
+            border-bottom: none;
+            border-top: none;
+        }
+
+        .card {
+            margin-bottom: 15px;
+            border-radius: 8px;
+            overflow: hidden;
+            transition: background-color 0.3s ease;
+        }
+
+        .card-body {
+            padding: 15px;
+        }
+
+        .feature-icon {
+            display: inline-flex;
+            align-items: center;
+            justify-content: center;
+            width: 50px;
+            height: 50px;
+            background: rgba(255, 255, 255, 0.1);
+            border-radius: 50%;
+        }
+        .sidebarPanel
+       {
+         display:none;
+       }
+        .media-body {
+            text-align: right;
+        }
+
+        .fs-30 {
+            font-size: 1.875rem;
+        }
+
+        .fs-48 {
+            font-size: 3rem;
+        }
+      
+      
+        /* Responsive Styles */
+        @media (max-width: 992px) {
+            .wrapper {
+                margin-left: 200px;
+            }
+
+            .main-header {
+                padding: 15px;
+            }
+          
+        }
+
+        @media (max-width: 768px) {
+          .feature-icon {
+                width: 40px;
+                height: 40px;
+            }
+
+            .fs-30 {
+                font-size: 1.5rem;
+            }
+
+            .fs-48 {
+                font-size: 2.5rem;
+            }   
+        }
+    </style>
+</head>
+
+<body>
+    {% set company_name = company_name %}
+    {% include 'sidepane.html' %}
+
+    <div class="wrapper">
+        <section class="main-header">
+            <div class="container-fluid">
+                <div id="company-block" class="form-group left-align" style="display: none;">
+                    <label for="company" class="ml-3" style="display: inline-block; margin-right: 10px;">
+                        Select the Company Name to view the details <span class="text-danger">*</span>
+                    </label>
+                    <select type="text" id="company" name="company" class="ml-3 form-control"
+                        style="display: inline-block; width: 20%;" required>
+                        <option value="" selected>Select</option>
+                    </select>
+                </div>
+                
+                <div class="row">
+                    <div class="col-md-6">
+                        <div class="card bg-primary">
+                            <div class="card-body">
+                                <div class="media align-items-center">
+                                    <span class="p-3 mr-3 feature-icon rounded">
+                                        <img src="../static/logos/calendar-silhouette.svg" />
+                                    </span>
+                                    <div class="media-body">
+                                        <p class="fs-30 text-white mb-2">KnowledgeBase</p>
+                                        <span id="knowledgeBaseCount" class="fs-48 text-white font-w600">{{table_count_of_each_table.knowledge_base}}</span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-md-6">
+                        <div class="card bg-info">
+                            <div class="card-body">
+                                <div class="media align-items-center">
+                                    <span class="p-3 mr-3 feature-icon rounded">
+                                        <img src="../static/logos/calendar-silhouette.svg" />
+                                    </span>
+                                    <div class="media-body">
+                                        <p class="fs-30 text-white mb-2">Data connectors</p>
+                                        <span id="dataConnectorsCount" class="fs-48 text-white font-w600">{{table_count_of_each_table.data_connectors}}</span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    </div>
+                    <div class="row">
+                    <div class="col-md-6 ">
+                        <div class="card bg-success">
+                            <div class="card-body">
+                                <div class="media align-items-center">
+                                    <span class="p-3 mr-3 feature-icon rounded">
+                                        <img src="../static/logos/email.svg" />
+                                    </span>
+                                    <div class="media-body">
+                                        <p class="fs-30 text-white mb-2">API Connectors</p>
+                                        <span id="apiConnectorsCount" class="fs-48 text-white font-w600">{{table_count_of_each_table.api_connectors}}</span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                    <div class="col-md-6 ">
+                        <div class="card bg-secondary">
+                            <div class="card-body">
+                                <div class="media align-items-center">
+                                    <span class="p-3 mr-3 feature-icon rounded">
+                                        <img src="../static/logos/dots.svg" />
+                                    </span>
+                                    <div class="media-body">
+                                        <p class="fs-30 text-white mb-2">Prompt_Templates</p>
+                                        <span  id="promptTemplatesCount" class="fs-48 text-white font-w600">{{table_count_of_each_table.prompt_templates}}</span>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </section>
+        <input type="hidden" id="userRole" name="userRole" value={{role}}>
+        <input type="hidden" id="company_id" name="company_id" value={{company_id}}>
+        <input type="hidden" id="username" name="username" value={{username}}>
+        <input type="hidden" id="company_name" name="company_name" value={{company_name}}>
+       
+    </div>
+
+   
+ {% include 'footer.html' %}
+    
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/adminlte.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+    <script>
+          document.getElementById("add").style.display = "none";
+
+// function updateCompanyName(newCompanyName) {
+//     sessionStorage.setItem('company_name', newCompanyName);
+//     document.getElementById('selectedCompany').innerText = `Company name: ${newCompanyName}`;
+//     const sidePaneCompanyName = document.querySelector('.sidebar .company-name');
+//     if (sidePaneCompanyName) {
+//         sidePaneCompanyName.innerText = newCompanyName;
+//     }
+// }
+function updateSidepane(companyName) {
+            const sidepaneCompanyElement = document.getElementById('selectedCompany');
+            if (sidepaneCompanyElement) {
+                sidepaneCompanyElement.innerText = `Company Name: ${companyName}`;
+            }
+        }
+     
+window.addEventListener('pageshow', function (event) {
+            if (event.persisted || (window.performance && window.performance.navigation.type === 2)) {
+                window.location.reload();
+            }
+        });
+
+        document.addEventListener('DOMContentLoaded', function () {
+            var role1 = document.getElementById("userRole").value;
+            var company_id1 = document.getElementById("company_id").value;
+            var company_name1=document.getElementById("company_name").value;
+            var username1=document.getElementById("username").value;
+            console.log("companyid in dasshboard",username1);
+             sessionStorage.setItem('userRole', role1);
+            // sessionStorage.setItem('siderole',role1);
+            // sessionStorage.setItem('sidecompanyId',company_id1);
+            sessionStorage.setItem('company_id', company_id1);
+            sessionStorage.setItem('company_name',company_name1);
+            sessionStorage.setItem('username',username1);
+            const companyName = sessionStorage.getItem('company_name');
+            if (companyName) {
+                
+                updateSidepane(companyName);
+            }
+                else{
+document.getElementById(selectedCompany).value="Select a company";
+                }
+            
+
+            if (!role1) {
+                var roleFromInput = sessionStorage.getItem('userRole');
+                sessionStorage.setItem('userRole', roleFromInput);
+                console.log("Role set in sessionStorage:", roleFromInput);
+            } else {
+                sessionStorage.setItem('userRole', role1);
+                console.log("Retrieved user role from input:", role1); // Debugging
+            }
+            if (role1 === "superadmin") {
+                document.getElementById('company-block').style.display = 'block';
+                fetchCompanies();
+            }
+
+        });
+        document.getElementById('company').addEventListener('change', async function () {
+            const selectedCompany = this.value;
+            sessionStorage.setItem("company_name",selectedCompany);
+            // Update the sidepane immediately
+            updateSidepane(selectedCompany);
+            if (selectedCompany!== "Select") {
+                try {
+                    const response = await fetch(`/api/company_id?company_name=${encodeURIComponent(selectedCompany)}`);
+                    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;
+                    sessionStorage.setItem("company_id",companyId);
+                    console.log("company id for superadmin", company_id);
+                     //document.getElementById('company_id').value = companyId;                  
+             
+            
+                if (companyId) {
+                    try {
+                        const countResponse = await fetch(`/api/company_record_count/${companyId}`);
+                        if (!countResponse.ok) {
+                            throw new Error('Network response was not ok');
+                        }
+                        const countData = await countResponse.json();
+                        console.log('Count data:', countData); // Log the response data
+                        updateRecordCounts(countData.table_counts);
+                    } catch (error) {
+                        console.error('Error fetching record counts:', error);
+                    }
+                } else {
+                    clearRecordCounts();
+                }
+            } catch (error) {
+                    console.error('No details for this company ID or data documents:', error);
+                    // displayEmptyTable();
+
+                    displayErrorMessage("company details do not exist for this company.");
+                   
+                }
+            }
+            });
+
+        function updateRecordCounts(counts) {
+            // Update the counts displayed in the dashboard
+            document.getElementById('knowledgeBaseCount').textContent = counts.knowledge_base || 0;
+            document.getElementById('dataConnectorsCount').textContent = counts.data_connectors || 0;
+            document.getElementById('apiConnectorsCount').textContent = counts.api_connectors || 0;
+            document.getElementById('promptTemplatesCount').textContent = counts.prompt_templates || 0;
+        }
+
+        function clearRecordCounts() {
+            document.getElementById('knowledgeBaseCount').textContent = 0;
+            document.getElementById('dataConnectorsCount').textContent = 0;
+            document.getElementById('apiConnectorsCount').textContent = 0;
+            document.getElementById('promptTemplatesCount').textContent = 0;
+        }
+
+        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/data_connectors.html

@@ -0,0 +1,624 @@
+<!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">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
+
+    <style>
+        #add{
+            display: none ;
+        }
+        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: 30px;
+        }
+
+        /* .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-top: -10px;
+            margin-left:-22px;
+            display: block;
+        }
+
+        .form-group input,
+        .form-group select,
+        .form-group textarea {
+            width: 90%;
+            margin-left:-22px;
+            padding: 2px;
+            border: 1px solid #ccc;
+            border-radius: 4px;
+        }
+
+        .btn-primary {
+            margin-right: 10px;
+            color: white;
+            font-size: 16px;
+            font-weight: bold;
+        }
+
+        /* .btn-container {
+            text-align: center;
+            margin-top: 20px;
+            margin-bottom: 10px;
+        } */
+        .btn-primary {
+            margin-right: 10px;
+            color: white;
+            font-size: 16px;
+            font-weight: bold;
+        }
+
+
+        .btn-container {
+            text-align: center;
+            margin-top: 30px;
+            margin-left: 20px;
+            margin-right: 0px;
+            margin-bottom: 10px;
+            /* color: white; */
+        }
+
+        .btn-container1 {
+            text-align: center;
+            margin-top: 50px;
+            margin-left: 30px;
+            margin-right: 30px;
+            margin-bottom: 10px;
+            color: white;
+        }
+
+        /* #selectedTables,
+        #labelselected {
+            display: none;
+        } */
+        .btn-primary:focus,
+        .btn-primary:active {
+            color: white;
+            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 {
+            margin-top: 5px;
+            width: 200px;
+            /* Adjust the width as needed */
+        }
+
+        .custom-dropdown {
+            width: 250px;
+            /* Adjust the width as needed */
+        }
+        /* Ensure the new row aligns with the previous row */
+#schema-table-section {
+    
+    margin-left: -20px; /* Adjust this if you need spacing between rows */
+    padding-top: 5px; /* Adjust padding if needed */
+}
+
+.alert {
+    position: relative;
+    padding: 15px;
+    margin-bottom: 20px;
+    border: 1px solid transparent;
+    border-radius: 4px;
+}
+
+.alert-success {
+    color: #3c763d;
+    background-color: #dff0d8;
+    border-color: #d6e9c6;
+}
+
+.alert-danger {
+    color: #a94442;
+    background-color: #f2dede;
+    border-color: #ebccd1;
+}
+
+.close {
+    position: absolute;
+    bottom: 10px;
+    right: 10px;
+    border: none;
+    background: none;
+    font-size: 16px;
+    cursor: pointer;
+}
+
+
+    </style>
+</head>
+
+<body>
+    {% include 'sidepane.html' %}
+    <div class="wrapper">
+        <div class="main-header" style="border-bottom: none;">
+            <!-- Content Header (Page header) -->
+            <div class="content-header">
+                <div class="container-fluid">
+                    <div class="container mt-2">
+                        <!-- <div class="form-group left-align">
+                            <label for="company" class="mr-1" style="margin-left:-60px;margin-top:-1px;">Company Name <span class="text-danger">*</span></label>
+                            <select type="text" id="company" name="company" class="form-control "style="width: 20%;margin-left:-60px;margin-bottom:-35px" required>
+                                <option value="" selected>Select</option>
+                            </select>
+                        </div> -->
+                        <div class="row">
+                            <div id="message-container" style="padding:10px 10px;margin-left: 150px;width:500px;margin-bottom:-20px; margin-top: -30px;"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+          
+        <form id="databaseconnectorForm" class="needs-validation" novalidate action="/save_data_connectors"
+            method="post" >
+            <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>
+            <h4 id="selectedCompany" style="margin-left: 300px;margin-bottom: 50px;margin-top: -50px;"></h4>
+            <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="Postgres">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-group1">
+                            <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="col-md-3">
+                        <div class="form-group1">
+                            <label for="tableschema" style="margin-left: 30px;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: 30px;margin-right: 0px;" 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-group1">
+                            <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 class="footer">
+        {%include 'footer.html'%}
+    </footer>
+    <script>
+     
+        document.addEventListener('DOMContentLoaded', function () {
+            // fetchCompanies();
+            // const companySelect = document.getElementById('company');
+            // const databaseconnectorForm = document.getElementById('databaseconnectorForm');
+            // database.addEventListener('change', async function () {
+            //     $("#message-container").empty();
+            // });
+            // 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;
+            var table = $('#databaseconnecorsform').show();
+            const role = sessionStorage.getItem('userRole');
+            const passedCompanyName=sessionStorage.getItem('company_name')
+            document.getElementById('selectedCompany').innerText = `Company Name: ${passedCompanyName}`;
+            console.log('Current role:', role); // Debug statement to check the role
+            const storecompany_id=sessionStorage.getItem('company_id');
+            document.getElementById("company_id").value=storecompany_id;
+
+            data_get_from_db(storecompany_id,passedCompanyName);
+        });
+            async function data_get_from_db(storecompany_id,selectedCompanyName) {
+     
+                        if (storecompany_id) {
+                            try {
+                                const connectorsResponse = await fetch(`/api/check_data_connectors?company_id=${storecompany_id}&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('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 > 1) {
+                            currentText += ", " + table;
+                        } else {
+                            currentText = table;
+                        }
+                    }
+                });
+                $("#selectedTables").val(currentText);
+            });
+    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) {
+        alert("Please fill in all required fields.");
+        return;
+    }
+   // document.getElementById("schema-table-section").style.display = "block";
+    fetch("/api/connect", {
+        method: "POST",
+        headers: {
+            "Content-Type": "application/json"
+        },
+        body: JSON.stringify({
+            database_type: database,
+            server: server,
+            port: port,
+            databaseName: databaseName,
+            username: username,
+            password: password
+        })
+    })
+    .then(response => response.json())
+    .then(data => {
+        if (data.success) {
+            document.getElementById("schema-table-section").style.display = "block";
+            populateSchemaDropdown(data.schemas);
+            // Set default selection for tables
+            if (data.schemas.length > 0) {
+                updateTablesDropdown(data.schema_tables, data.schemas[0]);
+                schemas.addEventListener("change", function (event) {
+                 var selectedSchema = event.target.value;
+                 updateTablesDropdown(data.schema_tables, selectedSchema);
+    });
+            }
+        } else {
+            alert("Failed to connect to the database. Please check your credentials.");
+            document.getElementById("schema-table-section").style.display = "none";
+        }
+    })
+    .catch(error => {
+        console.error("Error:", error);
+        alert("An error occurred while connecting to the database.");
+    });
+});
+
+function populateSchemaDropdown(schemas) {
+    var schemaSelect = document.getElementById("schemas");
+    schemaSelect.innerHTML = "";  // Clear any existing options
+
+    schemas.forEach(function (schema) {
+        var option = document.createElement("option");
+        option.value = schema;
+        option.textContent = schema;
+        schemaSelect.appendChild(option);
+    });
+  
+}
+
+function updateTablesDropdown(schemaTables, selectedSchema) {
+    var tableSchemaSelect = document.getElementById("tableschema");
+    tableSchemaSelect.innerHTML = "";  // Clear any existing options
+
+    if (schemaTables[selectedSchema]) {
+        schemaTables[selectedSchema].forEach(function (table) {
+            var option = document.createElement("option");
+            option.value = table;
+            option.textContent = table;
+            tableSchemaSelect.appendChild(option);
+        });
+    }
+}
+
+ document.getElementById("saveBtn").addEventListener("click", async function (event) {
+    event.preventDefault();  // Prevent the default form submission
+
+    // Set the password value
+    //document.getElementById("password").value = "root";
+
+    const form = document.getElementById('databaseconnectorForm');
+    const formData = new FormData(form);
+    formData.append("company_id",  document.getElementById('company_id').value);
+    try {
+        console.log("inside save",formData);
+    console.log("comaonyid", document.getElementById('company_id').value);
+    for (const [key, value] of formData.entries()) {
+        console.log(`${key}: ${value}`);
+    }
+        const response = await fetch(form.action, {
+            method: "POST",
+            body: formData
+        });
+
+        if (!response.ok) {
+            throw new Error('Network response was not ok');
+        }
+
+        const data = await response.json();
+
+        console.log("result", response);
+
+        const messageContainer = document.getElementById('message-container');
+        if (data.created) {
+        if (messageContainer) {
+            const messageType = data.created ? 'alert-success' : 'alert-danger';
+            messageContainer.innerHTML = `
+                <div class='alert ${messageType}'>
+                    ${data.msg}
+                    <button class='close'style='font-size:medium;margin-top:6px;'onclick='dismissMessage()'>OK</button>
+                </div>`;
+        }
+    }
+        
+    } catch (error) {
+        console.error('Error saving data:', error);
+        const messageContainer = document.getElementById('message-container');
+        if (messageContainer) {
+            messageContainer.innerHTML = `
+                <div class='alert alert-danger'>
+                    An error occurred while saving data in database.
+                    <button class='close' style='font-size:medium;margin-top:6px;' onclick='dismissMessage()'>OK</button>
+                </div>`;
+        }
+    }
+});
+
+        
+        function dismissMessage() {
+    const messageContainer = document.getElementById('message-container');
+    if (messageContainer) {
+        messageContainer.innerHTML = '';
+    }
+}
+        function handleError() {
+                document.getElementById('database').value = " ";
+                document.getElementById('server').value = " ";
+                document.getElementById('port').value = " ";
+                document.getElementById('databaseName').value = " ";
+                document.getElementById('username').value = " ";
+                document.getElementById('password').value = " ";
+        }
+       
+
+        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

@@ -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

@@ -0,0 +1,359 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <title>Sign In/Up Form</title>
+    <!-- Google Font -->
+    <link href="https://fonts.googleapis.com/css?family=Montserrat:400,800" rel="stylesheet">
+    <!-- Font Awesome -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
+    <style>
+        * {
+            box-sizing: border-box;
+        }
+
+        body {
+            background: #f6f5f7;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            flex-direction: column;
+            font-family: 'Montserrat', sans-serif;
+            height: 100vh;
+            margin: -20px 0 50px;
+        }
+
+        h1 {
+            font-weight: bold;
+            margin: 0;
+        }
+
+        h2 {
+            text-align: center;
+        }
+
+        p {
+            font-size: 14px;
+            font-weight: 100;
+            line-height: 20px;
+            letter-spacing: 0.5px;
+            margin: 20px 0 30px;
+        }
+
+        span {
+            font-size: 12px;
+        }
+
+        a {
+            color: #333;
+            font-size: 14px;
+            text-decoration: none;
+            margin: 15px 0;
+        }
+
+        button {
+            border-radius: 20px;
+            border: 1px solid #1c6bae;
+            background-color: #1c6bae;
+            color: #FFFFFF;
+            font-size: 12px;
+            font-weight: bold;
+            padding: 12px 45px;
+            margin-top: 30px;
+            letter-spacing: 1px;
+            text-transform: uppercase;
+            transition: transform 80ms ease-in;
+        }
+
+        button:active {
+            transform: scale(0.95);
+        }
+
+        button:focus {
+            outline: none;
+        }
+
+        button.ghost {
+            background-color: transparent;
+            border-color: #FFFFFF;
+        }
+
+        form {
+           /* background-color: #FFFFFF;*/
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-direction: column;
+            padding: 0 50px;
+            height: 100%;
+            text-align: center;
+        }
+
+        input {
+            background-color: #eee;
+            border: none;
+            padding: 12px 15px;
+            margin: 8px 0;
+            width: 100%;
+        }
+
+        .container {
+            background-color: #fff;
+            border-radius: 10px;
+            box-shadow: 0 14px 28px rgba(0,0,0,0.25), 
+                        0 10px 10px rgba(0,0,0,0.22);
+            position: relative;
+            overflow: hidden;
+            width: 528px;
+            max-width: 100%;
+            min-height: 400px;
+        }
+
+        .form-container {
+            position: absolute;
+            top: 0;
+            height: 100%;
+            transition: all 0.6s ease-in-out;
+        }
+
+        .sign-in-container {
+            left: 0;
+            width: 50%;
+            z-index: 2;
+           
+        }
+
+        .container.right-panel-active .sign-in-container {
+            transform: translateX(100%);
+        }
+
+        .sign-up-container {
+            left: 0;
+            width: 50%;
+            opacity: 0;
+            z-index: 1;
+        }
+
+        .container.right-panel-active .sign-up-container {
+            transform: translateX(100%);
+            opacity: 1;
+            z-index: 5;
+            animation: show 0.6s;
+        }
+
+        @keyframes show {
+            0%, 49.99% {
+                opacity: 0;
+                z-index: 1;
+            }
+            50%, 100% {
+                opacity: 1;
+                z-index: 5;
+            }
+        }
+
+        .overlay-container {
+            position: absolute;
+            top: 0;
+            left: 50%;
+            width: 50%;
+            height: 100%;
+            overflow: hidden;
+            transition: transform 0.6s ease-in-out;
+            z-index: 100;
+        }
+
+        .container.right-panel-active .overlay-container {
+            transform: translateX(-100%);
+        }
+
+        .overlay {
+            background: #FF416C;
+            background: -webkit-linear-gradient(to right,#1c6bae, #1c6bae);
+            background: linear-gradient(to right, #1c6bae, #1c6bae);
+            background-repeat: no-repeat;
+            background-size: cover;
+            background-position: 0 0;
+            color: #FFFFFF;
+            position: relative;
+            left: -100%;
+            height: 100%;
+            width: 200%;
+            transform: translateX(0);
+            transition: transform 0.6s ease-in-out;
+        }
+
+        .container.right-panel-active .overlay {
+            transform: translateX(50%);
+        }
+
+        .overlay-panel {
+            position: absolute;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-direction: column;
+            padding: 0 40px;
+            text-align: center;
+            top: 0;
+            height: 100%;
+            width: 50%;
+            transform: translateX(0);
+            transition: transform 0.6s ease-in-out;
+        }
+
+        .overlay-left {
+            transform: translateX(-20%);
+        }
+
+        .container.right-panel-active .overlay-left {
+            transform: translateX(0);
+        }
+
+        .overlay-right {
+            right: 0;
+            transform: translateX(0);
+        }
+
+        .container.right-panel-active .overlay-right {
+            transform: translateX(20%);
+        }
+
+        .social-container {
+            margin: 20px 0;
+        }
+
+        .social-container a {
+            border: 1px solid #DDDDDD;
+            border-radius: 50%;
+            display: inline-flex;
+            justify-content: center;
+            align-items: center;
+            margin: 0 5px;
+            height: 40px;
+            width: 40px;
+        }
+
+        /* Styling the logo inside a circle */
+.logo-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-bottom: 20px; /* Add spacing between logo and text */
+}
+
+.logo {
+    border-radius: 50%; /* Make the image circular */
+    background-color: white; /* White background for the circle */
+    padding: 20px; /* Adjust the padding to create the circle effect */
+    width: 200px; /* Adjust size as needed */
+    height: 200px; /* Adjust size as needed */
+    object-fit: contain; /* Keep the image aspect ratio */
+}
+
+
+        footer {
+            background-color: #222;
+            color: #fff;
+            font-size: 14px;
+            bottom: 0;
+            position: fixed;
+            left: 0;
+            right: 0;
+            text-align: center;
+            z-index: 999;
+        }
+
+        footer p {
+            margin: 10px 0;
+        }
+
+        footer i {
+            color: red;
+        }
+
+        footer a {
+            color: #3c97bf;
+            text-decoration: none;
+        }
+    </style>
+</head>
+<body class="hold-transition login-page" style="background-image: url('static/img/AI.jpg'); background-size: cover;">
+    <!-- <h2>Weekly Coding Challenge #1: Sign in/up Form</h2> -->
+    <form action='/validate-user' name='loginForm' method="post" onsubmit="return validateForm()">
+    <div class="container" id="container">
+        <div class="form-container sign-up-container">
+        
+                <h1>Create Account</h1>
+                <div class="social-container">
+                    <a href="#" class="social"><i class="fab fa-facebook-f"></i></a>
+                    <a href="#" class="social"><i class="fab fa-google-plus-g"></i></a>
+                    <a href="#" class="social"><i class="fab fa-linkedin-in"></i></a>
+                </div>
+                <span>or use your email for registration</span>
+                <input type="text" placeholder="Name" />
+                <input type="password" placeholder="Password" />
+                <button>Sign Up</button>
+            </form>
+        </div>
+        <div class="form-container sign-in-container">
+        
+                <h1>Sign in</h1>
+                <div class="social-container">
+                    <a href="#" class="social"><i class="fab fa-facebook-f"></i></a>
+                    <a href="#" class="social"><i class="fab fa-google-plus-g"></i></a>
+                    <a href="#" class="social"><i class="fab fa-linkedin-in"></i></a>
+                </div>
+                <span>or use your account</span>
+                <input type="text" name="username" placeholder="Username" />
+             <input type="password" name="password" placeholder="Password" />
+                <a href="#">Forgot your password?</a>
+                <button type="submit">Sign In</button>
+            </form>
+        </div>
+        <div class="overlay-container">
+            <div class="overlay">
+                <div class="overlay-panel overlay-left">
+                    <h1>Welcome Back!</h1>
+                    <p>To keep connected with us please login with your personal info</p>
+                    <button type="submit" class="ghost" id="signIn">Sign In</button>
+                </div>
+                <div class="overlay-panel overlay-right">
+    <div class="logo-container">
+        <img src="/static/img/redmindlogo3.jpg" alt="Logo" class="logo">
+    </div>
+    <h1>RedMindGPT</h1>
+    <p> Start Journey With Us</p>
+    <button class="ghost" id="signUp">Sign Up</button>
+</div>
+            </div>
+        </div>
+    </div>
+
+    <footer>
+        <p>
+            Created with <i class="fa fa-heart"></i> by RedMind Technologies</p>
+        </footer>
+    
+    
+    
+               <!-- jQuery -->
+   </form>
+   <script>
+   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;
+    }
+    
+}
+
+</script>
+
+</body>
+</html>

templates/knowledgebase.html

@@ -0,0 +1,710 @@
+<!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;
+        }
+
+        .content-wrapper {
+            flex: 1;
+            overflow-y: auto;
+        }
+
+        .wrapper {
+            display: flex;
+            flex-direction: column;
+            height: 100vh;
+        }
+
+
+        .modal-content {
+            background-color: #fff;
+        }
+
+        .content-header {
+            padding: 1rem;
+        }
+
+        h1 {
+            text-align: center;
+            margin-bottom: 30px;
+        }
+
+        .card {
+            padding: 0;
+            margin-top: -15px;
+            margin-left: -40px;
+        }
+
+        .table-responsive {
+            width: 100%;
+            overflow-x: auto;
+            /*overflow-y: scroll;*/
+            /* Allows horizontal scrolling if necessary */
+        }
+
+        .table,
+        .table-bordered {
+            width: 100%;
+            border-collapse: collapse;
+            margin-right: 7.5px;
+        }
+
+
+        .text-wrap {
+            white-space: normal !important;
+            word-break: break-word;
+        }
+
+        div.dataTables_wrapper div.dataTables_length select {
+            width: 60px;
+            display: inline-block;
+        }
+
+        th {
+            white-space: nowrap;
+        }
+
+        th:nth-child(1),
+        td:nth-child(1) {
+            /* Sno column */
+            width: 2%;
+        }
+
+        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: auto;
+        }
+
+        th:nth-child(6),
+        td:nth-child(6) {
+            /* View column */
+            width: 10%;
+        }
+
+        th:nth-child(7),
+        td:nth-child(7) {
+            /* Edit column */
+            width: 10%;
+        }
+
+        th:nth-child(8),
+        td:nth-child(8) {
+            /* Delete column */
+            width: auto;
+        }
+
+        .alert {
+            position: relative;
+            padding: 15px;
+            margin-bottom: 20px;
+            border: 1px solid transparent;
+            border-radius: 4px;
+        }
+
+        .alert-success {
+            color: #3c763d;
+            background-color: #dff0d8;
+            border-color: #d6e9c6;
+        }
+
+        .alert-danger {
+            color: #a94442;
+            background-color: #f2dede;
+            border-color: #ebccd1;
+        }
+
+        /* .close {
+            position: absolute;
+            bottom: 10px;
+            right: 10px;
+            border: none;
+            background: none;
+            font-size: 16px;
+            cursor: pointer;
+        } */
+    </style>
+</head>
+
+<body>
+    {% include 'sidepane.html' %}
+    <div class="wrapper">
+        <div class="main-header" style="border-bottom: none;">
+            <div class="container mt-2">
+                <div id="company-select" class="form-group left-align">
+                    <!-- <label for="company" class="mr-1" style="margin-left:-40px; margin-top: 12px;">Company Name <span class="text-danger">*</span></label>
+                    <select type="text" id="company" name="company" class="form-control" style="width:20%;margin-left:-40px;"required>
+                        <option value="" selected>Select</option>
+                    </select> -->
+                    <!-- <div class="col-12 d-flex justify-content-end mb-3">
+                        <button class="btn btn-primary" style="margin-top:10px;margin-right: -10px;position: fixed;"
+                            id="add" data-action="add">Add</button>
+                    </div> -->
+                </div>
+            </div>
+            <div class="row">
+                <div id="message-container" style="margin-left: 200px;width:600px;"></div>
+            </div>
+            <h3 id="company_name" style="margin-left: 400px;">{{company_name}}</h3>
+            <section class="content" id="contentSection" style="display: none;">
+                <div class="container-fluid">
+                    <div>
+                        <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>
+                        <h4 id="selectedCompany" style="margin-left: 300px;"></h4>
+                        <div class="row" style="margin-top: 50px;">
+                            <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>
+                                                        <th>Edit</th>
+                                                        <th>Delete</th>
+                                                        <!-- <th style="display:none;">Company ID</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">
+                            <span aria-hidden="true" data-backdrop="static" data-keyboard="false"></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>
+                                <span id="file-name"></span>
+                                <input type="hidden" id="file_name" name="file_name" class="form-control" required>
+                                <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="saveupdate" class="btn btn-primary"
+                            style="display: none;">Update</button>
+                        <button type="button" id="save" onclick="save_file()" class="btn btn-primary">Save</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    {%include 'footer.html'%}
+    <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>
+            var table = $('#knowledgeTable').DataTable();
+            const role = sessionStorage.getItem('userRole');
+            const company_name=sessionStorage.getItem('company_name');
+            console.log("company_name",company_name);
+           // document.getElementById('company_name').textContent = company_name;
+
+           document.addEventListener("DOMContentLoaded", function () {
+            now = new Date().toISOString().replace('T', ' ').substr(0, 19);
+            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);
+                    }
+                });
+            });
+           
+            const passedCompanyName=sessionStorage.getItem('company_name')
+            document.getElementById('selectedCompany').innerText = `Company Name: ${passedCompanyName}`;
+            console.log('Current role:', role); // Debug statement to check the role
+            const company_id=sessionStorage.getItem('company_id');
+            document.getElementById("company_id").value=company_id;
+            console.log("inside knowledgebaae sessionstorage",company_id);
+            data_get_from_db(company_id);
+     
+                    
+                      
+
+                        const companySelect = document.getElementById('company');
+                        const documentForm = document.getElementById('documentForm');
+
+    
+    });
+    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();
+                            }
+                        }
+       
+            async function data_get_from_db(company_id) {
+            if (company_id) {
+                try {
+                    const Response = await fetch(`/api/document_upload?company_id=${company_id}`);
+                    console.log("responce from api :==> ", Response)
+                    const connectorsResponse = await Response.json();
+                    console.log("knowledge data table after connecting to table", connectorsResponse);
+                    const table = $('#knowledgeTable').DataTable(); // Initialize DataTable at the start
+                    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 {
+                        console.log('company data retrived succesfully ! .........')
+                        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'data-kid-id='${company.row_id}' data-action="view" onclick='viewCompany(this)''><i class='fas fa-eye'></i></a>`,
+                                `<a href='#' class='btn btn-warning btn-sm'data-kid-id='${company.row_id}' data-action="edit" onclick='editCompany(this)'><i class='fas fa-edit'></i></a>`,
+                                `<a href='#' class='btn btn-danger btn-sm' data-kid-id='${company.row_id}' onclick='deleteCompany(this)'><i class='fas fa-trash'></i></a>`,
+                                company.row_id
+                                // "<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);
+                        });
+                        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("Details for knowledgebase do not exist for this company. Please fill in the details.");
+            }
+          
+        }
+      
+            function displayErrorMessage(message) {
+                const messageContainer = document.getElementById('message-container');
+                if (messageContainer) {
+                    messageContainer.innerHTML = `<div class='alert alert-danger'>${message}</div>`;
+                }
+            }
+
+        
+
+        function clearFormFields() {
+            document.getElementById('file-name').textContent = ""
+            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 () {
+                $('#documentName').removeAttr('readonly');
+                $('#documentDescription').removeAttr('readonly');
+                $('#department').removeAttr('readonly');
+                $('#version').removeAttr('readonly');
+                $('#lastUpdated').removeAttr('readonly');
+                const modalTitle = document.getElementById('addModalLabel');
+                modalTitle.textContent = 'Add Document Details';
+                $('#save').show();
+                $('#uploadFile').show();
+                $('#saveupdate').hide();
+                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 viewCompany(button) {
+            var companyId = $(button).data('kid-id');
+            const modalTitle = document.getElementById('addModalLabel');
+            modalTitle.textContent = 'View Document Details';
+            if(companyId)
+        {
+            $.getJSON(`/api/getknowledgebase/${companyId}`, function (company) {
+                $('#uploadFile').hide();
+                $('#file-name').text(company.file_path).attr('readonly', 'readonly');
+                $('#documentName').val(company.document_name).attr('readonly', 'readonly');
+                $('#documentDescription').val(company.document_desc).attr('readonly', 'readonly');
+                $('#department').val(company.department).attr('readonly', 'readonly');
+                $('#version').val(company.version).attr('readonly', 'readonly');
+                //$('#lastUpdated').val(company.last_updated).attr('readonly', 'readonly');
+                var lastUpdated = company.last_updated;
+                $('#lastUpdated').val(lastUpdated).attr('readonly', 'readonly');
+                $('#save').hide();// Disable the "Save" button when the modal opens
+                $('#addModal').modal('show');
+            }).fail(function () {
+                alert("Error retrieving knowledge base check the sidepane working.");
+            });
+        }
+    }
+
+        // Edit knowledge base details
+     function editCompany(button) {
+            var companyId = $(button).data('kid-id');
+            
+            const modalTitle = document.getElementById('addModalLabel');
+            modalTitle.textContent = 'Edit Document Details';
+
+            // Fetch company details by ID
+            if(companyId)
+            {
+            $.getJSON(`/api/getknowledgebase/${companyId}`, function (company) {
+ 
+                const fileName = company.file_path.split('/').pop();
+                const fileContent = new Blob([""], { type: 'text/plain' });
+                const file = new File([fileContent], fileName, { type: fileContent.type });
+                const dataTransfer = new DataTransfer();
+                dataTransfer.items.add(file);
+
+                // Set the file input's files property to the created file
+                const fileInput = document.getElementById('uploadFile');
+                fileInput.files = dataTransfer.files;
+
+                // Check if the input element is of type 'file'
+                if (fileInput.type === 'file') {
+                    console.log("The input is of type 'file'.");
+                } else {
+                    console.log("The input is NOT of type 'file'.");
+                }
+
+                // Check if the value is of type 'File'
+                const files = fileInput.files;
+                if (files.length > 0 && files[0] instanceof File) {
+                    console.log("The value is of type 'File':", files[0].name);
+                } else {
+                    console.log("No file is selected or the value is not of type 'File'.");
+                }
+
+                $('#uploadFileLabel').text(files[0].name);
+                $('#uploadFile').text(files[0].name)
+                $('#documentName').val(company.document_name);
+                $('#documentDescription').val(company.document_desc);
+                $('#department').val(company.department);
+                $('#version').val(company.version);
+                $('#lastUpdated').val(company.last_updated).attr('readonly', 'readonly');
+                $('#company_id').val(company.company_id);
+
+                // Show/hide appropriate elements
+                $('#uploadFile').show(); // Hide the file upload field
+                $('#save').hide(); // Hide the default save button
+                $('#saveupdate').show(); // Show the update button
+
+                // Ensure fields are editable
+                $('#documentName').removeAttr('readonly');
+                $('#documentDescription').removeAttr('readonly');
+                $('#department').removeAttr('readonly');
+                $('#version').removeAttr('readonly');
+               // $('#lastUpdated').removeAttr('readonly');
+                $('#company_id').val(company.company_id); // Ensure company_id is included if necessary
+
+                // Show the modal
+                $('#addModal').modal('show');
+
+                // Set up the click event for the update button
+                $('#saveupdate').off('click').on('click', function () {
+                    saveupdate(companyId, files[0].name); // Pass the company ID for updating
+                });
+            }).fail(function () {
+                alert("Error retrieving knowledge base error 2 details.");
+            });
+        }
+    }
+
+        // Delete company
+        function deleteCompany(button) {
+            var companyId = $(button).data('kid-id');
+            console.log("k_id deleted", companyId);
+            $.ajax({
+                type: "DELETE",
+                url: `/api/delknowledgebase/${companyId}`,
+                success: function () {
+                    var table = $('#knowledgeTable').DataTable();
+                    table.row($(button).closest('tr')).remove().draw();
+                    //alert("Company deleted successfully.");
+                    const messageContainer = document.getElementById('message-container');
+                    if (messageContainer)
+                        messageContainer.innerHTML = `
+                <div class='alert alert-danger'>
+                    Prompt details deleted successfully
+                    <button class='close' onclick='dismissMessage()'>OK</button>
+                </div>`;
+                 //   fetchCompanies(); // Refresh the table
+                },
+                error: function (xhr) {
+                    alert("Error deleting company: " + xhr.responseJSON.detail);
+                }
+            });
+        }
+        function saveupdate(companyId, filename) {
+            const formData = new FormData();
+            const fileInput = document.getElementById("uploadFile");
+            const uploadFile = fileInput.files[0]; // Get the file object
+            const company_id = document.getElementById("company_id").value;
+            formData.append("company_id", $('#company_id').val());
+            formData.append("documentName", $('#documentName').val());
+            formData.append("documentDescription", $('#documentDescription').val());
+            formData.append("department", $('#department').val());
+            formData.append("version", $('#version').val());
+            formData.append("vectorDBFlag", 'NO');
+            formData.append("lastUpdated", $('#lastUpdated').val());
+            console.log("company_id to table refresh", company_id)
+            // Append the file only if it exists, otherwise, append the filename
+            if (uploadFile) {
+                formData.append("file_path", uploadFile); // Append the file object
+            } else {
+                formData.append("file_path", filename); // Append the existing filename
+            }
+
+            $.ajax({
+                url: `/api/putknowledgebase/${companyId}`,
+                type: 'PUT',
+                data: formData,
+                processData: false, // Required for FormData
+                contentType: false, // Required for FormData
+                success: function (response) {
+                    //  alert('Knowledgebase details updated successfully.');
+                    const messageContainer = document.getElementById('message-container');
+                    if (messageContainer)
+                        messageContainer.innerHTML = `
+                <div class='alert alert-success'>
+                    Data saved successfully
+                    <button class='close' onclick='dismissMessage()'>OK</button>
+                </div>`;
+                    $('#addModal').modal('hide'); // Close the modal after saving
+                    fetchUpdatedDocuments(company_id);
+                },
+                error: function () {
+                    alert('Form has no changes to update knowledge base details.');
+                }
+            });
+        }
+
+        async function fetchUpdatedDocuments(company_id) {
+            console.log("company_id", company_id);
+            var table = $('#knowledgeTable').DataTable();
+            const Response = await fetch(`/api/document_update?company_id=${company_id}`);
+            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'data-kid-id='${company.row_id}' data-action="view" onclick='viewCompany(this)''><i class='fas fa-eye'></i></a>`,
+                        `<a href='#' class='btn btn-warning btn-sm'data-kid-id='${company.row_id}' data-action="edit" onclick='editCompany(this)'><i class='fas fa-edit'></i></a>`,
+                        //`<a href='#' class='btn btn-danger btn-sm' onclick='deleteCompany(${company.company_id})'><i class='fas fa-trash'></i></a>`,
+                        `<a href='#' class='btn btn-danger btn-sm' data-kid-id='${company.row_id}' onclick='deleteCompany(this)'><i class='fas fa-trash'></i></a>`,
+                        company.row_id
+                        // "<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);
+                });
+                contentSection.style.display = 'block';
+            }
+        }
+
+        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>";
+            // const edit = "<a href='#' class='btn btn-warning btn-sm'><i class='fas fa-edit'></i></a>";
+            // const dele= "<a href='#' class='btn btn-danger btn-sm'><i class='fas fa-trash'></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);
+console.log("formdata",formData);
+            fetch('/upload_document', {
+                method: 'POST',
+                body: formData
+            })
+                .then(response => {
+                    if (!response.ok) {
+                        throw new Error('Network response was not ok');
+                    }
+                    return response.json();
+                })
+                .then(data => {
+                    const row_id=data.row_id;
+                    var table = $('#knowledgeTable').DataTable();
+                    var rowCount = table.rows().count();
+                    const view=`<a href='#' class='btn btn-info btn-sm'data-kid-id='${row_id}' data-action="view" onclick='viewCompany(this)''><i class='fas fa-eye'></i></a>`;
+                     const edit=`<a href='#' class='btn btn-warning btn-sm'data-kid-id='${row_id}' data-action="edit" onclick='editCompany(this)'><i class='fas fa-edit'></i></a>`;
+                     const dele= `<a href='#' class='btn btn-danger btn-sm' data-kid-id='${row_id}' onclick='deleteCompany(this)'><i class='fas fa-trash'></i></a>`;
+                    table.row.add([
+                        rowCount + 1,
+                        documentName,
+                        documentDescription,
+                        version,
+                        vectorDBFlag,
+                        view,
+                        edit,
+                        dele
+                    ]).draw(false);
+                
+                    const messageContainer = document.getElementById('message-container');
+                        if(messageContainer)
+                        messageContainer.innerHTML = `
+                <div class='alert alert-success'>
+                   Knowledgebase  Data saved successfully
+                    <button class='close' style='font-size:medium;margin-top:6px;' onclick='dismissMessage()'>OK</button>
+                </div>`;
+                   // alert('Document saved successfully');
+                    $('#addModal').modal('hide');
+                    document.getElementById('contentSection').style.display = 'block'; // Show the table section
+                })
+                .catch(error => console.error('Error:', error));
+        }
+        function dismissMessage() {
+            const messageContainer = document.getElementById('message-container');
+            if (messageContainer) {
+                messageContainer.innerHTML = '';
+            }
+        }
+      
+    </script>
+</body>
+
+</html>

templates/prompt_template.html

@@ -0,0 +1,643 @@
+<!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;
+        }
+
+        .card {
+            padding: 0;
+            margin-top: -15px;
+            margin-left: -40px;
+        }
+
+        .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;
+
+        }
+
+        div.dataTables_wrapper div.dataTables_length select {
+            width: 60px;
+            display: inline-block;
+        }
+
+        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: 45%;
+        }
+
+        th:nth-child(4),
+        td:nth-child(4) {
+            /* view column*/
+            width: 5%;
+        }
+
+        th:nth-child(5),
+        td:nth-child(5) {
+            /* view column*/
+            width: 5%;
+        }
+
+        th:nth-child(6),
+        td:nth-child(6) {
+            /* view column*/
+            width: 5%;
+        }
+
+        .reduced-width {
+            width: 25%;
+        }
+
+        .viewButton {
+            size: 2px;
+        }
+
+        div.dataTables_wrapper div.dataTables_length select {
+            width: 60px;
+            display: inline-block;
+        }
+    </style>
+</head>
+
+<body>
+    {% include 'sidepane.html' %}
+
+    <div class="wrapper">
+        <div class="main-header" style="border-bottom: none;">
+            <!-- Content Header (Page header) -->
+            <div class="content-header">
+                <div class="container-fluid">
+                    <div class="container mt-2">
+                        <div class="form-group left-align" id="company-select">
+                            <!-- <label for="company" class="mr-1" style="margin-left:-60px;margin-top:-11px;">Company Name
+                                <span class="text-danger">*</span></label>
+                            <select type="text" id="company" name="company" class="form-control "
+                                style="width: 20%;margin-left:-60px;" required>
+                                <option value="" selected>Select</option>
+                            </select> -->
+                            <h4 id="selectedCompany" style="margin-left: 300px;"></h4>
+                            <!-- <div class="col-12 d-flex justify-content-end mb-2">
+                                <button class="btn btn-primary"
+                                    style="margin-top:-40px;margin-right: -25px;position: fixed;" id="add">Add</button>
+
+                              
+                            </div> -->
+                        </div>
+                        <div class="row">
+                            <div id="message-container" style="margin-left: 150px;width:500px;"></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>
+                                                    <th>Edit</th>
+                                                    <th>Delete</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>
+
+    <!-- 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 templates</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" id="saveupdate" class="btn btn-primary" style="display: none;">Update</button>
+                    <!-- <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 'footer.html'%}
+    <!-- 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>
+
+            var table = $('#promptTable').DataTable();
+            const role = sessionStorage.getItem('userRole');
+            console.log('Current role:', role); // Debug statement to check the role
+            const passedCompanyName = sessionStorage.getItem('company_name')
+            document.getElementById('selectedCompany').innerText = `Company Name: ${passedCompanyName}`;
+            const company_id = sessionStorage.getItem('company_id');
+            document.getElementById("company_id").value = company_id;
+
+            data_get_from_db(company_id);
+
+            // if (role === 'superadmin') {
+            //     const storecompany_id = sessionStorage.getItem('company_id');
+            //     data_get_from_db(storecompany_id);
+            //     document.getElementById('company-select').style.display = 'block';
+            //     //var companyId = getCookie('company_id')
+            //     //console.log("company id for superadmin",storecompany_id);
+            //     fetchCompanies();
+
+            // } else {
+            //     document.getElementById('company-select').style.display = 'block';
+            //     const storecompany_id = sessionStorage.getItem('company_id');
+            //     console.log('Current company_id:', storecompany_id); // Debug statement to check the role
+            //     data_get_from_db(storecompany_id);
+            // }
+
+            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();
+                }
+            }
+
+            const companySelect = document.getElementById('company');
+            const addPromptForm = document.getElementById('addPromptForm');
+
+       
+
+  
+        async function data_get_from_db(companyId) {
+            
+            if (companyId) {
+                            try {
+                                const Response = await fetch(`/api/get_prompt_templates?company_id=${companyId}`);
+                                console.log("responce from api :==> ", Response)
+                                const connectorsResponse = await Response.json();
+                                console.log("knowledge data table after connecting to table", connectorsResponse);
+                                console.log("prompt template data table after connecting to table", connectorsResponse);
+                                const table = $('#promptTable').DataTable();  // Initialize DataTable at the start
+                                table.clear();
+                                if (!Array.isArray(connectorsResponse)) {
+                                    throw new TypeError('Expected an array of companies');
+                                    displayErrorMessage("prompt 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'data-kid-id='${company.row_id}' data-action="view" onclick='viewCompany(this)''><i class='fas fa-eye'></i></a>`,
+                                            `<a href='#' class='btn btn-warning btn-sm'data-kid-id='${company.row_id}' data-action="edit" onclick='editCompany(this)'><i class='fas fa-edit'></i></a>`,
+                                            `<a href='#' class='btn btn-danger btn-sm' data-kid-id='${company.row_id}' onclick='deleteCompany(this)'><i class='fas fa-trash'></i></a>`,
+                                            // "<a href='#' class='btn btn-info btn-sm'><i class='fas fa-eye' 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);
+                                    });
+                                    contentSection.style.display = 'block';
+                                }
+
+                            } catch (error) {
+                                console.error('Error fetching company documents:', error);
+                                //displayEmptyTable();
+
+                                displayErrorMessage("Prompt template do not exist for this company. Please fill in the details by clicking add button.");
+                                contentSection.style.display = 'none';
+                            }
+                        }
+                        else {
+                            // displayEmptyTable();
+
+                            displayErrorMessage("Company id  do not exist for this company. Please fill in the details by clicking add button.");
+                        }
+            
+        }
+
+        function displayErrorMessage(message) {
+                const messageContainer = document.getElementById('message-container');
+                if (messageContainer) {
+                    messageContainer.innerHTML = `<div class='alert alert-danger'>${message}</div>`;
+                }
+            }
+
+
+        // Delete company
+        function deleteCompany(button) {
+            var companyId = $(button).data('kid-id');
+            console.log("k_id deleted", companyId);
+            $.ajax({
+                type: "DELETE",
+                url: `/api/prompt_template_for_del/${companyId}`,
+                success: function () {
+                    var table = $('#promptTable').DataTable();
+                    table.row($(button).closest('tr')).remove().draw();
+
+                    //alert("Company deleted successfully.");
+                    const messageContainer = document.getElementById('message-container');
+                    if (messageContainer)
+                        messageContainer.innerHTML = `
+                <div class='alert alert-danger'>
+                    Prompt details deleted successfully
+                    <button class='close' onclick='dismissMessage()'>OK</button>
+                </div>`;
+                    fetchCompanies(); // Refresh the table
+                },
+                error: function (xhr) {
+                    alert("Error deleting company: " + xhr.responseJSON.detail);
+                }
+            });
+        }
+        // view company ! ...
+        function viewCompany(button) {
+            var companyId = $(button).data('kid-id');
+            const modalTitle = document.getElementById('addModalLabel');
+            modalTitle.textContent = 'View Prompt Template Details';
+            console.log("view promt id (Rowid) ===> ", companyId)
+            if(companyId)
+        {
+            $.getJSON(`/api/getpromttemplate/${companyId}`, function (company) {
+                console.log("view data scenario  =====>  ", company.scenario)
+                console.log("view data prompt    =====>  ", company.prompt)
+                console.log("view data comments  =====>  ", company.comments)
+                $('#scenario').val(company.scenario).attr('readonly', 'readonly');
+                $('#prompt').val(company.prompts).attr('readonly', 'readonly');
+                $('#comments').val(company.comments).attr('readonly', 'readonly');
+                $('#save').hide();// Disable the "Save" button when the modal opens
+                $('#addModal').modal('show');
+                $('#saveupdate').hide();
+            }).fail(function () {
+                alert("Error retrieving company details.");
+            });
+        }
+    }
+        // Edit company details
+
+        function editCompany(button) {
+            var companyId = $(button).data('kid-id');
+            const modalTitle = document.getElementById('addModalLabel');
+            modalTitle.textContent = 'Edit Prompt Templates Details';
+
+            console.info("company id ====#>  ", companyId);
+            if(companyId)
+        {
+            $.getJSON(`/api/getpromttemplate/${companyId}`, function (company) {
+                $('#scenario').val(company.scenario).removeAttr('readonly');
+                $('#prompt').val(company.prompts).removeAttr('readonly');
+                $('#comments').val(company.comments).removeAttr('readonly');
+                $('#save').hide();
+                $('#saveupdate').show();
+
+                $('#addModal').modal('show');
+
+                // Update the save button to save the edited company
+                $('#saveupdate').off('click').on('click', function () {
+                    saveupdate(companyId); // Pass the company ID for updating
+                });
+                console.log(" edit process completed !")
+            }).fail(function () {
+                alert("Error retrieving company details.");
+            });
+        }
+    }
+
+        // Save the updated details
+        function saveupdate(companyId) {
+            console.log("k_id for updating process _ id ! ..,..", companyId);
+            const company_id = document.getElementById("company_id").value;
+            var formData = new FormData();
+            formData.append('scenario', $('#scenario').val());
+            formData.append('prompt', $('#prompt').val());
+            formData.append('comments', $('#comments').val());
+            console.log("edited form data saved process begin ! ....", formData);
+
+            $.ajax({
+                url: `/api/putprompttemplates/${companyId}`,
+                type: 'PUT',
+                data: formData,
+                processData: false, // Required for FormData
+                contentType: false, // Required for FormData
+                success: function (response) {
+                    // alert('Prompt  details updated successfully.');
+                    const messageContainer = document.getElementById('message-container');
+                    if (messageContainer)
+                        messageContainer.innerHTML = `
+                <div class='alert alert-success'>
+                  Prompt Data updated successfully
+                    <button class='close' style='font-size:medium;margin-top:6px;' onclick='dismissMessage()'>OK</button>
+                </div>`;
+                    $('#addModal').modal('hide'); // Close the modal after saving
+                    fetchUpdatedDocuments(company_id);
+                },
+                error: function () {
+                    alert('Form has no changes to  update prompt details.');
+                }
+            });
+        }
+        function dismissMessage() {
+            const messageContainer = document.getElementById('message-container');
+            if (messageContainer) {
+                messageContainer.innerHTML = '';
+            }
+        }
+        async function fetchUpdatedDocuments(company_id) {
+            console.log("company_id", company_id);
+            var table = $('#promptTable').DataTable();
+            const Response = await fetch(`/api/prompt_update?company_id=${company_id}`);
+            const connectorsResponse = await Response.json();
+            console.log("prompt  data table after connecting to table", connectorsResponse);
+            table.clear();
+            if (!Array.isArray(connectorsResponse) || connectorsResponse.length === 0) {
+                //displayEmptyTable();
+
+                displayErrorMessage("Promptdetails 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.prompts,
+                        `<a href='#' class='btn btn-info btn-sm'data-kid-id='${company.id}' data-action="view" onclick='viewCompany(this)''><i class='fas fa-eye'></i></a>`,
+                        `<a href='#' class='btn btn-warning btn-sm'data-kid-id='${company.id}' data-action="edit" onclick='editCompany(this)'><i class='fas fa-edit'></i></a>`,
+                        //`<a href='#' class='btn btn-danger btn-sm' onclick='deleteCompany(${company.company_id})'><i class='fas fa-trash'></i></a>`,
+                        `<a href='#' class='btn btn-danger btn-sm' data-kid-id='${company.id}' onclick='deleteCompany(this)'><i class='fas fa-trash'></i></a>`,
+                        company.id
+                        // "<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);
+                });
+                contentSection.style.display = 'block';
+            }
+        }
+        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>";
+            // const edit = "<a href='#' class='btn btn-warning btn-sm'><i class='fas fa-edit'></i></a>";
+            // const dele = "<a href='#' class='btn btn-danger btn-sm'><i class='fas fa-trash'></i></a>";
+
+            var formData = new FormData($('#addPromptForm')[0]);
+            const messageContainer = document.getElementById('message-container');
+            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.json();
+                    })
+                    .then(data => {
+                        const row_id = data.row_id;
+                        console.log("rowid", row_id);
+                        var table = $('#promptTable').DataTable();
+                        var rowCount = table.rows().count();
+                        const view = `<a href='#' class='btn btn-info btn-sm'data-kid-id='${row_id}' data-action="view" onclick='viewCompany(this)''><i class='fas fa-eye'></i></a>`;
+                        const edit = `<a href='#' class='btn btn-warning btn-sm'data-kid-id='${row_id}' data-action="edit" onclick='editCompany(this)'><i class='fas fa-edit'></i></a>`;
+                        const dele = `<a href='#' class='btn btn-danger btn-sm' data-kid-id='${row_id}' onclick='deleteCompany(this)'><i class='fas fa-trash'></i></a>`;
+                        table.row.add([
+                            rowCount + 1,
+                            scenario,
+                            prompt,
+                            view,
+                            edit,
+                            dele
+                        ]).draw(false);
+
+                        // const messageContainer = document.getElementById('message-container');
+                        if (messageContainer)
+                            messageContainer.innerHTML = `
+                <div class='alert alert-success'>
+                    Data saved successfully
+                    <button class='close' style='font-size:medium;margin-top:6px;' onclick='dismissMessage()'>OK</button>
+                </div>`;
+                        $('#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 = "";
+
+        }
+
+
+        $(document).ready(function () {
+            $('#add').on('click', function () {
+                const modalTitle = document.getElementById('addModalLabel');
+                modalTitle.textContent = 'Add Prompt Template Details';
+                $('#scenario').removeAttr('readonly');
+                $('#prompt').removeAttr('readonly');
+                $('#comments').removeAttr('readonly');
+                $('#saveupdate').hide();
+                $('#save').show();
+                clearFormFields();
+                $('#message-container').empty(); // Clear the message container
+                $('#addModal').modal('show');
+            });
+            $('.modal-footer .btn-secondary, .modal-header .close').on('click', function () {
+                $('#addModal').modal('hide');
+            });
+
+        });
+
+    </script>
+</body>
+
+</html>

templates/sidepane.html

@@ -0,0 +1,347 @@
+ <!-- sidepane.html -->
+<!-- This file represents the sidepane component of a web application. It contains the navigation menu and sidebar. -->
+<!-- <!DOCTYPE html>
+<html lang="en"> -->
+
+<head>
+    
+<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+<!-- Include Bootstrap JS -->
+<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
+
+    <style>
+    
+        /* Sidebar Styles */
+    .main-sidebar {
+        background: #222; /* Dark background for sidebar */
+        color: #fff;
+        width: 250px; /* Default width */
+        height: 600px !important;
+        position: fixed;
+        top: 0;
+        left: 0;
+        transition: all 0.3s ease;
+         /* Ensure sidebar content scrolls if needed */
+    }
+    
+    .main-sidebar.toggled {
+        width: 60px; /* Minimized width */
+    }
+    
+    .sidebar-header {
+        text-align: center;
+        padding: 15px;
+        background: #333; /* Dark background for header */
+        color: #fff;
+        border-radius: 5px;
+        margin-bottom: 15px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+    
+    .sidebar-header i {
+        font-size: 1.5rem;
+    }
+    
+    .sidebar-header .menu-text {
+        font-size: 14px;
+        font-weight: bold;
+    }
+    
+    /* Navigation Menu */
+    .nav-link {
+        display: flex;
+        align-items: center;
+        color: #fff;
+        padding: 10px;
+        border-radius: 5px;
+        transition: background-color 0.3s ease;
+        text-decoration: none;
+    }
+    
+    .nav-link:hover {
+        background-color: #F8BE12; /* Highlight color on hover */
+        color: #fff;
+    }
+    
+    .menu-text {
+        margin-left: 10px;
+        font-weight: bold;
+        color: #fff;
+    }
+    
+    /* Sidebar Icon Sizes */
+    .nav-icon {
+        font-size: 20px;
+    }
+    
+    /* Hide menu text when sidebar is collapsed */
+    .main-sidebar.toggled .menu-text {
+        display: none;
+    }
+    
+    /* Content Wrapper */
+    #content-wrapper {
+        margin-left: 250px;
+        padding: 15px;
+        height: 700px !important;
+        transition: margin-left 0.3s ease;
+    }
+    
+    #content-wrapper.toggled {
+        margin-left: 60px;
+    }
+    
+    /* Responsive Design */
+    @media (max-width: 991px) {
+        .main-sidebar {
+            width: 60px; /* Default to minimized on small screens */
+    
+        }
+    
+        #content-wrapper {
+            margin-left: 60px;
+        }
+    
+        .main-sidebar.toggled + #content-wrapper {
+            margin-left: 0;
+        }
+    }
+    </style>
+    
+<nav class="main-header navbar navbar-expand navbar-light bg-white shadow-sm" style="padding: 15px; ">
+    <div class="container-fluid d-flex justify-content-between align-items-center">
+        <!-- Toggle Sidebar Button -->
+        <button class="btn btn-outline-secondary" id="sidebarToggle" style="margin-right: 15px;">
+            <i class="fas fa-bars"></i>
+        </button>
+
+        <!-- Logo and Title Section -->
+        <div class="d-flex align-items-center">
+            <img src="/static/img/redmindlogo3.jpg" alt="Logo" style="width: 70px; height: auto; margin-right: 15px;">
+            <h3 class="m-0" style="font-weight: 500;">RedMindGPT - {{title}}</h3>
+        </div>
+
+        <!-- Buttons Section -->
+        <div>
+            <button class="btn btn-primary me-3" id="add">Add</button>
+            <button class="btn btn-primary" onclick="logout()">Logout</button>
+        </div>
+    </div>
+</nav>
+<div id="wrapper">
+    <!-- Main Sidebar Container -->
+    <aside class="main-sidebar sidebar-custom elevation-4" id="sidebarPanel">
+        <!-- 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" id="sidebarMenu">
+                    <input type="hidden" id="userRole" name="userRole" value={{role}}>
+                    <input type="hidden" id="company_id" name="company_id" value={{company_id}}>
+                    <div class="form-group"style="display: none;">
+                    <label for="llm_tools" >LLM Tools<span class="text-danger">*</span></label>
+                    <select class="form-control" id="llm_tools" name="llm_tools" multiple required style="display: none;">
+                        <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>
+  
+                <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">
+                    <div class="sidebar-header">
+                        <i class="nav-icon fas fa-building"></i>
+                         <span class="menu-text" id="selectedCompany">Select a company</span> <!-- Initial text as fallback -->
+                        <!-- <span class="menu-text" id="selectedCompany">{{company_name}}</span> -->
+                    </div>
+                </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" id="knowledgebase_link">
+                    <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" id="data_connectors_link">
+                    <a href="{{ url_for('data_connectors') }}" class="nav-link">
+                        <i class="nav-icon fas fa-cogs"></i>
+                        <p>Data Connectors</p>
+                    </a>
+                </li>
+                <li class="nav-item" id="api_connectors_link">
+                    <a href="{{ url_for('API_connectors') }}" class="nav-link">
+                        <i class="nav-icon fas fa-cogs"></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>
+                        
+                    </ul>
+                </li> -->
+
+                <!-- Add more navigation links here -->
+            </ul>
+        </nav>
+        <!-- /.sidebar-menu -->
+    </div>
+    <!-- /.sidebar -->
+</aside>
+
+             
+<input type="hidden" id="userRole" name="userRole" value={{role}}>
+<input type="hidden" id="company_id" name="company_id" value={{company_id}}>
+<div class="form-group"style="display: none;">
+<label for="llm_tools" >LLM Tools<span class="text-danger">*</span></label>
+<select class="form-control" id="llm_tools" name="llm_tools" multiple required style="display: none;">
+    <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>
+
+<!-- AdminLTE JS -->
+ 
+<script >
+    
+        function logout() {
+            sessionStorage.removeItem('role');
+            sessionStorage.clear();
+            window.location.href = '/';
+    }
+
+
+document.addEventListener("DOMContentLoaded", function() {
+   
+    const company_id1 = document.getElementById("company_id").value;  
+    const role1 = document.getElementById("userRole").value;
+    sessionStorage.setItem('siderole1',role1);
+    sessionStorage.setItem('sidecompanyId1',company_id1);
+
+        const sidecompanyId = sessionStorage.getItem('sidecompanyId1');
+        const siderole = sessionStorage.getItem('siderole1');
+        if (siderole==='admin') {
+            console.log("Company ID inside sidepane:", sidecompanyId);
+            console.log("Role inside sidepane:",siderole);
+            editCompany(sidecompanyId,siderole);
+               
+            console.log("inside admin after edit");
+            updateLinkVisibility(siderole);
+       
+    }
+          
+     });
+
+    async function updateLinkVisibility(siderole) {
+        //const role = sessionStorage.getItem('role');
+    if(siderole==='admin')
+    {
+    const displayState = JSON.parse(sessionStorage.getItem('displayState'));
+    
+    // Update the visibility of links based on the stored state
+    document.getElementById('api_connectors_link').style.display = displayState.apiConnectors;
+    document.getElementById('knowledgebase_link').style.display = displayState.knowledgeBase;
+    document.getElementById('data_connectors_link').style.display = displayState.dataConnectors
+}
+    }
+    async function  editCompany(sidecompanyId,siderole) {
+        console.log("inside edit company id", sidecompanyId); 
+        console.log("inside edit role role",siderole);
+        $.getJSON(`/api/getcompanydetails/${sidecompanyId}`, function (company) {
+            // Set the value of #llm_tools and trigger change event
+            $('#llm_tools').val(company.llm_tools.split(',')).trigger('change');
+            
+            // Get the selected values from #llm_tools
+            const llmTools = $('#llm_tools').val(); // This is an array
+            
+            console.log("inside sidepane edit llmTools", llmTools); 
+        //const role =sessionStorage.getItem('role');
+               
+        if (llmTools && llmTools.length > 0) {
+              console.log("inside if");
+                   
+                    // Example: Conditionally display some links based on llm_tools
+          if (api_connectors_link) {
+            api_connectors_link.style.display = llmTools.includes('API') ? 'block' : 'none';
+            console.log("state api",api_connectors_link.style.display );
+        }
+
+        if (knowledgebase_link) {
+            knowledgebase_link.style.display = llmTools.includes('Static Documents') ? 'block' : 'none';
+            console.log("state know", knowledgebase_link.style.display);
+        }
+
+        if (data_connectors_link) {
+            data_connectors_link.style.display = llmTools.includes('Database') ? 'block' : 'none';
+            console.log("state dataconn", data_connectors_link.style.display);
+        }
+        
+          console.log("inside storageadmin");
+            sessionStorage.setItem('displayState', JSON.stringify({
+            apiConnectors: api_connectors_link.style.display,
+            knowledgeBase:  knowledgebase_link.style.display ,
+            dataConnectors:  data_connectors_link.style.display
+            
+        }));  
+        updateLinkVisibility(siderole);
+                }
+           
+        }).fail(function () {
+            alert("Error retrieving company details.");
+        });
+        
+    }
+    document.getElementById('sidebarToggle').addEventListener('click', function() {
+        const sidebar = document.getElementById('sidebarPanel');
+        const contentWrapper = document.getElementById('content-wrapper');
+        
+        // Toggle sidebar width and content margin
+        sidebar.classList.toggle('toggled');
+        contentWrapper.classList.toggle('toggled');
+    });
+</script>
+
+</head>
+<!-- </html> -->

vectordb/openai_dbstore/DPS_School_Content.docx_1dcd3827e8e5f7a08a9c5233de3c47cc.metadata.json

@@ -0,0 +1 @@
+{"filename": "DPS_School_Content.docx", "document_name": "DSP school Doc", "document_description": "We are elaburate the DSP school details form this doc", "department": "Primary section department", "version": "1234567890", "last_updated": "23-06-2024", "hash": "1dcd3827e8e5f7a08a9c5233de3c47cc", "upload_date": "2024-06-23T14:52:44.654077", "file_path": "/home/rajesh/redmind/python/code/redmindgen/vectordb/openai_dbstore/DPS_School_Content.docx_1dcd3827e8e5f7a08a9c5233de3c47cc.vectorstore", "file_size": 233747, "content_type": "application/vnd.openxmlformats-officedocument.wordprocessingml.document"}

vectordb/openai_dbstore/Future of Digital Freight Forwarders - BLOG.pdf_a3cfd1d6c83cfcd45146ec7c13b1d98d.metadata.json

@@ -0,0 +1 @@
+{"filename": "Future of Digital Freight Forwarders - BLOG.pdf", "document_name": "Digital Freight Forwarders", "document_description": "Future of Digital Freight Forwarders", "department": "Freight", "version": "1.0", "last_updated": "20/06/2024", "hash": "a3cfd1d6c83cfcd45146ec7c13b1d98d", "upload_date": "2024-06-24T08:05:41.007505", "file_path": "/home/rajesh/redmind/python/code/redmindgen/vectordb/openai_dbstore/Future of Digital Freight Forwarders - BLOG.pdf_a3cfd1d6c83cfcd45146ec7c13b1d98d.vectorstore", "file_size": 100197, "content_type": "application/pdf"}

vectordb/openai_dbstore/documents/Inbound.pdf_1dd51058ba4a11db1c9773ce16dfc175.metadata.json

@@ -0,0 +1 @@
+{"filename": "Inbound.pdf", "document_name": "inbound", "document_description": "inbound", "department": "warehouse", "version": "1", "last_updated": "01.01.2025", "hash": "1dd51058ba4a11db1c9773ce16dfc175", "upload_date": "2024-07-22T12:52:08.315686", "file_path": "C:/lakshmi/RedmindGPT/Fastapi_sample/vectordb/openai_dbstore/documents\\Inbound.pdf_1dd51058ba4a11db1c9773ce16dfc175.vectorstore", "file_size": 161577, "content_type": "application/pdf"}

vectordb/openai_dbstore/documents/NewAge (1).pdf_e4fb1ef3fb0aed5f99dbf218f2aa62af.metadata.json

@@ -0,0 +1 @@
+{"filename": "NewAge (1).pdf", "document_name": "newage", "document_description": "newage", "department": "warehouse", "version": "1", "last_updated": "01.01.2023", "hash": "e4fb1ef3fb0aed5f99dbf218f2aa62af", "upload_date": "2024-07-22T12:50:44.009785", "file_path": "C:/lakshmi/RedmindGPT/Fastapi_sample/vectordb/openai_dbstore/documents\\NewAge (1).pdf_e4fb1ef3fb0aed5f99dbf218f2aa62af.vectorstore", "file_size": 1044446, "content_type": "application/pdf"}