Upload 55 files

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(xtzb0z_P8wRkowkDGQe@167.71.75.10:3306/collegedb"

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/API_connectors.css

@@ -0,0 +1,91 @@
+.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;
+}

static/css/company_profile.css

@@ -0,0 +1,207 @@
+#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;
+}

static/css/dashboard.css

@@ -0,0 +1,1410 @@
+/*$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/dashboard1.css

@@ -0,0 +1,90 @@
+.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: 250px;
+    /* 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;
+    overflow: hidden;
+}
+
+.fs-30 {
+    font-size: 1.875rem;
+}
+
+.fs-48 {
+    font-size: 3rem;
+}
+
+
+
+
+
+@media screen and (max-width:1030px) {
+    .wrapper {
+       padding: 10px;
+       margin-left: 0px;
+    }
+
+   
+    .fs-30 {
+        font-size: 1.3rem !important;
+    }
+  
+    .fs-48 {
+        font-size: 2rem !important;
+    }
+
+}

static/css/data_connectors.css

@@ -0,0 +1,213 @@
+#add {
+    display: none;
+}
+
+
+
+/* .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: 100%;
+    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;
+}
+
+.wrapper {
+    margin-left: 100px;
+    overflow: hidden;
+    padding: 0% !important;
+
+}
+
+.main-header {
+    width: 80%;
+    margin-top: 100px;
+    border: none;
+
+
+
+}
+
+@media screen and (max-width:990px) {
+    .wrapper {
+        margin-left: 0%;
+        overflow: none;
+        width: auto;
+        z-index: 1;
+
+    }
+
+
+    .main-header {
+        margin-top: 0%;
+        width: 100%;
+        padding: 10px;
+        border: none;
+        padding-left: 40px;
+
+    }
+
+
+    .form-group {
+        margin-top: 5px;
+        width: 100% !important;
+        justify-content: center !important;
+        column-gap: 50px;
+
+    }
+
+}
+
+@media screen and (max-width:770px) {
+    .form-group button {
+
+        margin-bottom: 10px !important;
+        margin-left: -40px;
+        margin-right: 45px !important;
+        width: 110%;
+
+    }
+
+}

static/css/index.css

@@ -0,0 +1,273 @@
+* {
+    box-sizing: border-box;
+}
+
+body {
+    background: #f6f5f7;
+    flex-direction: column;
+    font-family: 'Montserrat', sans-serif;
+    height: 100vh;
+    margin: 0;
+    
+}
+
+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;
+}
+
+a {
+    color: #333;
+    font-size: 14px;
+    text-decoration: none;
+}
+
+button {
+    border-radius: 20px;
+    border: 1px solid #1c6bae;
+    background-color: #1c6bae;
+    color: #FFFFFF;
+    font-size: 14px;
+    font-weight: bold;
+    padding: 12px 45px;
+    margin-top: 20px;
+    letter-spacing: 1px;
+    text-transform: uppercase;
+    cursor: pointer;
+    transition: all 0.3s ease;
+}
+
+button:hover {
+    background-color: #155a8b;
+    transform: scale(1.05);
+}
+
+form {
+    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%;
+    border-radius: 5px;
+}
+
+.container {
+    background-color: #fff;
+    border-radius: 12px;
+    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25),
+        0 10px 10px rgba(0, 0, 0, 0.22);
+    position: relative;
+    width: 900px;
+    max-width: 100%;
+    min-height: 500px;
+}
+
+.form-container {
+    position: absolute;
+    top: 0;
+    height: 100%;
+    transition: all 0.6s ease-in-out;
+    width: 50%;
+}
+
+.sign-in-container {
+    left: 0;
+    z-index: 2;
+}
+
+.container.right-panel-active .sign-in-container {
+    transform: translateX(100%);
+}
+
+.sign-up-container {
+    left: 0;
+    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: linear-gradient(to right, #1c6bae, #1c6bae);
+    color: #FFFFFF;
+    position: relative;
+    left: -100%;
+    height: 100%;
+    width: 200%;
+    transform: translateX(0);
+    transition: transform 0.6s ease-in-out;
+    border-radius: 12px;
+
+}
+
+.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;
+}
+
+.logo-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    margin-bottom: 20px;
+}
+
+.logo {
+    border-radius: 50%;
+    background-color: white;
+    padding: 20px;
+    width: 150px;
+    height: 150px;
+    object-fit: contain;
+}
+
+footer {
+    background-color: #222;
+    color: #fff;
+    font-size: 14px;
+    padding: 10px;
+    text-align: center;
+    position: absolute;
+    width: 100%;
+    bottom: 0;
+    left: 0;
+    height: 10dvh;
+    margin-top: 202px !important;
+}
+
+footer i {
+    color: red;
+}
+
+footer a {
+    color: #3c97bf;
+    text-decoration: none;
+}
+main{
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 90dvh;
+}
+
+/* Responsive Adjustments */
+@media screen and (max-width: 768px) {
+    .container {
+        width: 100%;
+        height: auto;
+    }
+
+    .form-container {
+        width: 100%;
+    }
+
+    .overlay-container {
+        display: none;
+    }
+    body{
+        padding: 0px 10px;
+    }
+}

