Initial commit

app.py

@@ -57,6 +57,1520 @@ DB_USER = 'u852023448_redmindgpt'
 DB_PASSWORD = 'redmindGpt@123'
 DB_HOST = '217.21.88.10'
 DB_NAME = 'u852023448_redmindgpt'
+
+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]
+            if table_name != "user_feedback":
+                query = f"SELECT COUNT(*) FROM {table_name} WHERE company_id = %s"
+                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)
+
 from pydantic import BaseModel
 class DatabaseConnection(BaseModel):
     database_type: str
@@ -252,15 +1766,16 @@ async def dashboard(request: Request):
         for table in all_tables:
             
             table_name = table[0]
-            if table_name != "user_feedback":                
+            if table_name != "user_feedback":
+                query = f"SELECT COUNT(*) FROM {table_name} WHERE company_id = %s"
                 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()
+                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:

redmindgen.log

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

static/css/API_connectors.css

@@ -2,11 +2,7 @@
     margin-top: -10px;
 }
 
-.card {
-    padding: 0;
-    margin-top: -15px;
-    margin-left: -40px;
-}
+
 
 .header-row {
     display: flex;
@@ -88,4 +84,21 @@ td:nth-child(6) {
 div.dataTables_wrapper div.dataTables_length select {
     width: 60px;
     display: inline-block;
+}
+
+aside{
+    margin-top: 100px !important;
+}
+.navbar{
+  
+    margin-left: 0px !important;
+}
+ul {
+    display: flex !important;
+    row-gap: 20px !important;
+    margin-top: 40px !important;
+}
+i{
+    margin-top: 0px !important;
+    margin-right: 10px !important;
 }

static/css/company_profile.css

@@ -8,12 +8,6 @@ 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%;
@@ -204,4 +198,24 @@ td:nth-child(8) {
     background: none;
     font-size: 16px;
     cursor: pointer;
+}
+
+aside {
+    margin-top: 100px !important;
+}
+
+.navbar {
+
+    margin-left: 0px !important;
+}
+
+ul {
+    display: flex !important;
+    row-gap: 20px !important;
+    margin-top: 40px !important;
+}
+
+i {
+    margin-top: 0px !important;
+    margin-right: 10px !important;
 }

static/css/dashboard.css

@@ -14,8 +14,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;
-}
+  --font-family-title: Roboto, sans-serif; }
 
 /*
 0 - 600: Phone
@@ -28,292 +27,192 @@ 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;
-}
+  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);
-}
+  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) {
+  border-radius: 1.25rem; }
   .event-table thead th {
     color: #000;
-    font-size: 15px;
+    font-size: 18px;
     white-space: nowrap;
     font-weight: 600;
-  }
-
+    padding: 20px 10px; }
   .event-table tbody td {
-    padding: 12px 15px;
-  }
-}
+    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;
-}
+  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;
-}
+  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) {
+  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: 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;
-  }
-}
+    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;
-}
+  justify-content: center; }
 
 .latest-salebx {
-  height: 630px;
-}
-
-@media only screen and (max-width: 1199px) {
-  .latest-salebx {
-    height: 350px;
-  }
-}
+  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;
-  }
-}
+  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;
-}
+  margin-right: 4px; }
 
 .rating-widget .ng-star-inserted {
   color: #40189D;
-  font-size: 30px;
-}
+  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;
-}
+  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;
-}
+  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;
-}
+  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{
@@ -321,341 +220,224 @@ Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Comp
   }
   .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-dragel .ngx-nestable-hidden,
+  .default-nestable .dd-dragel button {
+    visibility: hidden; }
   .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;
-  }
-
+    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: 600px;
-    width: 100%;
-  }
-}
+    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;
-}
+  font-size: 30px; }
+  .alert-dismissible .close span {
+    font-weight: 400; }
 
 .calendar-responsive {
   overflow: auto;
-  display: block;
-}
+  display: block; }
 
 .default-calendar ngb-datepicker {
   border: 0;
-  background: #f3f3f3;
-}
-
+  background: #f3f3f3; }
 .default-calendar .form-group .input-group .form-control {
-  color: #000;
-}
-
+  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;
-}
-
+  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;
-}
-
+  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;
-}
-
+  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 {
+  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;
-}
-
+  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;
-}
-
+  line-height: 40px; }
+  .default-calendar [ngbDatepickerDayView]:active {
+    background-color: #40189D !important;
+    color: white !important; }
 .default-calendar .ngb-dp-navigation-select {
-  flex: unset;
-}
-
+  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 {
+  width: 100% !important; }
+.default-calendar .custom-day.range, .default-calendar .custom-day:hover {
   height: 40px;
-  background-color: #40189D !important;
-}
-
+  background-color: #40189D !important; }
 .default-calendar .ngb-dp-month-name {
   padding: 8px 0px;
-  height: auto;
-}
+  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;
-}
-
+  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;
-}
-
+  background-color: #e6defa !important; }
 .dashboard-full-calendar .fc-daygrid-dot-event {
   background: #fff;
-  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
-}
-
+  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 {
+  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;
-}
-
+  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;
-  }
-}
+    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;
-}
+  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;
-}
+  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;
-}
-
+  color: #000; }
 .calendar-description ul li {
   font-size: 15px;
-  color: #000;
-}
+  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%);
-  }
-}
-
+  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;
@@ -664,61 +446,41 @@ Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Comp
   width: 13px;
   border: 0;
   border-radius: 13px;
-  background: #40189D;
-}
-
-.default-carousel .carousel-indicators li.active {
-  width: 30px;
-}
-
+  background: #40189D; }
+  .default-carousel .carousel-indicators li.active {
+    width: 30px; }
 @media only screen and (max-width: 575px) {
   .default-carousel .carousel-item img {
-    height: 280px;
-  }
-}
+    height: 280px; } }
 
 .default-rating span {
-  font-size: 35px;
-}
+  font-size: 35px; }
 
 .pagination-responsive {
-  overflow: auto;
-}
+  overflow: auto; }
 
 .pagination .page-item .page-link span {
-  color: #B1B1B1;
-}
+  color: #B1B1B1; }
 
 .pagination .page-item .page-link:hover span {
-  color: #fff;
-}
+  color: #fff; }
 
 .progress {
-  height: 16px;
-}
+  height: 16px; }
 
 .form-select.mat-form-field {
-  display: block;
-}
-
+  display: block; }
 .form-select .mat-form-field-infix {
-  border-top: 0;
-}
-
+  border-top: 0; }
 .form-select .mat-form-field-underline {
-  display: none;
-}
-
+  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;
-}
-
+  border: 1px solid #EEEEEE; }
 .form-select.mat-form-field-appearance-fill .mat-select-arrow-wrapper {
-  transform: translateY(0%);
-}
+  transform: translateY(0%); }
 
 /** Material Scsss  start**/
 /* auto compelete */
