const blog = require('../source/blog')
const readBlogs = blog().ReadBlogs()

class Index {
    constructor() {}

    async Main() {
        return readBlogs.then(output => {
            const text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
            const blogs = {
                blogsArr: Array.from(output.keys()),
                int: 0,
                result: ''
            }
            
            for (let [key, value] of output.entries()) {
                if (blogs.int >= 2) {break}
                blogs.result += `<div><h3>${value.title}</h3><p>Date: ${(value.date.getMonth() + 1).toString().padStart(2, '0')}/${(value.date.getDate()).toString().padStart(2, '0')}/${value.date.getFullYear()}</p><p>${value.short}</p></div>`
                blogs.int++
            }

            const data = {
                index:`
                    <section id='index'>
                    <div class='index'>
                    <h1>Welcome to my website!</h1>
                    <p>Welcome to my personal website! I'm Michael, an enthusiast with a keen interest in sharing knowledge and insights in technology. Feel free to explore my work experience and engage with my blog, where I discuss all things IT.</p>
                    <div>
                    <button id='index-about'>About me</button>
                    <button class='index-readblogs'>Visit My Blog</button>
                    </div>
                    </div>
                    </section>
                `,
                main: `
                    <section id='work'>
                    <h1>Work/Education</h1>
                    <div class='workitems'>
                    <div>
                    <h3>Cultural-Impact</h3>
                    <ul>
                    <li><p>Technology Consultant</p></li>
                    <li><p>Working with clients on their websites (frontend/backend)</p></li>
                    </ul>
                    </div>
                    <div>
                    <h3>University of Cincinnati</h3>
                    <ul>
                    <li>Java</li>
                    <li>Database Management</li>
                    <li>Networking</li>
                    <li>Web Development</li>
                    <li>System Administration (Windows/Linux)</li>
                    </ul>
                    </div>
                    </div>
                    </section>
                `,
                blog: `
                    <section id='index-blog'>
                    <h1>Blog</h1>
                    <div class='index-blog'>
                    ${blogs.result}
                    </div>
                    <center><button class='index-readblogs'>Read Blogs</button></center>
                    </section>
                `,
                websites: `
                    <section id='mywebsites'>
                    <h1>My Websites</h1>
                    <p>Here are some websites I have created</p>
                    <div class='websites'>
                    <img id='goodhandhauling' src='/img/Screenshot_20240414_143225.avif'/>
                    <img id='helpinghands' src='/img/Screenshot_20240414_143258.avif'/>
                    </div>
                    </section>
                `,
                contact: `
                    <section id='contact'>
                    <h1>Contact</h1>
                    <div class='form'>
                    <p>Full Name:</p>
                    <input type='text' name='fullname'/>
                    <p>Email:</p>
                    <input type='email' name='email'/>
                    <p>Message:</p>
                    <textarea name='message'></textarea><br>
                    <button id='contact-submit'>Submit</button>
                    </div>
                    </section>
                `,
                end: ``
            }
            return data.index + data.main + data.blog + data.websites + data.contact
        })
    }
}

module.exports = (x) => {return new Index(x)}