static/css/knowledgebase.css

@@ -0,0 +1,141 @@
+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;
+} */

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;
+  }
+}

static/css/prompt_template.css

@@ -0,0 +1,94 @@
+.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;
+}
+
+

static/css/sidepane.css

@@ -0,0 +1,93 @@
+.main-sidebar {
+    background: #222;
+    color: #fff;
+    width: 250px;
+    height: 100vh;
+    overflow-y: auto;
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: 10;
+    transition: all 0.3s ease;
+    padding-top: 150px;
+}
+
+.sidebar-header {
+    padding: 15px;
+    background: #333;
+    color: #fff;
+    margin-bottom: 15px;
+    display: flex;
+    align-items: center;
+}
+
+.sidebar-header .nav-icon {
+    margin-right: 10px;
+}
+
+.nav-link {
+    display: flex;
+    align-items: center;
+    color: #fff;
+    padding: 10px;
+    border-radius: 5px;
+    transition: background-color 0.3s ease;
+    text-decoration: none;
+    opacity: 0.5;
+
+}
+
+.nav-link:hover {
+    background-color: #F8BE12;
+}
+
+.toggle-section {
+    display: none;
+    /* Initially hidden */
+}
+
+.nav-item a i {
+    margin-right: 5px;
+    margin-top: -10px;
+}
+#addnewcompany{
+margin-left: 25%;
+max-width: 800px;
+
+}
+
+@media screen and (max-width: 1030px) {
+    .main-sidebar {
+        display: none;
+    }
+
+    #add,
+    #logout {
+        font-size: 12px !important;
+    }
+    #addnewcompany{
+        margin-left: 15px;
+      
+        
+        }
+
+
+}
+
+@media screen and (max-width: 990px) {
+
+    .logo {
+        display: none;
+    }
+}
+
+@media screen and (max-width: 530px) {
+
+    .title {
+        font-size: 18px;
+    }
+
+    #title {
+        display: none;
+    }
+}

templates/API_connectors.html