@@ -743,24 +505,16 @@ Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Comp
   	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);
+  } */ }
+  .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;
-}
+    color: #40189D; }
+  .default-autocomplete .mat-form-field.mat-focused .mat-form-field-ripple {
+    background-color: #40189D; }
 
 /* badge  */
 .mat-flat-button.mat-primary,
@@ -768,86 +522,58 @@ Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Comp
 .mat-fab.mat-primary,
 .mat-mini-fab.mat-primary,
 .mat-badge-content {
-  background-color: #40189D;
-}
+  background-color: #40189D; }
 
 .mat-badge-accent .mat-badge-content {
   background: #8BC740;
-  color: #fff;
-}
+  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;
-}
+  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;
-}
-
+  color: #40189D; }
 .default-mt-btn .example-label {
   font-size: 1rem !important;
-  color: #000;
-}
-
+  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;
-}
-
+  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;
-}
-
+  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;
-}
-
+  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;
-}
-
+  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;
-}
-
+  background-color: #8BC740; }
 .default-mt-btn .mat-button,
 .default-mt-btn .mat-raised-button,
 .default-mt-btn .mat-stroked-button,
@@ -855,93 +581,64 @@ Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Comp
   padding: 0 25px;
   line-height: 55px;
   border-radius: 1.25rem;
-  font-size: 1rem;
-}
-
+  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;
-  }
-
+    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;
-  }
-}
-
+    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;
-  }
-
+    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;
-  }
-
+    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;
-  }
-}
+    width: 80px !important; } }
 
 /* card  */
 .default-mt-card .mat-card {
-  border-radius: 1.25rem;
-}
+  border-radius: 1.25rem; }
 
 /* checkbox  */
 .default-mt-checkbox .example-section {
-  margin: 0 !important;
-}
+  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;
-}
+  background: #40189D; }
 
 .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background,
 .mat-checkbox-checked.mat-primary .mat-checkbox-background {
-  background-color: #40189D;
-}
+  background-color: #40189D; }
 
-.mat-primary .mat-pseudo-checkbox-checked,
-.mat-primary .mat-pseudo-checkbox-indeterminate {
-  background: #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;
-}
+  color: #40189D; }
 
 .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
 .mat-checkbox-checked.mat-accent .mat-checkbox-background {
-  background-color: #8BC740;
-}
+  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;
-}
+  background: #8BC740; }
 
 .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
-  border-color: #8BC740;
-}
+  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),
@@ -951,118 +648,76 @@ Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Comp
 .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;
-}
+  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;
-}
+  background: #8BC740; }
 
 /* chips  */
 .default-mt-chips .mat-input-element {
-  color: rgba(0, 0, 0, 0.6);
-}
-
+  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;
-}
-
+  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);
-}
-
+  color: rgba(0, 0, 0, 0.54); }
 .default-mt-chips .mat-form-field.mat-focused .mat-form-field-label {
-  color: #40189D;
-}
-
+  color: #40189D; }
 .default-mt-chips .mat-form-field.mat-focused .mat-form-field-ripple {
-  background-color: #40189D;
-}
-
+  background-color: #40189D; }
 .default-mt-chips .mat-chip.mat-standard-chip .mat-chip-remove {
   opacity: 1;
-  color: rgba(255, 255, 255, 0.8);
-}
-
+  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);
-}
-
+  background-color: rgba(0, 0, 0, 0.42); }
 .default-mt-chips .mat-form-field-infix {
   width: 100%;
-  color: #fff;
-}
-
+  color: #fff; }
 .default-mt-chips .mat-chip.mat-standard-chip.mat-chip-selected.mat-accent {
   background-color: #8BC740;
-  color: #fff;
-}
+  color: #fff; }
 
 /* datepicker  */
 .default-mt-datepicker .mat-form-field-appearance-fill .mat-form-field-flex {
-  background-color: rgba(64, 24, 157, 0.1);
-}
-
+  background-color: rgba(64, 24, 157, 0.1); }
 .default-mt-datepicker .mat-form-field-label {
-  color: rgba(0, 0, 0, 0.6);
-}
-
+  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;
-}
-
+  color: #000; }
 .default-mt-datepicker .mat-icon-button svg path {
-  fill: rgba(0, 0, 0, 0.7);
-}
-
+  fill: rgba(0, 0, 0, 0.7); }
 .default-mt-datepicker .mat-form-field.mat-focused .mat-form-field-ripple {
-  background: #40189D;
-}
-
+  background: #40189D; }
 .default-mt-datepicker .mat-form-field.mat-focused .mat-form-field-label {
-  color: #40189D;
-}
-
+  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);
-}
-
+  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);
-}
-
+  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;
-}
+  color: #000; }
 
-.mat-calendar-body-comparison-identical,
-.mat-calendar-body-in-comparison-range::before {
-  background: rgba(139, 199, 64, 0.2);
-}
+.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;
-}
+  background-color: #40189D; }
 
 .mat-calendar-body-in-range::before {
-  background: rgba(64, 24, 157, 0.1);
-}
+  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-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;
@@ -1071,111 +726,73 @@ Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Comp
   border: 0;
   border-radius: 35px;
   font-size: 18px;
