/* The chat const defines the Peekobot conversation.
 * 
 * It should be an object with numerical property names, and each property is an entry
 * in the conversation.
 * 
 * A conversation entry should have:
 *  - A "text" property that is what the chatbot says at this point in the conversation
 *  - Either:
 *     - A "next" property, which defines the next chat entry by stating a numerical key
 *       of the chat object and is used when the chatbot needs to say several things
 *       without input from the user
 *    OR
 *     - An "options" property that defines the choices a user can take this is an
 *       array of option objects
 * 
 * An options object should have:
 *  - a "text" property that is the label for the user's choice
 *  AND EITHER
 *  - a "next" property that defines the next chat entry by stating a numerical key of
 *    the chat object and is used when the user selects this option
 *  OR
 *  - a "url" property that defines a link for the user to be taken to
 * 
 * A simple example chat object is:
 * const chat = {
 *     1: {
 *         text: 'Good morning sir',
 *         next: 2
 *     },
 *     2: {
 *         text: 'Would you like tea or coffee with your breakfast?',
 *         options: [
 *             {
 *                 text: 'Tea',
 *                 next: 3
 *             },
 *             {
 *                 text: 'Coffee',
 *                 next: 4
 *             }
 *         ]
 *     },
 *     3: {
 *         text: 'Splendid - a fine drink if I do say so myself.'
 *     },
 *     4: {
 *         text: 'As you wish, sir'
 *     }
 * }
 */
const chat = {
    1: {
        text: 'Hi! I am techvai bot. Far better conversationalist 😉.',
       
        options: [
            {
                text: 'cilck here ',
                next: 2
            }
        ]
    },
    2: {
        text: '',
       
        options: [
            {
                text: 'Just want to say hello',
                next: 3
            },
            {
                text: "I would like to hire you",
                next: 4
            }
        ]
    },
    // 2: {
    //     text: 'Peekobot is a <em>really simple</em>, choice-driven chatbot framework made in <del>less than</del> just over 100 lines of vanilla JavaScript',
    //     next: 3
    // },
    3: {
        text: 'hi , best wishes ...' + '</br>' + 'hope you have enjoyed my work'
        + '</br>' + 'Can I help you with anything else ?',
        options: [
            // {
            //     text: "<strong>Yes</strong>, I did!",
            //     next: 4
            // },
            // {
            //     text: "<strong>Nope</strong>, this is news.",
            //     next: 5
            // },
            {
                text: "I would like to hire you",
                next: 4
            }
        ]
    },
    4: {
        text: 'Ok, great!' + '</br>' + 'Exciting times 🕺' + 
        '</br>' + 'Send me a message and lets chat further',
        options: [
            {
                text: 'Send me a message',
                next: 5
            },
            {
                text: "Other options",
                next: 6
            }
        ]
    },
    
    // 5: {
    //     text: 'Aah, you\'re missing out!',
    //     next: 6
    // },
    5: {
      
        text: `
        <button onclick="myFunction()"> Click to mail </button>

        `

        ,
          

        //  next: 7
    },
    6: {
        text: 'catch me on linkedin',
        options: [
            {
                text: "Go to linkedin",
                url: "https://www.linkedin.com/feed/",
                target:'_blank'
               
            }
        ]
    }
    // 7: {
    //     text: `
    //     <div class="contact-form">
    //     <form action="/" name="contact">
    //         <div>
    //             <span>
    //                 <i class="fa fa-user"></i>
    //             </span>
    //             <span>
    //                 <input id="txtname"  name="txtname" type="text" value="" placeholder=" Enter Your Name" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter Your Name'" required>
    //             </span>
    //         </div>
    //         <div>
    //             <span>
    //                 <i class="fa fa-envelope"></i>
    //             </span>
    //             <span>
    //                 <input id="txtemail" name="txtemail" type="email" value="" placeholder="Enter Your Email Address" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter Your Email Address'" required>
    //             </span>
    //         </div>

    //         <div>
    //             <span>
    //                 <i class="fa fa-indent" aria-hidden="true"></i>
    //             </span>
    //             <span>
    //                 <textarea 
    //                 name="txtmsg" 
    //                 id="txtmsg" 
    //                 name="txtmsg" 
    //                 value=""
    //                 placeholder="Enter Your Message" 
    //                 onfocus="this.placeholder = ''"
    //                 onblur="this.placeholder = 'Enter Your Message'"
    //                 required
    //                 ></textarea> </span>
    //         </div>
    //         <button class="contact-btn" type="submit"  >Send</button>

    //     </form>
    // </div>
        
        
    //     `

    // }
};


