{"version":3,"file":"static/js/778.80c0fb48.chunk.js","mappings":"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","sources":["components/events/EventMainPage.js","webpack://Top Choice for Training in Hyderabad - Social Prachar/./src/components/events/events.module.css?514f","webpack://Top Choice for Training in Hyderabad - Social Prachar/./src/components/upcomingBatches/UpcomingBatches.module.css?3a40"],"sourcesContent":["import React, { useEffect, useState } from 'react';\r\nimport Footer from '../footer/footer';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport style from \"../upcomingBatches/UpcomingBatches.module.css\";\r\nimport scrollStyle from './events.module.css';\r\nimport certificate from \"../../assets/careerworkshop/certificate1.png\";\r\nimport video from \"../../assets/careerworkshop/video1.png\";\r\nimport star from \"../../assets/careerworkshop/stars-svgrepo-com.png\";\r\nimport book from \"../../assets/careerworkshop/book1.png\";\r\nimport globe from \"../../assets/careerworkshop/globe.png\";\r\nimport bag from '../../assets/careerworkshop/briefcase.png';\r\nimport { collection, getDocs } from 'firebase/firestore';\r\nimport { db } from '../../firebase';\r\n\r\n\r\nconst cardItems = [\r\n    { img: certificate, labelHead: \"Social Prachar\", labelDown: \"Certificate\" },\r\n    { img: video, labelHead: \"IIM & IIT Alumni\", labelDown: \"Learning\" },\r\n    { img: star, labelHead: \"Top\", labelDown: \"Instructors\" },\r\n    { img: book, labelHead: \"Bonus\", labelDown: \"Resources\" },\r\n    { img: bag, labelHead: \"Intern/Fulltime\", labelDown: \"Jobs\" },\r\n    { img: globe, labelHead: \"Learn till you\", labelDown: \"Get Placed\" },\r\n];\r\n\r\nconst EventMainPage = () => {\r\n    const [card, setCard] = useState([]);\r\n    const navigate = useNavigate();\r\n\r\n    useEffect(() => {\r\n        const fetchData = async () => {\r\n            try {\r\n                const querySnapshot = await getDocs(collection(db, \"events\"));\r\n                const eventsData = querySnapshot.docs.map(doc => ({ id: doc.id, ...doc.data() }));\r\n                setCard(eventsData);\r\n            } catch (error) {\r\n                console.error(\"Error fetching data:\", error);\r\n            }\r\n        };\r\n        fetchData();\r\n    }, []);\r\n\r\n    // const handleOpen = (eventName) => {\r\n    //     const words = eventName.split(/\\s+/);\r\n    //     if (words.length > 1) {\r\n    //         const formattedName = words.slice(0, -1).join('-') + ' ' + words[words.length - 1];\r\n    //         navigate(`/events/${formattedName}`);\r\n    //     } else {\r\n    //         navigate(`/events/${eventName}`);\r\n    //     }\r\n    // };\r\n\r\n    const handleOpen = (id) => {\r\n        navigate(`/events/${id}`);\r\n    };\r\n\r\n\r\n    return (\r\n        <div className=\"container\">\r\n            <div className=\"bg container pt-5\">\r\n                {/* Header Section */}\r\n                <div className=\"text-start d-flex flex-wrap align-items-center justify-content-between mb-5\">\r\n                    <div className='col-md-12 mb-4'>\r\n                        <h1 className='fw-bold'>Social Prachar <span style={{color:'#ff5003'}}>MasterClasses</span></h1>\r\n                        <h4 className='text-muted'>Learn Tech Concepts From Industry Leaders Who Have Been there and done that!</h4>\r\n                    </div>\r\n\r\n                    {/* Aside Card Section */}\r\n                    <div className={`d-flex flex-nowrap align-items-center overflow-auto p-3 ${scrollStyle.scrollContainer}`}>\r\n                        {cardItems.map((item, idx) => (\r\n                            <div key={idx} className=\"d-flex align-items-center me-4\">\r\n                                {/* Icon */}\r\n                                <div\r\n                                    className={`${style.icon} d-flex justify-content-center align-items-center p-2`}\r\n                                >\r\n                                    <img\r\n                                        src={item.img}\r\n                                        alt={item.labelHead}\r\n                                        style={{ width: \"40px\", height: \"40px\", borderRadius: \"8px\" }}\r\n                                    />\r\n                                </div>\r\n                                {/* Labels */}\r\n                                <div className=\"ms-2 text-center\">\r\n                                    <p className=\"mb-0 fw-bold\">{item.labelHead}</p>\r\n                                    <span>{item.labelDown}</span>\r\n                                </div>\r\n                            </div>\r\n                        ))}\r\n                    </div>\r\n                </div>\r\n\r\n                {/* Main Content Section */}\r\n                <div className=\"row\">\r\n                    {/* Main Cards Section */}\r\n                    <div className=\"col-md-12\">\r\n                        <div className=\"row\">\r\n                            {card.map((card, index) => (\r\n                                <div\r\n                                    key={index}\r\n                                    className=\"col-md-4 mb-4 shadow\"\r\n                                    onClick={(e) => {\r\n                                        e.stopPropagation();\r\n                                        handleOpen(card.id);\r\n                                    }}\r\n                                    style={{ cursor: 'pointer' }}\r\n                                >\r\n                                    <div className=\"card\" style={{ width: '100%' }}>\r\n                                        <img src={card.trainerImage || 'placeholder.jpg'} className=\"card-img-top img-fluid\" alt={card.skill} style={{ width: \"100%\", height: \"220px\", objectFit: \"cover\" }} />\r\n                                        <div className=\"card-body\">\r\n                                            <h4 className=\"card-title\">{card.eventName}</h4>\r\n                                            <p className=\"card-text mb-1\">Batch Starting Date: <span>{card.startDate || \"Not Mentioned\"}</span></p>\r\n                                            <h6 className=\"text-danger\">Hurry, only {card.slots || \"X\"} slots remaining!</h6>\r\n                                            <hr />\r\n                                            <div className=\"d-flex justify-content-between\">\r\n                                                <h6>Students Registered: {card.studentsRegistered || \"X\"}</h6>\r\n                                                <button className={`fw-bold btn btn-primary`} onClick={() => handleOpen(card.eventName)}>Enroll Now</button>\r\n                                            </div>\r\n                                        </div>\r\n                                    </div>\r\n                                </div>\r\n                            ))}\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n            <Footer />\r\n        </div>\r\n    );\r\n};\r\n\r\nexport default EventMainPage;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"brutalistButton\":\"events_brutalistButton__RYSZZ\",\"slide\":\"events_slide__147L4\",\"msLogo\":\"events_msLogo__vDESr\",\"msLogoSquare\":\"events_msLogoSquare__kDO25\",\"buttonText\":\"events_buttonText__sgSg7\",\"scrollContainer\":\"events_scrollContainer__TtAwU\",\"flex-shrink-0\":\"events_flex-shrink-0__LQEdk\"};","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"UpcomingBatches_container__Xg75o\",\"Title\":\"UpcomingBatches_Title__Dz8QY\",\"active_category\":\"UpcomingBatches_active_category__kJo54\",\"custom_image\":\"UpcomingBatches_custom_image__jTvx9\",\"sticky_asidecard\":\"UpcomingBatches_sticky_asidecard__5Ze+8\",\"enrollBtn\":\"UpcomingBatches_enrollBtn__weSQl\",\"studentsEnrolledText\":\"UpcomingBatches_studentsEnrolledText__5PJE6\"};"],"names":["cardItems","img","certificate","labelHead","labelDown","video","star","book","bag","globe","EventMainPage","card","setCard","useState","navigate","useNavigate","useEffect","async","eventsData","getDocs","collection","db","docs","map","doc","id","data","error","console","fetchData","handleOpen","concat","_jsxs","className","children","_jsx","style","color","scrollStyle","scrollContainer","item","idx","icon","src","alt","width","height","borderRadius","index","onClick","e","stopPropagation","cursor","trainerImage","skill","objectFit","eventName","startDate","slots","studentsRegistered","Footer"],"sourceRoot":""}