-  margin: 0 2px;
-}
+  margin: 0 2px; }
 
 /* dialog  */
 /* divider  */
 /* expansion  */
 .default-mt-expansion .mat-expansion-panel-header-description {
   justify-content: space-between;
-  align-items: center;
-}
-
+  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;
-}
-
+  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;
-}
-
+  border-bottom-left-radius: 1.25rem; }
 .default-mt-expansion .mat-expansion-panel-header {
   height: auto;
-  padding: 15px 20px !important;
-}
+  padding: 15px 20px !important; }
 
 /* form-field  */
 .default-mt-formfield .mat-form-field {
-  width: 100%;
-}
-
+  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;
-}
+  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;
-}
+  max-width: 100% !important; }
 
 /* progress  */
 .default-mt-progress .mat-progress-bar-buffer {
-  background-color: #e6defa;
-}
-
+  background-color: #e6defa; }
 .default-mt-progress .mat-progress-bar-fill::after {
-  background-color: #40189D;
-}
-
+  background-color: #40189D; }
 .default-mt-progress .mat-progress-bar {
   height: 8px;
-  border-radius: 8px;
-}
-
-.default-mt-progress .mat-progress-bar pattern circle {
-  fill: #e6defa;
-}
-
+  border-radius: 8px; }
+  .default-mt-progress .mat-progress-bar pattern circle {
+    fill: #e6defa; }
 .default-mt-progress .example-section {
-  height: auto !important;
-}
-
+  height: auto !important; }
 .default-mt-progress .mat-progress-bar.mat-accent .mat-progress-bar-fill::after {
-  background-color: #8BC740;
-}
-
+  background-color: #8BC740; }
 .default-mt-progress .mat-progress-bar.mat-accent .mat-progress-bar-background {
-  fill: #8BC740;
-}
-
+  fill: #8BC740; }
 .default-mt-progress .mat-progress-bar.mat-accent .mat-progress-bar-buffer {
-  background-color: #8BC740;
-}
+  background-color: #8BC740; }
 
-.mat-accent .mat-slider-track-fill,
-.mat-accent .mat-slider-thumb,
-.mat-accent .mat-slider-thumb-label {
-  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.mat-accent circle, .mat-spinner.mat-accent circle {
+  stroke: #8BC740; }
 
-.mat-progress-spinner circle,
-.mat-spinner circle {
-  stroke: #40189D;
-}
+.mat-progress-spinner circle, .mat-spinner circle {
+  stroke: #40189D; }
 
 .default-mt-spinner .example-margin {
-  margin: 0 10px;
-}
+  margin: 0 10px; }
 
 /* select  */
 .default-mt-select .mat-form-field.mat-focused .mat-form-field-label {
-  color: #40189D;
-}
+  color: #40189D; }
 
 /* sidenav */
 .default-mt-sidenav .example-container {
@@ -1183,228 +800,132 @@ Fixing Order => Base + Typography >> General Layout + Grid >> Page Layout + Comp
   width: 100% !important;
   height: 350px !important;
   box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
-  border: 0 !important;
-}
-
+  border: 0 !important; }
 .default-mt-sidenav .mat-drawer-content {
-  padding: 25px !important;
-}
+  padding: 25px !important; }
 
 /* slidetoggle */
 .default-mt-slidetoggle .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-bar {
-  background-color: #e6defa;
-}
-
+  background-color: #e6defa; }
 .default-mt-slidetoggle .mat-slide-toggle.mat-primary.mat-checked .mat-slide-toggle-thumb {
-  background-color: #40189D;
-}
-
+  background-color: #40189D; }
 .default-mt-slidetoggle .example-section {
-  height: auto !important;
-}
+  height: auto !important; }
 
 .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
-  background-color: rgba(139, 199, 64, 0.5);
-}
+  background-color: rgba(139, 199, 64, 0.5); }
 
 .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
-  background-color: #8BC740;
-}
+  background-color: #8BC740; }
 
 .mat-slide-toggle.mat-checked .mat-ripple-element {
-  background-color: #8BC740;
-}
+  background-color: #8BC740; }
 
 /* slider */
 .default-mt-slider .example-section {
   display: block !important;
-  height: auto !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;
-}
-
+  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;
-  }
-
+    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;
-  }
-
+    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;
-  }
-}
+    top: 0; } }
 
 /* table */
 .default-mt-table .mat-elevation-z8 {
-  box-shadow: none;
-}
-
+  box-shadow: none; }
 .default-mt-table .table-responsive {
   border-radius: 1.25rem;
   position: relative;
-  z-index: 1;
-}
-
+  z-index: 1; }
 .default-mt-table .mat-header-cell {
   color: #000;
   padding: 0 10px;
   font-size: 16px;
-  font-weight: 500;
-}
-
+  font-weight: 500; }
 .default-mt-table .mat-footer-cell {
-  padding: 0 10px;
-}
-
+  padding: 0 10px; }
 .default-mt-table .mat-cell {
-  padding: 0 10px;
-}
-
+  padding: 0 10px; }
 .default-mt-table .example-element-diagram {
   min-width: 100px !important;
   font-weight: 400 !important;
-  height: 130px !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;
-}
-
+  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;
-}
-
+  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;
-}
-
+  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;
-}
-
+  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;
-}
-
+  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;
-}
+  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-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);
-}
+  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;
-}
-
+  margin: 0; }
 .default-mt-tree .mat-tree {
   background: rgba(0, 0, 0, 0.05);
-  overflow: auto;
-}
+  overflow: auto; }
 
 /* toolbar */
 .default-mt-toolbar .mat-toolbar.mat-primary {
-  background: #40189D;
-}
+  background: #40189D; }
 
-/*# sourceMappingURL=dashboard.css.map */
+/*# sourceMappingURL=dashboard.css.map */

static/css/dashboard1.css

@@ -20,7 +20,7 @@
 .wrapper {
     flex: 1;
     padding: 10px;
-    margin-left: 250px;
+    margin-left: 300px;
     /* Default sidebar width */
     transition: margin-left 0.3s ease;
 }
@@ -57,7 +57,6 @@
 
 .media-body {
     text-align: right;
-    overflow: hidden;
 }
 
 .fs-30 {
@@ -69,22 +68,29 @@
 }
 
 
+/* Responsive Styles */
+@media (max-width: 992px) {
+    .wrapper {
+        margin-left: 200px;
+    }
 
+    .main-header {
+        padding: 15px;
+    }
 
+}
 