@@ -0,0 +1,523 @@
+<!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/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    <!-- Include AdminLTE CSS -->
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/admin-lte@3.1/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" />
+    <link rel="stylesheet" href="/static/css/API_connectors.css">
+
+</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,84 @@
+# 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,525 @@
+<!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/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    <!-- Include AdminLTE CSS -->
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/admin-lte@3.1/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/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/@ttskch/select2-bootstrap4-theme@1.4.0/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" />
+    <link rel="stylesheet" href="/static/css/company_profile.css">
+</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/select2@4.1.0-rc.0/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,274 @@
+<!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" />
+    <link rel="stylesheet" href="/static/css/dashboard1.css">
+    <style>
+
+    </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/admin-lte@3.1/dist/js/adminlte.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/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,453 @@
+<!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/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/admin-lte@3.1/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" />
+    <link rel="stylesheet" href="/static/css/data_connectors.css">
+</head>
+
+<body>
+
+    {% include 'sidepane.html' %}
+    <div class="wrapper" style="z-index: 1;">
+        <div class="main-header">
+            <!-- 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,24 @@
+<!-- footer
+    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,96 @@
+<!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">
+    <link rel="stylesheet" href="/static/css/index.css">
+    <style>
+
+    </style>
+</head>
+
+<body class="login-page" style="background-image: url('static/img/AI.jpg'); background-size: cover;">
+    <main>
+        <div class="container" id="container">
+            <div class="form-container sign-up-container">
+                <form action='/validate-user' name='signUpForm' method="post">
+                    <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" required />
+                    <input type="password" placeholder="Password" required />
+                    <button type="submit">Sign Up</button>
+                </form>
+            </div>
+
+            <div class="form-container sign-in-container" id="form-container">
+                <form action='/validate-user' name='loginForm' method="post" onsubmit="return validateForm()">
+                    <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" required />
+                    <input type="password" name="password" placeholder="Password" required />
+                    <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>
+    </main>
+
+    <footer>
+        <p>Developed with <i class="fas fa-heart"></i> by <a href="#">RedMind</a></p>
+    </footer>
+
+    <script>
+        const signUpButton = document.getElementById('signUp');
+        const signInButton = document.getElementById('signIn');
+        const container = document.getElementById('container');
+        const formcontainer = document.getElementById('form-container');
+
+        signUpButton.addEventListener('click', () => {
+            container.classList.add("right-panel-active");
+            formcontainer.style.display = 'none'
+        });
+
+        signInButton.addEventListener('click', () => {
+            container.classList.remove("right-panel-active");
+            formcontainer.style.display = 'block'
+
+        });
+    </script>
+</body>
+
+</html>

templates/knowledgebase.html

