Update templates/index.html

templates/index.html

@@ -1,210 +1,212 @@
 
-import torch
-from flask import Flask, render_template, request, jsonify
-import json
-import os
-from transformers import pipeline
-from gtts import gTTS
-from pydub import AudioSegment
-from pydub.silence import detect_nonsilent
-from transformers import AutoConfig  # Import AutoConfig for the config object
-import time
-from waitress import serve
-from simple_salesforce import Salesforce
-import requests  # Import requests for exception handling
-
-app = Flask(__name__)
-
-# Use whisper-small for faster processing and better speed
-device = "cuda" if torch.cuda.is_available() else "cpu"
-
-# Create config object to set timeout and other parameters
-config = AutoConfig.from_pretrained("openai/whisper-small")
-config.update({"timeout": 60})  # Set timeout to 60 seconds
-
-# Your function where you generate and save the audio
-def generate_audio_prompt(text, filename):
-    try:
-        tts = gTTS(text)
-        tts.save(os.path.join("static", filename))
-    except gtts.tts.gTTSError as e:
-        print(f"Error: {e}")
-        print("Retrying after 5 seconds...")
-        time.sleep(5)  # Wait for 5 seconds before retrying
-        generate_audio_prompt(text, filename)
-
-# Generate required voice prompts
-prompts = {
-    "welcome": "Welcome to Biryani Hub.",
-    "ask_name": "Tell me your name.",
-    "ask_email": "Please provide your email address.",
-    "thank_you": "Thank you for registration."
-}
-
-for key, text in prompts.items():
-    generate_audio_prompt(text, f"{key}.mp3")
-
-# Symbol mapping for proper recognition
-SYMBOL_MAPPING = {
-    "at the rate": "@",
-    "at": "@",
-    "dot": ".",
-    "underscore": "_",
-    "hash": "#",
-    "plus": "+",
-    "dash": "-",
-    "comma": ",",
-    "space": " "
-}
-
-# Function to convert audio to WAV format
-def convert_to_wav(input_path, output_path):
-    try:
-        audio = AudioSegment.from_file(input_path)
-        audio = audio.set_frame_rate(16000).set_channels(1)  # Convert to 16kHz, mono
-        audio.export(output_path, format="wav")
-    except Exception as e:
-        print(f"Error: {str(e)}")
-        raise Exception(f"Audio conversion failed: {str(e)}")
-
-# Function to check if audio contains actual speech
-def is_silent_audio(audio_path):
-    audio = AudioSegment.from_wav(audio_path)
-    nonsilent_parts = detect_nonsilent(audio, min_silence_len=500, silence_thresh=audio.dBFS-16)  # Reduced silence duration
-    print(f"Detected nonsilent parts: {nonsilent_parts}")
-    return len(nonsilent_parts) == 0  # If no speech detected
-
-# Salesforce connection details
-try:
-    print("Attempting to connect to Salesforce...")
-    sf = Salesforce(username='[email protected]', password='Sati@1020', security_token='sSSjyhInIsUohKpG8sHzty2q')
-    print("Connected to Salesforce successfully!")
-    print("User Info:", sf.UserInfo)  # Log the user info to verify the connection
-except Exception as e:
-    print(f"Failed to connect to Salesforce: {str(e)}")
-
-# Function to create Salesforce record
-# API endpoint to receive data from voice bot
-@app.route('/login', methods=['POST'])
-def login():
-    # Get data from voice bot (name, email, phone number)
-    data = request.json  # Assuming voice bot sends JSON data
-    
-    name = data.get('name')
-    email = data.get('email')
-    phone_number = data.get('phone_number')
-
-    if not name or not email or not phone_number:
-        return jsonify({'error': 'Missing required fields'}), 400
-
-    # Create a record in Salesforce
-    try:
-        customer_login = sf.Customer_Login__c.create({
-            'Name': name,
-            'Email__c': email,
-            'Phone_Number__c': phone_number
-        })
-        return jsonify({'success': True, 'id': customer_login['id']}), 200
-    except Exception as e:
-        print(f"Error creating Salesforce record: {str(e)}")
-        return jsonify({'error': f'Failed to create record in Salesforce: {str(e)}'}), 500
-
-@app.route("/submit", methods=["POST"])
-def submit():
-    data = request.json
-    name = data.get('name')
-    email = data.get('email')
-    phone = data.get('phone')
-
-    if not name or not email or not phone:
-        return jsonify({'error': 'Missing data'}), 400
-
-    try:
-        # Create Salesforce record
-        customer_login = sf.Customer_Login__c.create({
-            'Name': name,
-            'Email__c': email,
-            'Phone_Number__c': phone
-        })
-
-        if customer_login.get('id'):
-            return jsonify({'success': True, 'id': customer_login['id']})
-        else:
-            return jsonify({'error': 'Failed to create record'}), 500
-
-    except Exception as e:
-        print(f"Error during Salesforce record creation: {str(e)}")
-        return jsonify({'error': str(e)}), 500
-
-
-@app.route("/")
-def index():
-    return render_template("index.html")
-
-@app.route("/transcribe", methods=["POST"])
-def transcribe():
-    if "audio" not in request.files:
-        print("No audio file provided")
-        return jsonify({"error": "No audio file provided"}), 400
-
-    audio_file = request.files["audio"]
-    input_audio_path = os.path.join("static", "temp_input.wav")
-    output_audio_path = os.path.join("static", "temp.wav")
-    audio_file.save(input_audio_path)
-
-    try:
-        # Convert to WAV
-        convert_to_wav(input_audio_path, output_audio_path)
-
-        # Check for silence
-        if is_silent_audio(output_audio_path):
-            return jsonify({"error": "No speech detected. Please try again."}), 400
-        else:
-            print("Audio contains speech, proceeding with transcription.")
-
-        # Use Whisper ASR model for transcription
-        result = None
-        retry_attempts = 3
-        for attempt in range(retry_attempts):
-            try:
-                result = pipeline("automatic-speech-recognition", model="openai/whisper-small", device=0 if torch.cuda.is_available() else -1, config=config)
-                print(f"Transcribed text: {result['text']}")
-                break
-            except requests.exceptions.ReadTimeout:
-                print(f"Timeout occurred, retrying attempt {attempt + 1}/{retry_attempts}...")
-                time.sleep(5)
-
-        if result is None:
-            return jsonify({"error": "Unable to transcribe audio after retries."}), 500
-
-        transcribed_text = result["text"].strip().capitalize()
-        print(f"Transcribed text: {transcribed_text}")
-
-        # Extract name, email, and phone number from the transcribed text
-        parts = transcribed_text.split()
-        name = parts[0] if len(parts) > 0 else "Unknown Name"
-        email = parts[1] if '@' in parts[1] else "unknown@domain.com"
-        phone_number = parts[2] if len(parts) > 2 else "0000000000"
-        print(f"Parsed data - Name: {name}, Email: {email}, Phone Number: {phone_number}")
-
-        # Create record in Salesforce
-        salesforce_response = create_salesforce_record(name, email, phone_number)
-
-        # Log the Salesforce response
-        print(f"Salesforce record creation response: {salesforce_response}")
-
-        # Check if the response contains an error
-        if "error" in salesforce_response:
-            print(f"Error creating record in Salesforce: {salesforce_response['error']}")
-            return jsonify(salesforce_response), 500
-
-        # If creation was successful, return the details
-        return jsonify({"text": transcribed_text, "salesforce_record": salesforce_response})
-
-    except Exception as e:
-        print(f"Error in transcribing or processing: {str(e)}")
-        return jsonify({"error": f"Speech recognition error: {str(e)}"}), 500
-
-# Start Production Server
-if __name__ == "__main__":
-    serve(app, host="0.0.0.0", port=7860)
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Biryani Hub Login & Registration</title>
+    <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&display=swap" rel="stylesheet">
+    <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
+    <style>
+        /* Styling remains unchanged */
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>Welcome to Biryani Hub 🍽 🍗</h1>
+
+        <!-- Form Section -->
+        <div class="form-container">
+            <!-- Registration Form -->
+            <div class="form-section" id="registrationForm" style="display: block;">
+                <h2 class="header">Register</h2>
+                <label for="name">Your Name</label>
+                <input type="text" id="name" placeholder="Your name will appear here..." readonly>
+                
+                <label for="email">Your Email</label>
+                <input type="text" id="email" placeholder="Your email will appear here..." readonly>
+                
+                <label for="mobile">Your Mobile Number</label>
+                <input type="text" id="mobile" placeholder="Your mobile number will appear here..." readonly>
+
+                <p class="info" id="infoMessage">Listening 🗣🎙️...</p>
+                <p class="status" id="status">🔊...</p>
+            </div>
+
+            <!-- Login Form -->
+            <div class="form-section" id="loginForm" style="display: none;">
+                <h2 class="header">Login</h2>
+                <label for="loginEmail">Your Email</label>
+                <input type="text" id="loginEmail" placeholder="Your email will appear here..." readonly>
+                
+                <label for="loginMobile">Your Mobile Number</label>
+                <input type="text" id="loginMobile" placeholder="Your mobile number will appear here..." readonly>
+
+                <p class="info" id="infoMessageLogin">Listening 🗣🎙️...</p>
+                <p class="status" id="statusLogin">🔊...</p>
+            </div>
+        </div>
+    </div>
+
+    <script>
+        let recognition;
+        let nameCaptured = "";
+        let emailCaptured = "";
+        let mobileCaptured = "";
+
+        if ('webkitSpeechRecognition' in window) {
+            recognition = new webkitSpeechRecognition();
+            recognition.continuous = false;
+            recognition.interimResults = false;
+            recognition.lang = 'en-US';
+        } else {
+            alert("Speech Recognition API is not supported in this browser.");
+        }
+
+        function speak(text, callback) {
+            const speech = new SpeechSynthesisUtterance(text);
+            speech.onend = callback;
+            window.speechSynthesis.speak(speech);
+        }
+
+        // Start by asking if the user is a new or existing customer
+        function askLoginOrRegister() {
+            speak("Are you a new customer or an existing customer? Say 'new' for registration or 'existing' for login.", function() {
+                recognition.start();
+                recognition.onresult = function(event) {
+                    let response = event.results[0][0].transcript.trim().toLowerCase();
+                    recognition.stop();
+                    if (response.includes("new")) {
+                        showRegistrationForm();
+                    } else if (response.includes("existing")) {
+                        showLoginForm();
+                    } else {
+                        speak("Sorry, I didn't understand. Please say 'new' for registration or 'existing' for login.", askLoginOrRegister);
+                    }
+                };
+            });
+        }
+
+        function showRegistrationForm() {
+            document.getElementById('registrationForm').style.display = 'block';
+            document.getElementById('loginForm').style.display = 'none';
+            speak("Please tell me your name to begin the registration.", startListeningForName);
+        }
+
+        function showLoginForm() {
+            document.getElementById('loginForm').style.display = 'block';
+            document.getElementById('registrationForm').style.display = 'none';
+            speak("Please tell me your email to begin the login process.", startListeningForLoginEmail);
+        }
+
+        // Capture the name for registration
+        function startListeningForName() {
+            recognition.start();
+            recognition.onresult = function(event) {
+                nameCaptured = event.results[0][0].transcript.trim();
+                document.getElementById('name').value = nameCaptured;
+                recognition.stop();
+                speak("You said " + nameCaptured + ". Is it correct?", confirmName);
+            };
+        }
+
+        function confirmName() {
+            recognition.start();
+            recognition.onresult = function(event) {
+                let confirmation = event.results[0][0].transcript.trim().toLowerCase();
+                recognition.stop();
+                if (confirmation.includes("ok")) {
+                    speak("Great! Now, tell me your email.", startListeningForEmail);
+                } else {
+                    speak("Let's try again. Tell me your name.", startListeningForName);
+                }
+            };
+        }
+
+        // Capture email for registration
+        function startListeningForEmail() {
+            recognition.start();
+            recognition.onresult = function(event) {
+                emailCaptured = event.results[0][0].transcript.trim().replace(/\bat\b/g, '@').replace(/\s+/g, '');
+                document.getElementById('email').value = emailCaptured;
+                recognition.stop();
+                speak("You said " + emailCaptured + ". Is it correct?", confirmEmail);
+            };
+        }
+
+        function confirmEmail() {
+            recognition.start();
+            recognition.onresult = function(event) {
+                let confirmation = event.results[0][0].transcript.trim().toLowerCase();
+                recognition.stop();
+                if (confirmation.includes("ok")) {
+                    speak("Great! Now, tell me your mobile number.", startListeningForMobile);
+                } else {
+                    speak("Let's try again. Tell me your email.", startListeningForEmail);
+                }
+            };
+        }
+
+        // Capture mobile number for registration
+        function startListeningForMobile() {
+            recognition.start();
+            recognition.onresult = function(event) {
+                mobileCaptured = event.results[0][0].transcript.trim().replace(/\s+/g, '');
+                document.getElementById('mobile').value = mobileCaptured;
+                recognition.stop();
+                speak("You said " + mobileCaptured + ". Is it correct?", confirmMobile);
+            };
+        }
+
+        function confirmMobile() {
+            recognition.start();
+            recognition.onresult = function(event) {
+                let confirmation = event.results[0][0].transcript.trim().toLowerCase();
+                recognition.stop();
+                if (confirmation.includes("ok")) {
+                    autoConfirm();
+                } else {
+                    speak("Let's try again. Tell me your mobile number.", startListeningForMobile);
+                }
+            };
+        }
+
+        // Confirm details and submit automatically
+        function autoConfirm() {
+            document.getElementById('confirmName').textContent = document.getElementById('name').value;
+            document.getElementById('confirmEmail').textContent = document.getElementById('email').value;
+            document.getElementById('confirmPhone').textContent = document.getElementById('mobile').value;
+            document.getElementById('confirmation').style.display = 'block';
+            setTimeout(autoSubmit, 3000);
+        }
+
+        // Submit details to Salesforce
+        function autoSubmit() {
+            var name = document.getElementById('name').value;
+            var email = document.getElementById('email').value;
+            var phone = document.getElementById('mobile').value;
+            fetch('/submit', {
+                method: 'POST',
+                headers: { 'Content-Type': 'application/json' },
+                body: JSON.stringify({ name: name, email: email, phone: phone })
+            })
+            .then(response => response.json())
+            .then(data => {
+                if (data.success) {
+                    document.getElementById('status').textContent = 'Your details were submitted successfully!';
+                    document.getElementById('confirmation').style.display = 'none';
+                    speak("Your registration is complete. Thank you for registering.");
+                    setTimeout(() => location.reload(), 5000);
+                } else {
+                    document.getElementById('status').textContent = 'There was an error submitting your details.';
+                    speak("There was an error submitting your details. Please try again.");
+                }
+            });
+        }
+
+        window.onload = function () {
+            askLoginOrRegister();
+        };
+    </script>
+</body>
+</html>