-@media screen and (max-width:1030px) {
-    .wrapper {
-       padding: 10px;
-       margin-left: 0px;
+@media (max-width: 768px) {
+    .feature-icon {
+        width: 40px;
+        height: 40px;
     }
 
-   
     .fs-30 {
-        font-size: 1.3rem !important;
+        font-size: 1.5rem;
     }
-  
+
     .fs-48 {
-        font-size: 2rem !important;
+        font-size: 2.5rem;
     }
-
 }

static/css/data_connectors.css

@@ -2,7 +2,24 @@
     display: none;
 }
 
+html,
+body {
 
+    display: flex;
+    flex-direction: column;
+
+}
+
+
+
+.main-content {
+    flex: 1;
+    display: inline-flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: flex-start;
+    padding: 30px;
+}
 
 /* .container {
     margin-top: 50px;
@@ -18,23 +35,23 @@
 
 .form-group {
     margin-bottom: 20px;
+    margin-left: 100px;
 }
 
 .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;
+    width: 150%;
+    margin-right: 10% !important;
     padding: 2px;
     border: 1px solid #ccc;
-    border-radius: 4px;
+
 }
 
 .btn-primary {
@@ -111,17 +128,28 @@
 }
 
 .custom-dropdown {
-    width: 250px;
-    /* Adjust the width as needed */
+    width: 300px;
+
 }
 
 /* Ensure the new row aligns with the previous row */
 #schema-table-section {
+    padding: 50px;
+    background-color: #fff;
+    border-radius: 8px;
+    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px !important;
+    transition: box-shadow 0.3s ease;
+    width: 500px;
+}
 
-    margin-left: -20px;
-    /* Adjust this if you need spacing between rows */
-    padding-top: 5px;
-    /* Adjust padding if needed */
+
+
+
+.wrapper {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-left: -100px;
 }
 
 .alert {
@@ -154,60 +182,37 @@
     cursor: pointer;
 }
 
-.wrapper {
-    margin-left: 100px;
-    overflow: hidden;
-    padding: 0% !important;
+#tableschema option {
+    margin: 10px 5px;
 
 }
 
-.main-header {
-    width: 80%;
-    margin-top: 100px;
-    border: none;
-
-
-
+aside {
+    margin-top: 100px !important;
 }
 
-@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;
-
-    }
+.navbar {
 
+    margin-left: 0px !important;
 }
 
-@media screen and (max-width:770px) {
-    .form-group button {
-
-        margin-bottom: 10px !important;
-        margin-left: -40px;
-        margin-right: 45px !important;
-        width: 110%;
+ul {
+    display: flex !important;
+    row-gap: 20px !important;
+    margin-top: 40px !important;
+}
 
-    }
+i {
+    margin-top: 0px !important;
+    margin-right: 10px !important;
+}
 
-}
+textarea {
+    box-shadow: 0 1px 2px rgba(0, 0, 0, .1) !important;
+    width: 250px !important;
+    height: 170px !important;
+    background-color: white !important;
+    color: black !important;
+    padding: 10px !important;
+    line-height: 35px !important;
+}

static/css/index.css

@@ -6,8 +6,9 @@ body {
     background: #f6f5f7;
     flex-direction: column;
     font-family: 'Montserrat', sans-serif;
-    height: 100vh;
-    margin: 0;
+    height: 100dvh;
+    display: flex;
+    justify-content: center;
     
 }
 
@@ -250,7 +251,7 @@ main{
     display: flex;
     align-items: center;
     justify-content: center;
-    height: 90dvh;
+    height: 100dvh;
 }
 
 /* Responsive Adjustments */

static/css/knowledgebase.css

@@ -27,11 +27,7 @@ h1 {
     margin-bottom: 30px;
 }
 
-.card {
-    padding: 0;
-    margin-top: -15px;
-    margin-left: -40px;
-}
+
 
 .table-responsive {
     width: 100%;
@@ -138,4 +134,24 @@ td:nth-child(8) {
     background: none;
     font-size: 16px;
     cursor: pointer;
-} */
+} */
+
+aside {
+    margin-top: 100px !important;
+}
+
+.navbar {
+
+    margin-left: 0px !important;
+}
+
+ul {
+    display: flex !important;
+    row-gap: 20px !important;
+    margin-top: 40px !important;
+}
+
+i {
+    margin-top: 0px !important;
+    margin-right: 10px !important;
+}

static/css/prompt_template.css

@@ -4,12 +4,6 @@
     align-items: center;
 }
 