@@ -0,0 +1,566 @@
+<!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/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    <!-- Include AdminLTE CSS -->
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/admin-lte@3.1/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/admin-lte@3.1/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" />
+    <link rel="stylesheet" href="/static/css/knowledgebase.css">
+</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,548 @@
+<!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/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
+    <!-- Include AdminLTE CSS -->
+    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/admin-lte@3.1/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" />
+
+</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,180 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>RedMindGPT - Dashboard</title>
+
+    <!-- Bootstrap CSS -->
+    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">
+    <link rel="stylesheet" href="/static/css/sidepane.css">
+
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
+
+</head>
+
+<body>
+    <nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm" style="padding: 15px; z-index: 20;">
+        <div class="container-fluid d-flex justify-content-between align-items-center">
+            <button class="navbar-toggler" type="button" onclick="toggleSidebar()">
+                <span class="navbar-toggler-icon"></span>
+            </button>
+            <div class="d-flex align-items-center">
+                <img class="logo" src="/static/img/redmindlogo3.jpg" alt="Logo"
+                    style="width: 70px; height: auto; margin-right: 15px;">
+                <h3 class="title" style="font-weight: 500;text-align: center;"> <span id="title">RedMind</span>
+                    Dashboard</h3>
+            </div>
+
+            <div class="justify-content-end" id="navbarNav">
+                <div class="nav-btn d-flex align-items-center">
+                    <button class="btn btn-primary mr-2" id="add" onclick="addCompany()">Add</button>
+                    <button class="btn btn-danger" id="logout" onclick="logout()">Logout</button>
+                </div>
+            </div>
+        </div>
+    </nav>
+
+    <aside class="main-sidebar" style="z-index: 10;">
+        <div class="sidebar-header">
+            <i class="nav-icon fas fa-building"></i>
+            <span class="menu-text" id="selectedCompany">Select a company</span>
+        </div>
+        <nav class="mt-2">
+            <ul class="nav nav-pills nav-sidebar flex-column">
+                <li class="nav-item">
+                    <a href="{{url_for('dashboard')}}" class="nav-link">
+                        <i class="nav-icon fas fa-home"></i>
+                        <p class="menu-text">Dashboard</p>
+                    </a>
+                </li>
+                <li class="nav-item">
+                    <a href="{{ url_for('company_profile') }}" class="nav-link">
+                        <i class="nav-icon fas fa-users"></i>
+                        <p class="menu-text">Company Profile</p>
+                    </a>
+                </li>
+                <li class="nav-item">
+                    <a href="{{ url_for('knowledgebase') }}" class="nav-link">
+                        <i class="nav-icon fas fa-book"></i>
+                        <p class="menu-text">KnowledgeBase</p>
+                    </a>
+                </li>
+                <li class="nav-item">
+                    <a href="{{ url_for('data_connectors') }}" class="nav-link">
+                        <i class="nav-icon fas fa-plug"></i>
+                        <p class="menu-text">Data Connectors</p>
+                    </a>
+                </li>
+                <li class="nav-item">
+                    <a href="{{ url_for('API_connectors') }}" class="nav-link">
+                        <i class="nav-icon fas fa-cogs"></i>
+                        <p class="menu-text">API Connectors</p>
+                    </a>
+                </li>
+                <li class="nav-item">
+                    <a href="{{ url_for('prompt_template') }}" class="nav-link">
+                        <i class="nav-icon fas fa-pencil-alt"></i>
+                        <p class="menu-text">Prompt Templates</p>
+                    </a>
+                </li>
+            </ul>
+        </nav>
+    </aside>
+
+    <!-- Section to toggle -->
+    <div class="container pt-3" id="addnewcompany">
+        <div class="toggle-section" id="companySection">
+            <h4>Add a New Company</h4>
+            <form>
+                <div class="form-group">
+                    <label for="companyName">Company Name:</label>
+                    <input type="text" class="form-control" id="companyName" placeholder="Enter company name" >
+                </div>
+                <button type="submit" class="btn btn-success">Submit</button>
+            </form>
+        </div>
+    </div>
+
+    <script>
+        function logout() {
+            sessionStorage.removeItem('role');
+            sessionStorage.clear();
+            window.location.href = '/';
+        }
+
+        function toggleSidebar() {
+
+
+            const sidebar = document.querySelector('.main-sidebar');
+            if (sidebar) {
+                const isSidebarVisible = getComputedStyle(sidebar).display !== 'none';
+                sidebar.style.display = isSidebarVisible ? 'none' : 'block';
+
+            }
+        }
+
+
+
+        function addCompany() {
+            const section = document.getElementById("companySection");
+            // Toggle display style of the company section
+            if (section.style.display === "none" || section.style.display === "") {
+                section.style.display = "block"; // Show the section
+            } else {
+                section.style.display = "none"; // Hide the section
+            }
+        }
+
+        document.addEventListener("DOMContentLoaded", function () {
+            const companyId = document.getElementById("company_id") ? document.getElementById("company_id").value : null;
+            const role = document.getElementById("userRole") ? document.getElementById("userRole").value : null;
+            if (companyId) {
+                sessionStorage.setItem('sidecompanyId1', companyId);
+            }
+            if (role) {
+                sessionStorage.setItem('siderole1', role);
+                if (role === 'admin') {
+                    editCompany(companyId, role);
+                    updateLinkVisibility(role);
+                }
+            }
+        });
+
+        async function updateLinkVisibility(role) {
+            if (role === 'admin') {
+                const displayState = JSON.parse(sessionStorage.getItem('displayState'));
+                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(companyId, role) {
+            $.getJSON(`/api/getcompanydetails/${companyId}`, function (company) {
+                $('#llm_tools').val(company.llm_tools.split(',')).trigger('change');
+                const llmTools = $('#llm_tools').val();
+
+                if (llmTools && llmTools.length > 0) {
+                    document.getElementById('api_connectors_link').style.display = llmTools.includes('API') ? 'block' : 'none';
+                    document.getElementById('knowledgebase_link').style.display = llmTools.includes('Static Documents') ? 'block' : 'none';
+                    document.getElementById('data_connectors_link').style.display = llmTools.includes('Database') ? 'block' : 'none';
+
+                    sessionStorage.setItem('displayState', JSON.stringify({
+                        apiConnectors: document.getElementById('api_connectors_link').style.display,
+                        knowledgeBase: document.getElementById('knowledgebase_link').style.display,
+                        dataConnectors: document.getElementById('data_connectors_link').style.display
+                    }));
+                    updateLinkVisibility(role);
+                }
+            }).fail(function () {
+                console.error("Error retrieving company details.");
+            });
+        }
+    </script>
+</body>
+
+</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"}