-.card {
-    padding: 0;
-    margin-top: -15px;
-    margin-left: -40px;
-}
-
 .table-container {
     width: 100%;
     overflow-x: auto;
@@ -91,4 +85,22 @@ div.dataTables_wrapper div.dataTables_length select {
     display: inline-block;
 }
 
+aside {
+    margin-top: 100px !important;
+}
+
+.navbar {
+
+    margin-left: 0px !important;
+}
+
+ul {
+    display: flex !important;
+    row-gap: 20px !important;
+    margin-top: 40px !important;
+}
 
+i {
+    margin-top: 0px !important;
+    margin-right: 10px !important;
+}

static/css/sidepane.css

@@ -1,30 +1,41 @@
-.main-sidebar {
+ /* Sidebar Styles */
+ .main-sidebar {
     background: #222;
+    /* Dark background for sidebar */
     color: #fff;
     width: 250px;
-    height: 100vh;
-    overflow-y: auto;
+    /* Default width */
+    height: 100dvh !important;
     position: fixed;
-    top: 0;
+    top: 20 !important;
     left: 0;
-    z-index: 10;
     transition: all 0.3s ease;
-    padding-top: 150px;
+    /* Ensure sidebar content scrolls if needed */
 }
 
+
+
 .sidebar-header {
+    text-align: start;
     padding: 15px;
     background: #333;
     color: #fff;
+    border-radius: 5px;
     margin-bottom: 15px;
-    display: flex;
-    align-items: center;
 }
 
-.sidebar-header .nav-icon {
-    margin-right: 10px;
+
+.sidebar-header i {
+    font-size: 1.5rem;
+    margin-top: 10px;
 }
 
+.sidebar-header .menu-text {
+    font-size: 14px;
+    font-weight: bold;
+}
+
+/* Navigation Menu */
 .nav-link {
     display: flex;
     align-items: center;
@@ -33,61 +44,69 @@
     border-radius: 5px;
     transition: background-color 0.3s ease;
     text-decoration: none;
-    opacity: 0.5;
-
 }
 
 .nav-link:hover {
     background-color: #F8BE12;
+    /* Highlight color on hover */
+    color: #fff;
 }
 
-.toggle-section {
-    display: none;
-    /* Initially hidden */
+.menu-text {
+    margin-left: 10px;
+    font-weight: bold;
+    color: #fff;
 }
 
-.nav-item a i {
-    margin-right: 5px;
-    margin-top: -10px;
+/* Sidebar Icon Sizes */
+.nav-icon {
+    font-size: 20px;
 }
-#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;
-      
-        
-        }
+/* Content Wrapper */
+#content-wrapper {
+    margin-left: 250px;
+    padding: 15px;
+    height: 700px !important;
+    transition: margin-left 0.3s ease;
+}
 
 
+ul {
+    display: flex;
+    row-gap: 10px;
+    margin-top: 40px;
+}
+i{
+    margin-top: -15px;
+    margin-right: 10px;
 }
 
-@media screen and (max-width: 990px) {
 
-    .logo {
+/* Responsive Design */
+@media (max-width: 991px) {
+    .main-sidebar {
         display: none;
+        z-index: 100 !important;
+
     }
-}
 
-@media screen and (max-width: 530px) {
+    #content-wrapper {
+        margin-left: 60px;
+    }
 
-    .title {
-        font-size: 18px;
+    #sidebarToggle{
+        display: block !important;
     }
+    .main-header{
+        margin-left: -210px;
+        z-index: 0;
+        width: auto;
 
-    #title {
-        display: none;
     }
+    
+
+
 }

templates/API_connectors.html

@@ -12,8 +12,7 @@
     <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">
-
+    <link rel="stylesheet" href="/static/css/API_Connectors.css">
 </head>
 
 <body>
@@ -25,7 +24,7 @@
             <div class="content-header">
                 <div class="container-fluid">
                     <div class="container mt-2">
-                        <div class="form-group left-align" id="company-select">
+                        <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">
@@ -47,7 +46,7 @@
                         <input type="hidden" id="company_id" name="company_id" class="form-control" required>
                     </div>
                 </div>
-
+                
 
                 <!-- Main content -->
                 <section class="content">
@@ -186,22 +185,22 @@
             // });
 
         });
-        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);
+            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');
+        
+            const companySelect = document.getElementById('company');
+            const documentForm = document.getElementById('documentForm');
 
 
         function moveToNextInput(inputs, currentIndex) {
@@ -215,20 +214,20 @@
         }
 
 
-        function displayErrorMessage(message) {
-            const messageContainer = document.getElementById('message-container');
-            if (messageContainer) {
-                messageContainer.innerHTML = `<div class='alert alert-danger'>${message}</div>`;
+            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)
+                    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();
@@ -275,65 +274,67 @@
             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.");
-                });
-            }
+            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.");
+            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();
@@ -516,7 +517,7 @@
             document.getElementById('Description').value = "";
         }
 
-
+        
     </script>
 </body>
 

templates/chatbot.html

@@ -1,84 +1,81 @@
 # jinja2 html page with chatbot functionality using adminlte3 theme
 <html>
-
-<body>
-    <form id="myform">
-        <div class="content-wrapper">
-            <section class="content-header">
-                <div class="container-fluid">
-                    <div class="row mb-2">
-                        <div class="col-sm-6">
-                            <h1>Chatbot</h1>
-                        </div>
-                        <div class="col-sm-6">
-                            <ol class="breadcrumb float-sm-right">
-                                <li class="breadcrumb-item"><a href="#">Home</a></li>
-                                <li class="breadcrumb-item active">Chatbot</li>
-                            </ol>
-                        </div>
-                    </div>
+    <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>
-            </section>
+                <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>
+    <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="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 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>
-            </section>
+            </div>
         </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);
+    </section>
+</div>
+</form>
+<script>
+    const chatContainer = document.getElementById('chat-container');
+    const userInput = document.getElementById('user_question');
+    const sendButton = document.getElementById('send-button');
 
-                    userInput.value = '';
-                    userInput.focus();
-                })
-                .catch(error => {
-                    console.error(error);
-                });
-        }
-    </script>
-</body>
+    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);
 
-</html>
+            userInput.value = '';
+            userInput.focus();
+        })
+                 .catch(error => {
+                   console.error(error);
+                 });
+    }
+</script>
+</body></html>

templates/company_profile.html

@@ -14,8 +14,9 @@
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/select2.min.css" rel="stylesheet" />
     <link href="https://cdn.jsdelivr.net/npm/@ttskch/[email protected]/dist/select2-bootstrap4.min.css"
         rel="stylesheet" />
+    <link rel="stylesheet" href="/static/css/Company_Profile.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/company_profile.css">
+   
 </head>
 
 <body>

templates/dashboard.html

@@ -10,10 +10,7 @@
     <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>
+    <link rel="stylesheet" href="/static/css/Dashboard1.css">
 </head>
 
 <body>
@@ -118,14 +115,14 @@
     <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 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) {

templates/data_connectors.html

@@ -7,98 +7,137 @@
     <title>Data Connectors</title>
     <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
+
     <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/adminlte.min.css">
     <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.25/css/dataTables.bootstrap4.min.css">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
-    <link rel="stylesheet" href="/static/css/data_connectors.css">
+    <link rel="stylesheet" href="/static/css/Data_Connectors.css">
+
+
 </head>
+<style>
+    .btn1 {
+        padding: 6px;
+        border: 0.5px solid rgba(0, 0, 0, 0.413);
+        color: rgba(0, 0, 0, 0.507);
+        background-color: white !important;
+
+    }
+
+    .paginate_button {
+        color: rgba(0, 0, 0, 0.507);
+        padding: 5px;
+        margin-left: 5px;
+    }
+</style>
 
-<body>
 
+<body>
     {% include 'sidepane.html' %}
-    <div class="wrapper" style="z-index: 1;">
-        <div class="main-header">
+    <div class="wrapper" style="z-index: 0 !important;">
+        <div class="main-header" style="border-bottom: none;">
             <!-- Content Header (Page header) -->
-            <!-- <div class="content-header">
+            <div class="content-header">
                 <div class="container-fluid">
-                    <div class="container mt-2"> -->
-            <!-- <div class="form-group left-align">
+                    <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 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> -->
+            </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 class="main" id="main">
+                    <div class="form-group">
+                        <!-- <label for="company_id">company_id</label>--->
+                        <input type="hidden" id="company_id" name="company_id" class="form-control" required>
                     </div>
-                    <div class="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>
+                    <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>
-                    <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 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>
-                    <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 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>
-                </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 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="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 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>
 
-                    <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 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>
 
-                <div id="schema-table-section" style="display: none;">
+                <!-- Table -->
+                <div class="table"
+                    style="padding: 50px; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; margin-left:80px; display:none "
+                    id="table">
+                    <h1 style="text-align: center;font-size: 25px;">Selected Tables</h1>
+                    <table id="adminlte-table" class="table table-bordered table-striped">
+                        <thead>
+                            <tr>
+                                <th>Sno</th>
+                                <th>Table Name</th>
+                            </tr>
+                        </thead>
+                        <tbody id="table-body">
+                            <!-- Rows will be appended here -->
+                        </tbody>
+                    </table>
+                </div>
+
+
+                <div id="schema-table-section" style="margin-left: 30px; display: none; width: 100%;">
                     <div class="row">
                         <div class="col-md-3">
                             <div class="form-group1">
@@ -113,39 +152,47 @@
                         </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">
+                            <div class="form-group">
+                                <!-- Label with better spacing -->
+                                <label for="tableschema" class="form-label"
+                                    style="margin-top: 0px; margin-left: 100px;width: 200%;">
+                                    Select Tables <span class="text-danger">*</span>
+                                </label>
+
+                                <!-- Dropdown container -->
+                                <div class="dropdown custom-dropdown" style="margin-left: 100px;">
+                                    <!-- Dropdown button -->
+                                    <button class="btn btn-primary dropdown-toggle w-100 text-start mt-3" type="button"
+                                        id="tablesDropdown" data-bs-toggle="dropdown" aria-expanded="false"
+                                        style="text-align: left;">
                                         Select Tables
                                     </button>
-                                    <ul class="dropdown-menu" aria-labelledby="tablesDropdown">
+
+                                    <!-- Dropdown menu with form styling -->
+                                    <ul class="dropdown-menu p-3 w-100" aria-labelledby="tablesDropdown"
+                                        style="max-height: 200px; overflow-y: auto;">
                                         <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
+                                            <!-- Multiple select dropdown with custom styles -->
+                                            <select id="tableschema" name="tableschema" class="form-select" multiple
+                                                required
+                                                style="height: 150px; width: 240px; border-radius: .375rem; box-shadow: 0 1px 2px rgba(0,0,0,.1);margin-left: 10px;padding: 5px;">
+                                                <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>
+                                                <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="row">
                         <div class="col-md-3">
                             <div class="form-group1">
                                 <label for="selectedTables" id="labelselected">Selected Tables</label>
@@ -154,15 +201,22 @@
                             </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 class="col-md-3">
+                        <div class="btn-container1">
+                            <button type="button" id="saveBtn" class="btn btn-primary"
+                                style="width: 600px; margin-top: 10px;">Save</button>
                         </div>
                     </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> -->
+
             </form>
         </div>
     </div>
@@ -170,6 +224,53 @@
     <footer class="footer">
         {%include 'footer.html'%}
     </footer>
+    <!-- Include jQuery, DataTables, and AdminLTE Scripts -->
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/admin-lte/dist/js/adminlte.min.js"></script>
+
+    <script>
+        // Populate the table body
+        const tableNames = localStorage.getItem("tablename"); // Retrieve the string
+        const tableBody = document.getElementById("table-body"); // Get the table body element
+
+        if (tableNames) {
+            const tableArray = tableNames.split(','); // Split the string into an array
+            tableArray.forEach((table, index) => {
+                const row = document.createElement("tr"); // Create a new row
+                row.innerHTML = `
+                    <td>${index + 1}</td>
+                    <td>${table.trim()}</td>
+                `;
+                tableBody.appendChild(row); // Append the row to the table
+            });
+        } else {
+            console.error("No table names found in localStorage.");
+        }
+
+        // Initialize DataTable
+        $(document).ready(function () {
+            $("#adminlte-table").DataTable({
+                responsive: true,
+                autoWidth: false,
+                paging: true,
+                lengthChange: true,
+                searching: true,
+                ordering: true,
+                info: true,
+                pageLength: 5,
+                lengthMenu: [5, 10, 15, 20],
+                language: {
+                    paginate: {
+                        previous: "<button class='btn1'>Previous</button>",
+                        next: "<button class='btn1'>Next</button>",
+                    },
+
+                },
+            });
+        });
+
+    </script>
     <script>
 
         document.addEventListener('DOMContentLoaded', function () {
@@ -321,6 +422,8 @@
                 .then(data => {
                     if (data.success) {
                         document.getElementById("schema-table-section").style.display = "block";
+                        document.getElementById("main").style.display = "none"
+                        document.getElementById("table").style.display = "none"
                         populateSchemaDropdown(data.schemas);
                         // Set default selection for tables
                         if (data.schemas.length > 0) {
@@ -373,15 +476,26 @@
 
             // Set the password value
             //document.getElementById("password").value = "root";
+            tablename = document.getElementById('selectedTables').value
+            window.localStorage.setItem("tablename", tablename)
+            const tableNames = localStorage.getItem("tablename"); // Retrieve the string
+            if (tableNames) {
+                const tableArray = tableNames.split(','); // Split the string into an array
+                tableArray.forEach((table) => console.error(table.trim())); // Print each table name
+            } else {
+                console.error("No table names found in localStorage.");
+            }
 
             const form = document.getElementById('databaseconnectorForm');
             const formData = new FormData(form);
+            console.log(formData)
             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",
@@ -426,6 +540,9 @@
             const messageContainer = document.getElementById('message-container');
             if (messageContainer) {
                 messageContainer.innerHTML = '';
+                document.getElementById("main").style.display = "block"
+                document.getElementById("table").style.display = "block"
+                document.getElementById("schema-table-section").style.display = "none"
             }
         }
         function handleError() {

templates/footer.html

@@ -1,4 +1,6 @@
-<!-- footer
+<!-- footer.html -->
+
+<!--
     This is the HTML code for the footer section of a web page.
     It displays the version number and copyright information.
 
@@ -21,4 +23,4 @@
     <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> 
+</footer>-->

templates/index.html

@@ -16,39 +16,40 @@
     </style>
 </head>
 
-<body class="login-page" style="background-image: url('static/img/AI.jpg'); background-size: cover;">
+<body class="login-page" style="background-image: url('static/img/Brain.PNG'); 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>
+                    <h1 id="text">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 email for registration</span>
-                    <input type="text" placeholder="Name" required />
-                    <input type="password" placeholder="Password" required />
+                    <input type="text" placeholder="Name" name="username" required />
+                    <input type="password" placeholder="Password" name="password" required />
                     <button type="submit">Sign Up</button>
                 </form>
             </div>
+            <div class="container" id="container">
+                <div class="form-container sign-in-container">
+                    <form action='/validate-user' name='signUpForm' method="post">
+                        <h1 id="text">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 email for registration</span>
+                        <input type="text" placeholder="Name" name="username" required />
+                        <input type="password" placeholder="Password" name="password" required />
+                        <button type="submit">Sign in</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">
@@ -70,24 +71,24 @@
         </div>
     </main>
 
-    <footer>
+    <!-- <footer>
         <p>Developed with <i class="fas fa-heart"></i> by <a href="#">RedMind</a></p>
-    </footer>
+    </footer> -->
 
     <script>
         const signUpButton = document.getElementById('signUp');
         const signInButton = document.getElementById('signIn');
+        const text = document.getElementById('h1');
         const container = document.getElementById('container');
         const formcontainer = document.getElementById('form-container');
 
         signUpButton.addEventListener('click', () => {
             container.classList.add("right-panel-active");
-            formcontainer.style.display = 'none'
+            text.textContent = 'hello'
         });
 
         signInButton.addEventListener('click', () => {
             container.classList.remove("right-panel-active");
-            formcontainer.style.display = 'block'
 
         });
     </script>

templates/knowledgebase.html

@@ -15,7 +15,8 @@
     <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">
+    <link rel="stylesheet" href="/static/css/KnowledgeBase.css">
+    
 </head>
 
 <body>

templates/prompt_template.html

@@ -12,7 +12,7 @@
     <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/prompt_template.css">
 </head>
 
 <body>

templates/sidepane.html

@@ -1,180 +1,257 @@
+<!-- sidepane.html -->
+<!-- This file represents the sidepane component of a web application. It contains the navigation menu and sidebar. -->
 <!DOCTYPE html>
 <html lang="en">
 
 <head>
-    <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>
+    <!-- Include Bootstrap JS -->
     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js"></script>
-
+     <link rel="stylesheet" href="/static/css/sidepane.css">
 </head>
 
 <body>
-    <nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm" style="padding: 15px; z-index: 20;">
+
+
+    <nav class="main-header navbar navbar-expand navbar-light bg-white shadow-sm" style="padding: 15px; position: sticky;top: 0%; z-index: 100 !important; ">
         <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>
+            <!-- Toggle Sidebar Button -->
+            <button class="btn btn-outline-secondary" id="sidebarToggle" style="margin-right: 15px;display: none">
+                <i class="fas fa-bars"></i>
             </button>
+
+            <!-- Logo and Title Section -->
             <div class="d-flex align-items-center">
-                <img class="logo" src="/static/img/redmindlogo3.jpg" alt="Logo"
+                <img 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>
+                <h3 class="m-0" style="font-weight: 500;">RedMindGPT - {{title}}</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>
+            <!-- Buttons Section -->
+            <div>
+                <button class="btn btn-primary me-3" id="add">Add</button>
+                <button class="btn btn-primary" onclick="logout()">Logout</button>
             </div>
         </div>
     </nav>
+    <div id="wrapper">
+        <!-- Main Sidebar Container -->
+        <aside class="main-sidebar sidebar-custom elevation-4" id="sidebarPanel" style=" position: fixed">
+            <!-- Sidebar -->
+            <div class="sidebar">
+                <!-- Sidebar Menu -->
+                <nav class="mt-2">
+                    <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
+                        data-accordion="false" id="sidebarMenu">
+                        <input type="hidden" id="userRole" name="userRole" value={{role}}>
+                        <input type="hidden" id="company_id" name="company_id" value={{company_id}}>
+                        <div class="form-group" style="display: none;">
+                            <label for="llm_tools">LLM Tools<span class="text-danger">*</span></label>
+                            <select class="form-control" id="llm_tools" name="llm_tools" multiple required
+                                style="display: none;">
+                                <option value="Database">Database</option>
+                                <option value="Static Documents">Static Documents</option>
+                                <option value="API">API</option>
+                            </select>
+                            <div class="invalid-feedback">
+                                Please select at least one LLM tool.
+                            </div>
+                        </div>
 
-    <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">
+                        <li class="nav-item">
+                            <a href="{{url_for('dashboard')}}" class="nav-link">
+                                <i class="nav-icon fas fa-home"></i>
+                                <p>Dashboard</p>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <div class="sidebar-header">
+                                <i class="nav-icon fas fa-building"></i>
+                                <span class="menu-text" id="selectedCompany">Select a company</span>
+                                <!-- Initial text as fallback -->
+                                <!-- <span class="menu-text" id="selectedCompany">{{company_name}}</span> -->
+                            </div>
+                        </li>
+
+                        <li class="nav-item">
+                            <a href="{{ url_for('company_profile') }}" class="nav-link">
+                                <i class="nav-icon fas fa-users"></i>
+                                <p>Company Profile</p>
+                            </a>
+                        </li>
+                        <li class="nav-item" id="knowledgebase_link">
+                            <a href="{{ url_for('knowledgebase') }}" class="nav-link">
+                                <i class="nav-icon fas fa-cogs"></i>
+                                <p>KnowledgeBase</p>
+                            </a>
+                        </li>
+                        <li class="nav-item" id="data_connectors_link">
+                            <a href="{{ url_for('data_connectors') }}" class="nav-link">
+                                <i class="nav-icon fas fa-cogs"></i>
+                                <p>Data Connectors</p>
+                            </a>
+                        </li>
+                        <li class="nav-item" id="api_connectors_link">
+                            <a href="{{ url_for('API_connectors') }}" class="nav-link">
+                                <i class="nav-icon fas fa-cogs"></i>
+                                <p>API Connectors</p>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="{{url_for('prompt_template')}}" class="nav-link">
+                                <i class="nav-icon fas fa-cogs"></i>
+                                <p>Prompt Templates</p>
+                            </a>
+                        </li>
+                        <!--<li class="nav-item">
+                    <a href="#" class="nav-link">
                         <i class="nav-icon fas fa-cogs"></i>
-                        <p 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>
+                        <p>LLM Settings</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>
+                    <ul class="nav nav-treeview">
+                        <li class="nav-item">
+                            <a href="#" class="nav-link">
+                                <i class="far fa-circle nav-icon"></i>
+                                <p>Sublink 1</p>
+                            </a>
+                        </li>
+                        <li class="nav-item">
+                            <a href="#" class="nav-link">
+                                <i class="far fa-circle nav-icon"></i>
+                                <p>Sublink 2</p>
+                            </a>
+                        </li>
+                        
+                    </ul>
+                </li> -->
+
+                        <!-- Add more navigation links here -->
+                    </ul>
+                </nav>
+                <!-- /.sidebar-menu -->
+            </div>
+            <!-- /.sidebar -->
+        </aside>
+
+
+        <input type="hidden" id="userRole" name="userRole" value={{role}}>
+        <input type="hidden" id="company_id" name="company_id" value={{company_id}}>
+        <div class="form-group" style="display: none;">
+            <label for="llm_tools">LLM Tools<span class="text-danger">*</span></label>
+            <select class="form-control" id="llm_tools" name="llm_tools" multiple required style="display: none;">
+                <option value="Database">Database</option>
+                <option value="Static Documents">Static Documents</option>
+                <option value="API">API</option>
+            </select>
+            <div class="invalid-feedback">
+                Please select at least one LLM tool.
+            </div>
         </div>
     </div>
 
+    <!-- AdminLTE JS -->
+
     <script>
+
         function logout() {
             sessionStorage.removeItem('role');
             sessionStorage.clear();
             window.location.href = '/';
         }
 
-        function toggleSidebar() {
-
 
-            const sidebar = document.querySelector('.main-sidebar');
-            if (sidebar) {
-                const isSidebarVisible = getComputedStyle(sidebar).display !== 'none';
-                sidebar.style.display = isSidebarVisible ? 'none' : 'block';
+        document.addEventListener("DOMContentLoaded", function () {
 
-            }
-        }
+            const company_id1 = document.getElementById("company_id").value;
+            const role1 = document.getElementById("userRole").value;
+            sessionStorage.setItem('siderole1', role1);
+            sessionStorage.setItem('sidecompanyId1', company_id1);
 
+            const sidecompanyId = sessionStorage.getItem('sidecompanyId1');
+            const siderole = sessionStorage.getItem('siderole1');
+            if (siderole === 'admin') {
+                console.log("Company ID inside sidepane:", sidecompanyId);
+                console.log("Role inside sidepane:", siderole);
+                editCompany(sidecompanyId, siderole);
 
+                console.log("inside admin after edit");
+                updateLinkVisibility(siderole);
 
-        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') {
+        async function updateLinkVisibility(siderole) {
+            //const role = sessionStorage.getItem('role');
+            if (siderole === 'admin') {
                 const displayState = JSON.parse(sessionStorage.getItem('displayState'));
+
+                // Update the visibility of links based on the stored state
                 document.getElementById('api_connectors_link').style.display = displayState.apiConnectors;
                 document.getElementById('knowledgebase_link').style.display = displayState.knowledgeBase;
-                document.getElementById('data_connectors_link').style.display = displayState.dataConnectors;
+                document.getElementById('data_connectors_link').style.display = displayState.dataConnectors
             }
         }
-
-        async function editCompany(companyId, role) {
-            $.getJSON(`/api/getcompanydetails/${companyId}`, function (company) {
+        async function editCompany(sidecompanyId, siderole) {
+            console.log("inside edit company id", sidecompanyId);
+            console.log("inside edit role role", siderole);
+            $.getJSON(`/api/getcompanydetails/${sidecompanyId}`, function (company) {
+                // Set the value of #llm_tools and trigger change event
                 $('#llm_tools').val(company.llm_tools.split(',')).trigger('change');
-                const llmTools = $('#llm_tools').val();
+
+                // Get the selected values from #llm_tools
+                const llmTools = $('#llm_tools').val(); // This is an array
+
+                console.log("inside sidepane edit llmTools", llmTools);
+                //const role =sessionStorage.getItem('role');
 
                 if (llmTools && llmTools.length > 0) {
-                    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';
+                    console.log("inside if");
+
+                    // Example: Conditionally display some links based on llm_tools
+                    if (api_connectors_link) {
+                        api_connectors_link.style.display = llmTools.includes('API') ? 'block' : 'none';
+                        console.log("state api", api_connectors_link.style.display);
+                    }
 
+                    if (knowledgebase_link) {
+                        knowledgebase_link.style.display = llmTools.includes('Static Documents') ? 'block' : 'none';
+                        console.log("state know", knowledgebase_link.style.display);
+                    }
+
+                    if (data_connectors_link) {
+                        data_connectors_link.style.display = llmTools.includes('Database') ? 'block' : 'none';
+                        console.log("state dataconn", data_connectors_link.style.display);
+                    }
+
+                    console.log("inside storageadmin");
                     sessionStorage.setItem('displayState', JSON.stringify({
-                        apiConnectors: document.getElementById('api_connectors_link').style.display,
-                        knowledgeBase: document.getElementById('knowledgebase_link').style.display,
-                        dataConnectors: document.getElementById('data_connectors_link').style.display
+                        apiConnectors: api_connectors_link.style.display,
+                        knowledgeBase: knowledgebase_link.style.display,
+                        dataConnectors: data_connectors_link.style.display
+
                     }));
-                    updateLinkVisibility(role);
+                    updateLinkVisibility(siderole);
                 }
+
             }).fail(function () {
-                console.error("Error retrieving company details.");
+                alert("Error retrieving company details.");
             });
+
         }
+        document.getElementById('sidebarToggle').addEventListener('click', function () {
+            const sidebar = document.getElementById('sidebarPanel');
+
+            if (sidebar.style.display === 'block') {
+                sidebar.style.display = 'none';
+            } else {
+                sidebar.style.display = 'block';
+            }
+
+        });
     </script>
+
 </body>
 
 </html>