{"version":3,"sources":["components/admin/Header.tsx","utils/axiosConfig.ts","store/index.ts","components/admin/StudentDetails.tsx","components/admin/Main.tsx","components/admin/SideBar.tsx","components/admin/Dashboard.tsx","components/ContactFormModel.tsx","components/Contactus.tsx","components/Footer.tsx","components/Header.tsx","components/HeaderSearch.jsx","components/OurHistory.jsx","components/OurScholars.tsx","components/ResHeader.tsx","components/WhatWeDo.tsx","components/home_page/Home.jsx","components/Login.tsx","components/success_page/SuccessPage.jsx","App.jsx","components/account/Register.jsx","Routes.tsx","index.tsx"],"names":["Header","searchName","setSearchName","className","href","type","placeholder","value","onChange","e","target","onClick","window","localStorage","removeItem","location","assign","token","getItem","api","Axios","create","withCredentials","baseURL","headers","useStore","set","loading","students","authorizationHeader","filteredStudents","get","path","add","body","login","me","a","res","data","console","log","operation","statusCode","errors","includes","trim","resp","post","StudentDetails","student","id","width","src","alt","serialNumber","name","email","country","city","style","flexGrow","dob","gender","Date","registeredDate","toLocaleDateString","whatsappNumber","contactNumber","children","length","overflow","outline","tabIndex","map","c","idx","course","days","toString","teacher","getDay","getMonth","getDate","getFullYear","MySwal","withReactContent","Swal","Main","state","useState","allStudents","setAllStudents","notFound","useForm","register","handleSubmit","loadingStudents","useEffect","onSubmit","to","from","setHours","alert","required","fontSize","filter","s","user","color","cursor","_id","fire","title","input","inputAttributes","autocapitalize","showCancelButton","confirmButtonText","showLoaderOnConfirm","preConfirm","serial","showValidationMessage","allowOutsideClick","isLoading","then","result","isConfirmed","confirm","addSerialNumber","showCloseButton","showConfirmButton","html","SideBar","height","Dashboard","useNavigate","auth","setAuth","setUsers","setLoading","document","getElementById","paddingTop","display","alignItems","justifyContent","text","icon","replace","ContactFormModel","Contactus","opacity","Footer","backgroundImage","backgroundSize","marginLeft","override","css","HeaderSearch","error","setError","errorText","setErrorText","watch","formState","username","password","setItem","size","OurHistory","marginTop","SwiperCore","use","Navigation","Pagination","Scrollbar","A11y","OurScholars","slidesPerView","pagination","clickable","padding","autoplay","ResHeader","WhatWeDo","Home","onload","phoneNumber","Login","SuccessPage","lineHeight","App","element","Register","React","hasChildren","setHasChildren","howManyChildren","setHowManyChildren","week","handleDays","selectedDays","forEach","day","querySelector","checked","push","item","obj","indexOf","yob","getTime","reset","disabled","selected","maxLength","pattern","childrenArray","num","parseInt","i","handleChildren","class","scope","child","index","AppRoutes","history","createBrowserHistory","ReactDOM","render","StrictMode"],"mappings":"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","file":"static/js/main.40d57051.chunk.js","sourcesContent":["import React from \"react\";\nimport { api } from \"../../utils\";\n\nconst Header = ({ searchName, setSearchName }: any) => {\n  return (\n    <header className=\"navbar navbar-dark sticky-top bg-dark flex-md-nowrap p-0 shadow\">\n      <a className=\"navbar-brand col-md-3 col-lg-2 me-0 px-3\" href=\"#\">\n        Ahlul-Quran\n      </a>\n      <button\n        className=\"navbar-toggler position-absolute d-md-none collapsed\"\n        type=\"button\"\n        data-bs-toggle=\"collapse\"\n        data-bs-target=\"#sidebarMenu\"\n        aria-controls=\"sidebarMenu\"\n        aria-expanded=\"false\"\n        aria-label=\"Toggle navigation\"\n      >\n        <span className=\"navbar-toggler-icon\" />\n      </button>\n      <input\n        className=\"form-control form-control-dark w-100\"\n        type=\"text\"\n        placeholder=\"Search\"\n        aria-label=\"Search\"\n        value={searchName}\n        onChange={(e) => setSearchName(e.target.value)}\n      />\n      <ul className=\"navbar-nav px-3\">\n        <li\n          className=\"nav-item text-nowrap\"\n          onClick={() => {\n            window.localStorage.removeItem(\"token\");\n            window.location.assign(\"/\");\n          }}\n        >\n          <a className=\"nav-link\" href=\"/\">\n            Sign out\n          </a>\n        </li>\n      </ul>\n    </header>\n  );\n};\n\nexport default Header;\n","import Axios from \"axios\";\n\n\nconst token = window.localStorage.getItem('token') ? localStorage.getItem('token') : \"\"\nexport const api = Axios.create({\n    withCredentials: true,\n    baseURL: \"https://ahlulquran-v2.herokuapp.com/api\",\n    headers: {\n        'authorization': token\n    }\n});\n","import create from 'zustand';\nimport Axios from 'axios';\nimport { ServerResponse, Student, User } from '../lib';\nimport { api } from '../utils';\n\n\n\nexport const useStore = create(set => ({\n    loading: false,\n    students: [],\n    authorizationHeader: \"\",\n    filteredStudents: [],\n    get: (path: string) => get(set, path),\n    add: (path: string, body: Student) => add(set, path, body),\n    login: (path: string, body: Partial<User>) => login(set, path, body),\n    me: (path: string) => me(set, path),\n}));\n\nconst me = async (set: any, path: string): Promise<ServerResponse> => {\n    try {\n        const res = await api.get(`/${path}`);\n        return res.data;\n    } catch (error) {\n        console.log(error);\n        return {\n            operation: 'failed',\n            statusCode: '',\n            errors: ['Network Error']\n        }\n    }\n}\n\nconst get = async (set: any, path?: string): Promise<ServerResponse> => {\n    try {\n        const filter = path?.includes(\"from\");\n\n        set({ loading: true });\n        const resp = await api.get(`/${path?.trim()}`);\n        console.log(\"STORE :\", resp);\n        // set(filter ? { filteredStudents: resp.data.data } : { students: resp.data.data });\n        set({ students: resp.data.data });\n        set({ loading: false });\n        return resp.data;\n    } catch (error) {\n        console.log(\"KHALD: \", error);\n        set({ loading: false });\n        return {\n            operation: 'failed',\n            statusCode: '',\n            errors: ['Network error'], // network error mostly mean server is down.\n        }\n    }\n}\n\nconst add = async (set: any, path: string, body: Student): Promise<ServerResponse> => {\n    try {\n        const resp = await api.post(`/${path}`, body);\n        return resp.data;\n    } catch (error) {\n        return {\n            operation: \"failed\",\n            statusCode: \"\",\n            errors: [\n                \"Network error\"\n            ]\n        };\n    }\n}\n\nconst login = async (set: any, path: string, body: Partial<User>): Promise<ServerResponse> => {\n    try {\n        const resp = await Axios.post(`https://ahlulquran-v2.herokuapp.com/api${path}`, body);\n        return resp.data;\n    } catch (error) {\n        return {\n            operation: \"failed\",\n            statusCode: \"\",\n            errors: [\n                \"Network error login\"\n            ]\n        }\n    }\n\n}","import React from 'react'\nimport Swal from 'sweetalert2'\nimport { Student } from '../../lib'\n\n\ninterface Props {\n    student: Student\n}\nexport const StudentDetails = ({ student }: Props) => {\n    var days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];\n    var months = [\"January\", \"February\", \"March\", \"April\", \"May\", \"June\", \"July\", \"August\", \"September\", \"October\", \"November\", \"December\"];\n\n    return (\n        <div className=\"row invoice row-printable\">\n            <div className=\"col-md-12\">\n                {/* col-lg-12 start here */}\n                <div className=\"panel panel-default plain\" id=\"dash_0\">\n                    {/* Start .panel */}\n                    <div className=\"panel-body p30\">\n                        <div className=\"row\">\n                            {/* Start .row */}\n                            <div className=\"col-lg-4 text-left\">\n                                {/* col-lg-6 start here */}\n                                <div className=\"invoice-logo\"><img width={100} src=\"/assets/images/logoo.png\" alt=\"Invoice logo\" /></div>\n                            </div>\n                            <div className=\"col-lg-4 mt-4\">\n                                <h4>AhlulQuran Academy</h4>\n                            </div>\n                            {/* col-lg-6 end here */}\n                            <div className=\"col-lg-4\">\n                                {/* col-lg-6 start here */}\n                                <div className=\"invoice-from\">\n                                    <ul className=\"list-unstyled text-right\">\n                                        <li>{student?.serialNumber}</li>\n                                        <li>{student?.name}</li>\n                                        <li>{student?.email}</li>\n                                        <li>{student?.country}</li>\n                                        <li>{student?.city}</li>\n                                    </ul>\n                                </div>\n                            </div>\n                            {/* col-lg-6 end here */}\n                            <div className=\"col-lg-12 text-left\">\n                                {/* col-lg-12 start here */}\n                                <div className=\"invoice-details mt25\">\n                                    <div className=\"well w-100 d-flex justify-content-center\">\n                                        <ul className=\"list-unstyled mb0 w-75 d-flex flex-wrap\">\n                                            <div style={{ flexGrow: 1 }}>\n                                                <li><strong>Name:</strong> {student?.name}</li>\n                                                <li><strong>Date of birth:</strong> {student?.dob}</li>\n                                                <li><strong>Gender:</strong> {student?.gender}</li>\n                                            </div>\n                                            <div>\n                                                <li><strong>Registered Date:</strong> {new Date(student?.registeredDate).toLocaleDateString()}</li>\n                                                <li><strong>Contact Number:</strong> {student?.whatsappNumber}</li>\n                                                <li><strong>Whatsapp Number:</strong> {student?.contactNumber}</li>\n                                            </div>\n                                            {/* <li><strong>Status:</strong> <span className=\"label label-danger\">UNPAID</span></li> */}\n                                        </ul>\n                                    </div>\n                                </div>\n                                {\n                                    student?.children.length > 0 &&\n                                    <div className=\"invoice-items\">\n                                        <div className=\"table-responsive\" style={{ overflow: 'hidden', outline: 'none' }} tabIndex={0}>\n                                            <table className=\"table table-bordered\">\n                                                <thead>\n                                                    <tr>\n                                                        <th className=\"per70 text-center\">first name</th>\n                                                        <th className=\"per5 text-center\">last Name</th>\n                                                        <th className=\"per25 text-center\">Age</th>\n                                                        <th className=\"per25 text-center\">Nationality</th>\n                                                    </tr>\n                                                </thead>\n                                                <tbody>\n                                                    {\n                                                        student?.children.map((c: any, idx) => (\n                                                            <tr key={idx}>\n                                                                <td>{c[\"forename\" + idx]}</td>\n                                                                <td>{c[\"surname\" + idx]}</td>\n                                                                <td>{c[\"age\" + idx]}</td>\n                                                                <td>{c[\"nationalty\" + idx]}</td>\n                                                            </tr>\n                                                        ))\n                                                    }\n                                                </tbody>\n                                            </table>\n                                        </div>\n                                    </div>\n                                }\n\n                                <div className=\"invoice-to mt25\">\n                                    <ul className=\"list-unstyled\">\n                                        <li><strong>Course : </strong>{student?.course}</li>\n                                        <li><strong>Days : </strong>{student?.days.toString()}</li>\n                                        <li><strong>Teacher : </strong>{student?.teacher}</li>\n                                    </ul>\n                                </div>\n                                <div className=\"invoice-footer mt25\">\n                                    <p className=\"text-center\">{`Generated on ${days[new Date().getDay()]}, ${months[new Date().getMonth()]} ${new Date().getDate()}, ${new Date().getFullYear()}`}<a href=\"#\" className=\"btn btn-default ml15\"><i className=\"fa fa-print mr5\" /> Print</a></p>\n                                </div>\n                            </div>\n                            {/* col-lg-12 end here */}\n                        </div>\n                        {/* End .row */}\n                    </div>\n                </div>\n                {/* End .panel */}\n            </div>\n            {/* col-lg-12 end here */}\n        </div>\n\n    )\n}\n","import React, { useEffect, useState } from \"react\";\nimport Swal from \"sweetalert2\";\nimport Axios from \"axios\";\nimport { SiAddthis } from \"react-icons/si\";\nimport { useForm } from \"react-hook-form\";\nimport { Student } from \"../../lib\";\nimport { useStore } from \"../../store\";\nimport withReactContent from \"sweetalert2-react-content\";\nimport { StudentDetails } from \"./StudentDetails\";\nconst MySwal = withReactContent(Swal);\n\ninterface Props {\n  searchName: string;\n  setSearchName: React.Dispatch<React.SetStateAction<string>>;\n}\n\nconst Main = ({ searchName }: Props) => {\n  const students = useStore((state) => state.students);\n  const filteredStudents = useStore((state) => state.filteredStudents);\n  const [allStudents, setAllStudents] = useState<Student[]>(\n    useStore((state) => state.students)\n  );\n  const [loading, setLoading] = useState(false);\n  const [notFound, setNotFound] = useState(false);\n  const { register, handleSubmit } = useForm();\n  const loadingStudents = useStore((state) => state.loading);\n  const add = useStore((state) => state.add);\n  const get = useStore((state) => state.get);\n\n  useEffect(() => {\n    console.log(\"HELLO\");\n    setAllStudents(students);\n  }, [students]);\n\n  const onSubmit = async (data: any) => {\n    let from;\n    let to;\n    if (!data.to) {\n      from = new Date(data.from).setHours(0, 0, 0, 0);\n      to = new Date(data.from).setHours(23, 59, 59, 59);\n    } else {\n      from = new Date(data.from).setHours(0, 0, 0, 0);\n      to = new Date(data.to).setHours(23, 59, 59, 59);\n    }\n    try {\n      const res = await get(`student?from=${from}&to=${to}`);\n      if (res.operation === \"failed\") {\n        alert(\"ERROR\");\n        return;\n      }\n      console.log(res);\n    } catch (e) {\n      console.log(\"KHALAD COMP: \", e);\n    }\n  };\n\n  const addSerialNumber = (student: Student) => {\n    const id: string | undefined = student._id;\n    delete student._id; // delete key from object!.\n    console.log(student);\n    Swal.fire({\n      title: \"Add serial number\",\n      input: \"text\",\n      inputAttributes: {\n        autocapitalize: \"off\",\n      },\n      showCancelButton: true,\n      confirmButtonText: \"Add\",\n      showLoaderOnConfirm: true,\n      preConfirm: async (serial: string) => {\n        student.serialNumber = serial;\n        const resp = await add(`student?id=${id}`, student);\n        console.log(\"COMP: \", resp);\n        if (resp.operation === \"failed\") {\n          return Swal.showValidationMessage(`${resp.errors[0]}`);\n        }\n      },\n      allowOutsideClick: () => !Swal.isLoading(),\n    }).then((result) => {\n      if (result.isConfirmed) {\n        Swal.fire({\n          title: `Added Successfully!`,\n        }).then((confirm) => {\n          if (confirm.isConfirmed) {\n            (async () => {\n              await get(\"student\");\n            })();\n          }\n        });\n      }\n    });\n  };\n\n  return (\n    <main className=\"col-md-9 ms-sm-auto col-lg-10 px-md-4\">\n      <div className=\"d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom\">\n        <h1 className=\"h2\">Dashboard</h1>\n        <form onSubmit={handleSubmit(onSubmit)} className=\"mr-5\">\n          <div className=\"row\">\n            <div className=\"col\">\n              <input\n                type=\"date\"\n                className=\"form-control\"\n                placeholder=\"From\"\n                {...register(\"from\", { required: true })}\n              />\n            </div>\n            <div className=\"col\">\n              <input\n                type=\"date\"\n                className=\"form-control\"\n                placeholder=\"To\"\n                {...register(\"to\")}\n              />\n            </div>\n            <button type=\"submit\" className=\"btn btn-primary\">\n              Search\n            </button>\n          </div>\n        </form>\n      </div>\n      <div className=\"d-flex justify-content-between align-items-center py-3\">\n        <h2>\n          Registered People :{\" \"}\n          <span style={{ fontSize: \"1.5rem\" }}>{allStudents?.length}</span>\n        </h2>\n        <button\n          className=\"btn btn-primary mr-4\"\n          onClick={async () => {\n            await get(\"student\");\n            // setAllStudents(allStudents);\n          }}\n        >\n          Reset\n        </button>\n      </div>\n      <div className=\"table-responsive\">\n        {loadingStudents ? (\n          <h1>Loading....</h1>\n        ) : notFound ? (\n          <h5>Nothing found on that date</h5>\n        ) : (\n          <table className=\"table table-striped table-sm\">\n            <thead>\n              <tr>\n                <th>#</th>\n                <th>Name</th>\n                <th>phone</th>\n                <th>Whatsapp No</th>\n                <th>Country</th>\n                <th>Gender</th>\n                <th>Date</th>\n                <th>Teacher</th>\n                <th>Course</th>\n                <th>Serial Number</th>\n                <th>Actions</th>\n              </tr>\n            </thead>\n            <tbody>\n              {allStudents && allStudents?.length > 0 ? (\n                allStudents\n                  .filter((s) => s.name.includes(searchName))\n                  .map((user: Student, idx: number) => (\n                    <tr key={idx}>\n                      <td>{idx}</td>\n                      <td>{user.name}</td>\n                      <td>{user.contactNumber}</td>\n                      <td>{user.whatsappNumber}</td>\n                      <td>{user.country}</td>\n                      <td>{user.gender}</td>\n                      <td>\n                        {new Date(user.registeredDate).toLocaleDateString()}\n                      </td>\n                      <td>{user.teacher}</td>\n                      <td>{user.course}</td>\n                      <td>\n                        {user.serialNumber ? (\n                          user.serialNumber\n                        ) : (\n                          <>\n                            <SiAddthis\n                              style={{\n                                color: \"green\",\n                                fontSize: \"2rem\",\n                                cursor: \"pointer\",\n                              }}\n                              onClick={() => addSerialNumber(user)}\n                            />\n                          </>\n                        )}\n                      </td>\n                      <td>\n                        <button\n                          className=\"btn btn-danger\"\n                          onClick={() => {\n                            MySwal.fire({\n                              showCloseButton: true,\n                              width: 1200,\n                              showConfirmButton: false,\n                              allowOutsideClick: false,\n                              html: <StudentDetails student={user} />,\n                            });\n                          }}\n                        >\n                          Show\n                        </button>\n                      </td>\n                    </tr>\n                  ))\n              ) : (\n                <h5>No Students found !!</h5>\n              )}\n            </tbody>\n          </table>\n        )}\n      </div>\n    </main>\n  );\n};\n\nexport default Main;\n","import React from \"react\";\n\nconst SideBar = () => {\n  return (\n    <nav\n    style={{height:'100vh'}}\n      id='sidebarMenu'\n      className='col-md-3 col-lg-2 d-md-block bg-light sidebar collapse'\n    >\n      <div className='position-sticky pt-3'>\n        <ul className='nav flex-column'>\n          <li className='nav-item'>\n            <a className='nav-link active' aria-current='page' href='#'>\n              <span data-feather='home' />\n              Dashboard\n            </a>\n          </li>\n          {/* <li className='nav-item'>\n            <a className='nav-link' href='#'>\n              <span data-feather='file' />\n              Orders\n            </a>\n          </li>\n          <li className='nav-item'>\n            <a className='nav-link' href='#'>\n              <span data-feather='shopping-cart' />\n              Products\n            </a>\n          </li>\n          <li className='nav-item'>\n            <a className='nav-link' href='#'>\n              <span data-feather='users' />\n              Customers\n            </a>\n          </li>\n          <li className='nav-item'>\n            <a className='nav-link' href='#'>\n              <span data-feather='bar-chart-2' />\n              Reports\n            </a>\n          </li>\n          <li className='nav-item'>\n            <a className='nav-link' href='#'>\n              <span data-feather='layers' />\n              Integrations\n            </a>\n          </li> */}\n        </ul>\n        {/* <h6 className='sidebar-heading d-flex justify-content-between align-items-center px-3 mt-4 mb-1 text-muted'>\n          <span>Saved reports</span>\n          <a className='link-secondary' href='#' aria-label='Add a new report'>\n            <span data-feather='plus-circle' />\n          </a>\n        </h6> */}\n        {/* <ul className='nav flex-column mb-2'>\n          <li className='nav-item'>\n            <a className='nav-link' href='#'>\n              <span data-feather='file-text' />\n              Current month\n            </a>\n          </li>\n          <li className='nav-item'>\n            <a className='nav-link' href='#'>\n              <span data-feather='file-text' />\n              Last quarter\n            </a>\n          </li>\n          <li className='nav-item'>\n            <a className='nav-link' href='#'>\n              <span data-feather='file-text' />\n              Social engagement\n            </a>\n          </li>\n          <li className='nav-item'>\n            <a className='nav-link' href='#'>\n              <span data-feather='file-text' />\n              Year-end sale\n            </a>\n          </li>\n        </ul> */}\n      </div>\n    </nav>\n  );\n};\n\nexport default SideBar;\n","import react, { useEffect, useState } from \"react\";\nimport Header from \"./Header\";\nimport Main from \"./Main\";\nimport Nav from \"./Nav\";\nimport SideBar from \"./SideBar\";\nimport Swal from \"sweetalert2\";\nimport Axios from \"axios\";\nimport Cookie from \"js-cookie\";\nimport { useNavigate } from \"react-router\";\nimport { useStore } from \"../../store\";\nimport { api } from \"../../utils\";\n\nexport const Dashboard = () => {\n  const navigate = useNavigate();\n  const [auth, setAuth] = useState(true);\n  const [users, setUsers] = useState([]);\n  const [loading, setLoading] = useState(true);\n  const [searchName, setSearchName] = useState(\"\");\n  const me = useStore((state) => state.me);\n  const get = useStore((state) => state.get);\n\n  useEffect(() => {\n    if (document.getElementById(\"root\")?.style.paddingTop) {\n      document.getElementById(\"root\")!.style.paddingTop = \"0px\";\n    }\n\n    (async () => {\n      const res = await me(\"auth/me\");\n      if (res.operation === \"failed\") {\n        return setAuth(false);\n      }\n      setLoading(false);\n      const resp = await get(\"student\");\n      if (resp.operation !== \"successful\") {\n        return alert(resp.errors[0]);\n      }\n      setUsers(resp.data);\n    })();\n  }, []);\n\n  const Loader: JSX.Element = (\n    <div\n      style={{\n        width: \"100vw\",\n        height: \"100vh\",\n        display: \"flex\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n      }}\n    >\n      <h1>Loading ....</h1>\n    </div>\n  );\n\n  if (auth) {\n    return loading ? (\n      Loader\n    ) : (\n      <>\n        <Header searchName={searchName} setSearchName={setSearchName} />\n        <div className=\"container-fluid\">\n          <div className=\"row\">\n            <SideBar />\n            <Main\n              // users={users}\n              searchName={searchName}\n              setSearchName={setSearchName}\n            />\n          </div>\n        </div>\n      </>\n    );\n  } else {\n    Swal.fire({\n      title: \"Error!\",\n      text: \"Please login  in with user/password before procceding to this page!\",\n      icon: \"error\",\n      confirmButtonText: \"OK\",\n    }).then((res) => {\n      if (res.isConfirmed) {\n        window.location.replace(\"/\");\n      }\n    });\n    return <h1></h1>;\n  }\n};\n","import React from \"react\";\n\nconst ContactFormModel = () => {\n  return (\n\n    <a className='contact-btn' href='#'>\n            <i className='flaticon-comment' />\n            Login\n          </a>\n\n\n    // <section className='owl-curve-green'>\n    //   <div className='gap no-gap'>\n    //     <img\n    //       className='botm-shp shp-img'\n    //       src='assets/images/shp2-1.png'\n    //       alt='shp2-1.png'\n    //     />\n    //     <div className='featured-area-wrap text-center'>\n          \n    //       <div className='featured-area2 owl-carousel'>\n    //         <div\n    //           className='featured-item style2'\n    //           style={{\n    //             backgroundImage: \"url(assets/images/resources/slider-01.jpg)\",\n    //           }}\n    //         >\n    //           <div className='featured-cap' style={{ opacity: '0' }}>\n    //             <img\n    //               src='assets/images/resources/bsml-txt.png'\n    //               alt='bsml-txt.png'\n    //             />\n    //             <h1>\n    //               <img\n    //                 src='assets/images/resources/ayat-txt2-1.png'\n    //                 alt='ayat-txt2-1.png'\n    //               />\n    //             </h1>\n    //             <h3>HE Raised The Sky And Set Up The Balance</h3>\n    //             <span>\"Surah Al-Rahmaan Vesre 7\"</span>\n    //             <a className='thm-btn brd-rd5' href='#'>\n    //               Read More\n    //               <i className='flaticon-right-arrow' />\n    //             </a>\n    //           </div>\n    //         </div>\n    //         <div\n    //           className='featured-item style2'\n    //           style={{\n    //             backgroundImage: \"url(assets/images/resources/slider-02.jpg)\",\n    //           }}\n    //         >\n    //           <div className='featured-cap' style={{ opacity: '0' }}>\n    //             <img\n    //               src='assets/images/resources/bsml-txt2.png'\n    //               alt='bsml-txt2.png'\n    //             />\n    //             <h1>\n    //               <img\n    //                 src='assets/images/resources/ayat-txt2-2.png'\n    //                 alt='ayat-txt2-2.png'\n    //               />\n    //             </h1>\n    //             <h3>HE Raised The Sky And Set Up The Balance</h3>\n    //             <span>\"Surah Al-Rahmaan Vesre 7\"</span>\n    //             <a className='thm-btn brd-rd5' href='#'>\n    //               Read More\n    //               <i className='flaticon-right-arrow' />\n    //             </a>\n    //           </div>\n    //         </div>\n    //         <div\n    //           className='featured-item style2'\n    //           style={{\n    //             backgroundImage: \"url(assets/images/resources/slider-03.jpg)\",\n    //           }}\n    //         >\n    //           <div className='featured-cap' style={{ opacity: '0' }}>\n    //             <img\n    //               src='assets/images/resources/bsml-txt.png'\n    //               alt='bsml-txt.png'\n    //             />\n    //             <h1>\n    //               <img\n    //                 src='assets/images/resources/ayat-txt2-1.png'\n    //                 alt='ayat-txt2-1.png'\n    //               />\n    //             </h1>\n    //             <h3>HE Raised The Sky And Set Up The Balance</h3>\n    //             <span>\"Surah Al-Rahmaan Vesre 7\"</span>\n    //             <a className='thm-btn brd-rd5' href='#'>\n    //               Read More\n    //               <i className='flaticon-right-arrow' />\n    //             </a>\n    //           </div>\n    //         </div>\n    //         <div\n    //           className='featured-item style2'\n    //           style={{\n    //             backgroundImage: \"url(assets/images/resources/slider-01.jpg)\",\n    //           }}\n    //         >\n    //           <div className='featured-cap' style={{ opacity: '0' }}>\n    //             <img\n    //               src='assets/images/resources/bsml-txt2.png'\n    //               alt='bsml-txt2.png'\n    //             />\n    //             <h1>\n    //               <img\n    //                 src='assets/images/resources/ayat-txt2-2.png'\n    //                 alt='ayat-txt2-2.png'\n    //               />\n    //             </h1>\n    //             <h3>HE Raised The Sky And Set Up The Balance</h3>\n    //             <span>\"Surah Al-Rahmaan Vesre 7\"</span>\n    //             <a className='thm-btn brd-rd5' href='#'>\n    //               Read More\n    //               <i className='flaticon-right-arrow' />\n    //             </a>\n    //           </div>\n    //         </div>\n    //       </div>\n    //     </div>\n    //   </div>\n    // </section>\n  );\n};\n\nexport default ContactFormModel;\n","import React from \"react\";\n\nconst Contactus = () => {\n  return (\n    <>\n      <section id=\"CONTACTUS\">\n        <div className='gap'>\n          <div className='container'>\n            <div className='sec-title text-center'>\n              <div className='sec-title-inner'>\n                <span>Get information</span>\n                <h3>Contact information</h3>\n              </div>\n            </div>\n            <div className='contact-info-wrap text-center remove-ext3'>\n              <div className='row justify-content-center'>\n                {/* <div className='col-md-4 col-sm-6 col-lg-4'>\n                  <div className='contact-info-box'>\n                    <i className='flaticon-location-pin' />\n                    <strong>Our Location</strong>\n                    <span> +22 33 4455 6677 /  +22 33 4455 6677</span>\n                    <a href='#'>ahluquranacademy@gmail.com</a>\n                  </div>\n                </div> */}\n                <div className='col-md-4 col-sm-6 col-lg-4'>\n                  <div className='contact-info-box'>\n                    <i className='flaticon-call' />\n                    <strong>Contact us Anytime</strong>\n                    <span>Mobile: +22 33 4455 6677</span>\n                    <span style={{ opacity: '0' }}>Fax: 123 456 789</span>\n                  </div>\n                </div>\n                <div className='col-md-4 col-sm-6 col-lg-4'>\n                  <div className='contact-info-box'>\n                    <i className='flaticon-email' />\n                    <strong>Write Some Words</strong>\n                    <a href='#'>ahluquranacademy@gmail.com</a>\n                    <a href='#' style={{ opacity: '0' }}>info@example.com</a>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      {/* <section>\n        <div className='gap'>\n          <div className='container'>\n            <div className='sec-title text-center'>\n              <div className='sec-title-inner'>\n                <span>Have Question</span>\n                <h3>Send Message</h3>\n              </div>\n            </div>\n            <div className='contact-form text-center'>\n              <form>\n                <div className='row mrg20'>\n                  <div className='col-md-6 col-sm-6 col-lg-6'>\n                    <input type='text' placeholder='Name' />\n                  </div>\n                  <div className='col-md-6 col-sm-6 col-lg-6'>\n                    <input type='text' placeholder='Phone' />\n                  </div>\n                  <div className='col-md-6 col-sm-6 col-lg-6'>\n                    <input type='email' placeholder='Email' />\n                  </div>\n                  <div className='col-md-6 col-sm-6 col-lg-6'>\n                    <input type='text' placeholder='Subject' />\n                  </div>\n                  <div className='col-md-12 col-sm-12 col-lg-12'>\n                    <textarea placeholder='Message' defaultValue={\"\"} />\n                    <button className='thm-btn brd-rd40' type='submit'>\n                      Contact Us\n                    </button>\n                  </div>\n                </div>\n              </form>\n            </div>\n          </div>\n        </div>\n      </section> */}\n    </>\n  );\n};\n\nexport default Contactus;\n","import React from \"react\";\n\nconst Footer = () => {\n  return (\n    <>\n      <section>\n        <div className='gap bottom-spac170 thm-layer opc9'>\n          <img\n            className='botm-shp shp-img'\n            src='assets/images/shp2-6.png'\n            alt='shp2-6.png'\n          />\n          <div\n            className='fixed-bg'\n            style={{ backgroundImage: \"url(assets/images/pattern-bg.jpg)\", backgroundSize: 'initial' }}\n          ></div>\n          <div className='container'>\n            <div className='nwsltr-wrp text-center'>\n              <div className='nwsltr-innr'>\n                <div className='nwsltr-title'>\n                  {/* <h3>Newsletter</h3>\n                  <span>Subscribe to our mailing list</span> */}\n                </div>\n                <form>\n                  {/* <input type='email' placeholder='Enter your email' />\n                  <button type='submit'>Sign up</button> */}\n                </form>\n              </div>\n            </div>\n          </div>\n        </div>\n      </section>\n\n      <footer>\n        <div className='gap top-spac30 drk-bg2 remove-bottom'>\n          <div className='container'>\n            <div className='footer-data'>\n              <div className='row'>\n                <div className='col-md-4 col-sm-12 col-lg-4'>\n                  <div className='wdgt-box'>\n                    <div className='logo'>\n                      <h1 style={{ color: 'white' }}>Ahlul Quran</h1>\n                    </div>\n                    <p>\n                      The Ahlul Qur’an Academy is an online academy that has been established for the learning of the Qur’an aswell as Islamic Studies!\n                      Students will be able to embark upon the different sciences of the Quran like its Tajweed, Qiraat and Tafsir.\n                    </p>\n                  </div>\n                </div>\n                <div className='col-md-8 col-sm-12 col-lg-8'>\n                  <div className='row'>\n                    <div className='col-md-4 col-sm-4 col-lg-4'>\n                      {/* <div className='wdgt-box style2'>\n                        <h4>Quick Links</h4>\n                        <ul>\n                          <li>\n                            <a href='#' title=''>\n                              About Us\n                            </a>\n                          </li>\n                          <li>\n                            <a href='#' title=''>\n                              Product Category\n                            </a>\n                          </li>\n                          <li>\n                            <a href='#' title=''>\n                              Our Products\n                            </a>\n                          </li>\n                          <li>\n                            <a href='#' title=''>\n                              How we do it\n                            </a>\n                          </li>\n                        </ul>\n                      </div> */}\n                    </div>\n                    <div className='col-md-4 col-sm-4 col-lg-4'>\n                      {/* <div className='wdgt-box style2'>\n                        <h4>Useful Links</h4>\n                        <ul>\n                          <li>\n                            <a href='#' title=''>\n                              Contact Us\n                            </a>\n                          </li>\n                          <li>\n                            <a href='#' title=''>\n                              Terms & Conditions\n                            </a>\n                          </li>\n                          <li>\n                            <a href='#' title=''>\n                              Privacy Policy\n                            </a>\n                          </li>\n                          <li>\n                            <a href='#' title=''>\n                              Cookies Policy\n                            </a>\n                          </li>\n                        </ul>\n                      </div> */}\n                    </div>\n                    <div className='col-md-4 col-sm-4 col-lg-4'>\n                      <div className='wdgt-box style2'>\n                        <h4>Contact Us</h4>\n                        <ul className='cont-lst'>\n                          {/* <li>\n                            <i className='flaticon-location-pin'></i>Aorem Ipsum\n                            labore et dolore magnam. SWIP 3HZ\n                          </li> */}\n                          <li>\n                            <i className='flaticon-call'></i>+22 33 4455 6677\n                          </li>\n                          <li>\n                            <i className='flaticon-email'></i>\n                            <a href='#' title=''>\n                              ahluquranacademy@gmail.com\n                            </a>\n                          </li>\n                        </ul>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            <div className='bottom-bar'>\n              <p>&copy; Copyright 2021. All Rights Reserved.</p>\n              <div className='scl'>\n                <a href='#' title='Twitter' target='_blank'>\n                  <i className='fa fa-twitter'></i>\n                </a>\n                <a href='#' title='Pinterest' target='_blank'>\n                  <i className='fa fa-pinterest-p'></i>\n                </a>\n                <a href='#' title='Google Plus' target='_blank'>\n                  <i className='fa fa-google-plus'></i>\n                </a>\n                <a href='#' title='Facebook' target='_blank'>\n                  <i className='fa fa-facebook'></i>\n                </a>\n              </div>\n            </div>\n          </div>\n        </div>\n      </footer>\n    </>\n  );\n};\n\nexport default Footer;\n","import React from \"react\";\nimport { NavLink } from \"react-router-dom\";\nimport { Link } from \"react-router-dom\";\n\nconst Header = () => {\n  return (\n    <header className='style2'>\n      <div className='container'>\n        <div className='logo'>\n          <a href='/'>\n            <img src='assets/images/logoo.png' alt='logo3.png' style={{ width: '50px' }} />\n            <span style={{ marginLeft: '6px' }}>Ahlu Qur'an Academy</span>\n          </a>\n        </div>\n        <nav>\n          <div>\n            <a className='srch-btn' href='#'>\n              <i className='fa fa-search' />\n            </a>\n            <a href='/register' className='thm-btn brd-rd5'>\n              Register Now !\n            </a>\n            <ul>\n              <li className='menu-item-has-children'>\n                <a href='#HOME'>Home</a>\n              </li>\n              <li>\n                <a href='#ABOUTUS'>About</a>\n              </li>\n              <li className='menu-item-has-children'>\n                <a href='#SCHOLARS'>Scholars</a>\n              </li>\n              <li>\n                <a href='#SERVICES'>Courses</a>\n              </li>\n              <li>\n                <a href='#CONTACTUS'>Contact</a>\n              </li>\n            </ul>\n          </div>\n        </nav>\n      </div>\n    </header>\n  );\n};\n\nexport default Header;\n","import React, { useState } from \"react\";\nimport { Link, useNavigate } from \"react-router-dom\";\nimport { useForm } from \"react-hook-form\";\nimport Axios from \"axios\";\nimport Cookies from \"js-cookie\";\nimport Swal from \"sweetalert2\";\nimport { css } from \"@emotion/react\";\nimport { ClipLoader, BarLoader } from \"react-spinners\";\nimport { useStore } from \"../store\";\nimport { api } from \"../utils\";\n\nconst override = css`\n  display: block;\n  margin: 0 auto;\n  border-color: red;\n`;\n\nconst HeaderSearch = () => {\n  const [loading, setLoading] = useState(false);\n  const [color, setColor] = useState(\"#000\");\n  const navigate = useNavigate();\n  const [error, setError] = useState(false);\n  const [errorText, setErrorText] = useState(\"\");\n  const {\n    register,\n    handleSubmit,\n    watch,\n    formState: { errors },\n  } = useForm();\n\n  const login = useStore((state) => state.login);\n\n  const onSubmit = async (data) => {\n    setError(false);\n    setLoading(true);\n    const body = {\n      username: data.username,\n      password: data.password,\n    };\n\n    const resp = await login(\"/auth/login\", body);\n    if (resp && resp.operation === \"failed\") {\n      setLoading(false);\n      setError(true);\n      return setErrorText(resp.errors[0]);\n    }\n    window.localStorage.setItem(\"token\", resp.data.token);\n    window.location.assign(\"/dashboard\");\n    setLoading(false);\n  };\n\n  return (\n    <div className=\"contact-form-model-wrap text-center\">\n      <span className=\"model-close\">\n        <i className=\"fa fa-times\" />\n      </span>\n      <div className=\"contact-form-inner\">\n        <div className=\"sec-title text-center\">\n          <div className=\"sec-title-inner\">\n            <h3>Login</h3>\n          </div>\n        </div>\n        <div className=\"contact-form text-center\">\n          <form onSubmit={handleSubmit(onSubmit)}>\n            <div className=\"row mrg20\">\n              <div className=\"col-sm-12\">\n                <input\n                  type=\"text\"\n                  placeholder=\"Username\"\n                  {...register(\"username\")}\n                />\n              </div>\n              <div className=\"col-sm-12\">\n                <input\n                  type=\"password\"\n                  placeholder=\"Password\"\n                  {...register(\"password\")}\n                />\n              </div>\n              <div className=\"col-md-12 col-sm-12 col-lg-12 mt-5\">\n                {/* <Link to=\"/account/register\" className='thm-btn brd-rd40' type='submit'>\n                  Login\n                </Link> */}\n                {error && <h5 className=\"text-danger mb-4\">{errorText}</h5>}\n\n                {loading ? (\n                  <BarLoader\n                    color={color}\n                    loading={true}\n                    css={override}\n                    size={150}\n                  />\n                ) : (\n                  <button type=\"submit\" className=\"thm-btn brd-rd40\">\n                    Login\n                  </button>\n                )}\n              </div>\n            </div>\n          </form>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default HeaderSearch;\n","import React from \"react\";\n\nconst OurHistory = () => {\n  return (\n    <section id=\"ABOUTUS\">\n      <div className='gap'>\n        <div className='container'>\n          {/* <WhatsAppWidget phoneNumber='252636125251' /> */}\n          <div className='hstry-wrap'>\n            <div className='row'>\n              <div className='col-md-6 col-sm-12 col-lg-6'>\n                <div className='hstry-img text-center'>\n                  <img\n                    src='assets/images/resources/about3.jpg'\n                    alt='hstry-img.png'\n                  />\n                </div>\n              </div>\n              <div className='col-md-6 col-sm-12 col-lg-6' style={{ marginTop: '-1.5rem' }}>\n                <div className='hstry-desc'>\n                  {/* <span>A Few Words About Us</span> */}\n                  {/* <h2>About us</h2> */}\n                  <p>\n                    The Ahlul Qur’an Academy is an online academy that has been established for the learning of the Qur’an aswell as Islamic Studies!\n                    Students will be able to embark upon the different sciences of the Quran like its Tajweed, Qiraat and Tafsir. <br /><br />\n                    They can also learn about different  Tarbiyah subjects that will bring them closer to Allah. <br /><br />\n                    The Qur’ān instructors are highly qualified and from different parts of the world and the majority of them are students who have obtained certification from Sheikh Abdulrashid Sheikh Ali Sufi. <br /><br />\n                    Aswell as English speaking teachers who are renowned in Tarbiyah and mentorship. <br /><br />\n                    The objective of this academy is to build a generation of students who attach themselves to Allah and His Messenger through the subjects they are studying.\n                    Registration had started so get in touch via the information on your screen!\n                  </p>\n                  {/* <strong>\n                    The jamia is the <span>#1</span> Islamic Center in the{\" \"}\n                    <span>Country!</span>\n                  </strong>\n                  <ul>\n                    <li>Astonisihing Facilities</li>\n                    <li>Helping All Communities</li>\n                    <li>Leads Charity Events</li>\n                    <li>Schooling Children</li>\n                    <li>Feeding Hungry People</li>\n                    <li>Providing Accomodations</li>\n                  </ul> */}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default OurHistory;\n","import React from \"react\";\nimport { Swiper, SwiperSlide } from 'swiper/react';\nimport SwiperCore, { Navigation, Pagination, Scrollbar, A11y } from 'swiper';\n\n// Import Swiper styles\nimport 'swiper/swiper.scss';\nimport 'swiper/components/navigation/navigation.scss';\nimport 'swiper/components/pagination/pagination.scss';\nimport 'swiper/components/scrollbar/scrollbar.scss';\n\nSwiperCore.use([Navigation, Pagination, Scrollbar, A11y]);\nconst OurScholars = () => {\n  return (\n    <section id=\"SCHOLARS\">\n      <div className='gap top-spac200 bottom-spac270 thm-layer opc95'>\n        <img\n          className='top-shp shp-img'\n          src='assets/images/shp2-4.png'\n          alt='shp2-4.png'\n        />\n        <img\n          className='botm-shp shp-img'\n          src='assets/images/shp2-5.png'\n          alt='shp2-5.png'\n        />\n        <div\n          className='fixed-bg ptrn-bg'\n          style={{ backgroundImage: \"url(assets/images/pattern-bg.jpg)\" }}\n        />\n        <div className='container'>\n          <div className='sec-title2 text-center'>\n            <div className='sec-title-inner2'>\n              <span>Our Expert</span>\n              <h3>Islamic Scholars</h3>\n            </div>\n          </div>\n          <div className='team-wrap text-center remove-ext3'>\n            <div className='row'>\n              <Swiper slidesPerView={'auto'} pagination={{ clickable: true }} style={{ padding: '0 10px 30px 10px' }} autoplay={true}>\n                <SwiperSlide className='col-md-3 col-sm-6 col-lg-3'>\n                  <div className='team-box2'>\n                    <img\n                      src='assets/images/resources/1.png'\n                      alt='team-img2-1.jpg'\n                    />\n                    <div className='team-info2'>\n                      <h4>Sh. Abdisalam Sh. Ali sufi</h4>\n                      {/* <p>\n                        Lorem ipsum dolor sit amet, consectetur adipisicing elit,\n                        sed do eiusmod tempor\n                      </p> */}\n                      {/* <div className='team-scl'>\n                        <a href='#' title='Twitter' target='_blank'>\n                          <i className='fa fa-twitter' />\n                        </a>\n                        <a href='#' title='Pinterest' target='_blank'>\n                          <i className='fa fa-pinterest-p' />\n                        </a>\n                        <a href='#' title='Google Plus' target='_blank'>\n                          <i className='fa fa-google-plus' />\n                        </a>\n                        <a href='#' title='Facebook' target='_blank'>\n                          <i className='fa fa-facebook' />\n                        </a>\n                      </div> */}\n                    </div>\n                  </div>\n                </SwiperSlide>\n                <SwiperSlide className='col-md-3 col-sm-6 col-lg-3'>\n                  <div className='team-box2'>\n                    <img\n                      src='assets/images/resources/2.png'\n                      alt='team-img2-2.jpg'\n                    />\n                    <div className='team-info2'>\n                      <h4>Sh. Abdikariim Al Alami</h4>\n                      {/* <p>\n                        Lorem ipsum dolor sit amet, consectetur adipisicing elit,\n                        sed do eiusmod tempor\n                      </p> */}\n                      {/* <div className='team-scl'>\n                        <a href='#' title='Twitter' target='_blank'>\n                          <i className='fa fa-twitter' />\n                        </a>\n                        <a href='#' title='Pinterest' target='_blank'>\n                          <i className='fa fa-pinterest-p' />\n                        </a>\n                        <a href='#' title='Google Plus' target='_blank'>\n                          <i className='fa fa-google-plus' />\n                        </a>\n                        <a href='#' title='Facebook' target='_blank'>\n                          <i className='fa fa-facebook' />\n                        </a>\n                      </div> */}\n                    </div>\n                  </div>\n                </SwiperSlide>\n                <SwiperSlide className='col-md-3 col-sm-6 col-lg-3'>\n                  <div className='team-box2'>\n                    <img\n                      src='assets/images/resources/3.png'\n                      alt='team-img2-3.jpg'\n                    />\n                    <div className='team-info2'>\n                      <h4>Sh. Hasan Al waajidi</h4>\n                      {/* <p>\n                        Lorem ipsum dolor sit amet, consectetur adipisicing elit,\n                        sed do eiusmod tempor\n                      </p> */}\n                      {/* <div className='team-scl'>\n                        <a href='#' title='Twitter' target='_blank'>\n                          <i className='fa fa-twitter' />\n                        </a>\n                        <a href='#' title='Pinterest' target='_blank'>\n                          <i className='fa fa-pinterest-p' />\n                        </a>\n                        <a href='#' title='Google Plus' target='_blank'>\n                          <i className='fa fa-google-plus' />\n                        </a>\n                        <a href='#' title='Facebook' target='_blank'>\n                          <i className='fa fa-facebook' />\n                        </a>\n                      </div> */}\n                    </div>\n                  </div>\n                </SwiperSlide>\n                <SwiperSlide className='col-md-3 col-sm-6 col-lg-3'>\n                  <div className='team-box2'>\n                    <img\n                      src='assets/images/resources/4.png'\n                      alt='team-img2-4.jpg'\n                    />\n                    <div className='team-info2'>\n                      <h4>Sh. Abas Abdinur</h4>\n                      {/* <p>\n                        Lorem ipsum dolor sit amet, consectetur adipisicing elit,\n                        sed do eiusmod tempor\n                      </p> */}\n                      {/* <div className='team-scl'>\n                        <a href='#' title='Twitter' target='_blank'>\n                          <i className='fa fa-twitter' />\n                        </a>\n                        <a href='#' title='Pinterest' target='_blank'>\n                          <i className='fa fa-pinterest-p' />\n                        </a>\n                        <a href='#' title='Google Plus' target='_blank'>\n                          <i className='fa fa-google-plus' />\n                        </a>\n                        <a href='#' title='Facebook' target='_blank'>\n                          <i className='fa fa-facebook' />\n                        </a>\n                      </div> */}\n                    </div>\n                  </div>\n                </SwiperSlide>\n                <SwiperSlide className='col-md-3 col-sm-6 col-lg-3'>\n                  <div className='team-box2'>\n                    <img\n                      src='assets/images/resources/5.png'\n                      alt='team-img2-4.jpg'\n                    />\n                    <div className='team-info2'>\n                      <h4>Ustaad Ahmed Burhan</h4>\n                      {/* <p>\n                        Lorem ipsum dolor sit amet, consectetur adipisicing elit,\n                        sed do eiusmod tempor\n                      </p> */}\n                      {/* <div className='team-scl'>\n                        <a href='#' title='Twitter' target='_blank'>\n                          <i className='fa fa-twitter' />\n                        </a>\n                        <a href='#' title='Pinterest' target='_blank'>\n                          <i className='fa fa-pinterest-p' />\n                        </a>\n                        <a href='#' title='Google Plus' target='_blank'>\n                          <i className='fa fa-google-plus' />\n                        </a>\n                        <a href='#' title='Facebook' target='_blank'>\n                          <i className='fa fa-facebook' />\n                        </a>\n                      </div> */}\n                    </div>\n                  </div>\n                </SwiperSlide>\n                <SwiperSlide className='col-md-3 col-sm-6 col-lg-3'>\n                  <div className='team-box2'>\n                    <img\n                      src='assets/images/resources/6.png'\n                      alt='team-img2-4.jpg'\n                    />\n                    <div className='team-info2'>\n                      <h4>Sh. Abdiqadir gutaale</h4>\n                      {/* <p>\n                        Lorem ipsum dolor sit amet, consectetur adipisicing elit,\n                        sed do eiusmod tempor\n                      </p> */}\n                      {/* <div className='team-scl'>\n                        <a href='#' title='Twitter' target='_blank'>\n                          <i className='fa fa-twitter' />\n                        </a>\n                        <a href='#' title='Pinterest' target='_blank'>\n                          <i className='fa fa-pinterest-p' />\n                        </a>\n                        <a href='#' title='Google Plus' target='_blank'>\n                          <i className='fa fa-google-plus' />\n                        </a>\n                        <a href='#' title='Facebook' target='_blank'>\n                          <i className='fa fa-facebook' />\n                        </a>\n                      </div> */}\n                    </div>\n                  </div>\n                </SwiperSlide>\n                <SwiperSlide className='col-md-3 col-sm-6 col-lg-3'>\n                  <div className='team-box2'>\n                    <img\n                      src='assets/images/resources/7.png'\n                      alt='team-img2-4.jpg'\n                    />\n                    <div className='team-info2'>\n                      <h4>Sh. Abdinasir Mohamed</h4>\n                      {/* <p>\n                        Lorem ipsum dolor sit amet, consectetur adipisicing elit,\n                        sed do eiusmod tempor\n                      </p> */}\n                      {/* <div className='team-scl'>\n                        <a href='#' title='Twitter' target='_blank'>\n                          <i className='fa fa-twitter' />\n                        </a>\n                        <a href='#' title='Pinterest' target='_blank'>\n                          <i className='fa fa-pinterest-p' />\n                        </a>\n                        <a href='#' title='Google Plus' target='_blank'>\n                          <i className='fa fa-google-plus' />\n                        </a>\n                        <a href='#' title='Facebook' target='_blank'>\n                          <i className='fa fa-facebook' />\n                        </a>\n                      </div> */}\n                    </div>\n                  </div>\n                </SwiperSlide>\n                <SwiperSlide className='col-md-3 col-sm-6 col-lg-3'>\n                  <div className='team-box2'>\n                    <img\n                      src='assets/images/resources/8.png'\n                      alt='team-img2-4.jpg'\n                    />\n                    <div className='team-info2'>\n                      <h4>Sh. Jamal Abdinasir</h4>\n                      {/* <p>\n                        Lorem ipsum dolor sit amet, consectetur adipisicing elit,\n                        sed do eiusmod tempor\n                      </p> */}\n                      {/* <div className='team-scl'>\n                        <a href='#' title='Twitter' target='_blank'>\n                          <i className='fa fa-twitter' />\n                        </a>\n                        <a href='#' title='Pinterest' target='_blank'>\n                          <i className='fa fa-pinterest-p' />\n                        </a>\n                        <a href='#' title='Google Plus' target='_blank'>\n                          <i className='fa fa-google-plus' />\n                        </a>\n                        <a href='#' title='Facebook' target='_blank'>\n                          <i className='fa fa-facebook' />\n                        </a>\n                      </div> */}\n                    </div>\n                  </div>\n                </SwiperSlide>\n                <SwiperSlide className='col-md-3 col-sm-6 col-lg-3'>\n                  <div className='team-box2'>\n                    <img\n                      src='assets/images/resources/9.png'\n                      alt='team-img2-4.jpg'\n                    />\n                    <div className='team-info2'>\n                      <h4>Sh. Ibrahim Abdisamad</h4>\n                      {/* <p>\n                        Lorem ipsum dolor sit amet, consectetur adipisicing elit,\n                        sed do eiusmod tempor\n                      </p> */}\n                      {/* <div className='team-scl'>\n                        <a href='#' title='Twitter' target='_blank'>\n                          <i className='fa fa-twitter' />\n                        </a>\n                        <a href='#' title='Pinterest' target='_blank'>\n                          <i className='fa fa-pinterest-p' />\n                        </a>\n                        <a href='#' title='Google Plus' target='_blank'>\n                          <i className='fa fa-google-plus' />\n                        </a>\n                        <a href='#' title='Facebook' target='_blank'>\n                          <i className='fa fa-facebook' />\n                        </a>\n                      </div> */}\n                    </div>\n                  </div>\n                </SwiperSlide>\n                <SwiperSlide className='col-md-3 col-sm-6 col-lg-3'>\n                  <div className='team-box2'>\n                    <img\n                      src='assets/images/resources/10.png'\n                      alt='team-img2-4.jpg'\n                    />\n                    <div className='team-info2'>\n                      <h4>Sh. Yahye Raabi</h4>\n                      {/* <p>\n                        Lorem ipsum dolor sit amet, consectetur adipisicing elit,\n                        sed do eiusmod tempor\n                      </p> */}\n                      {/* <div className='team-scl'>\n                        <a href='#' title='Twitter' target='_blank'>\n                          <i className='fa fa-twitter' />\n                        </a>\n                        <a href='#' title='Pinterest' target='_blank'>\n                          <i className='fa fa-pinterest-p' />\n                        </a>\n                        <a href='#' title='Google Plus' target='_blank'>\n                          <i className='fa fa-google-plus' />\n                        </a>\n                        <a href='#' title='Facebook' target='_blank'>\n                          <i className='fa fa-facebook' />\n                        </a>\n                      </div> */}\n                    </div>\n                  </div>\n                </SwiperSlide>\n                <SwiperSlide className='col-md-3 col-sm-6 col-lg-3'>\n                  <div className='team-box2'>\n                    <img\n                      src='assets/images/resources/sheekh.jpg'\n                      alt='team-img2-4.jpg'\n                    />\n                    <div className='team-info2'>\n                      <h4>Sh. Abdirazaq Sh Abdi ali</h4>\n                      {/* <p>\n                        Lorem ipsum dolor sit amet, consectetur adipisicing elit,\n                        sed do eiusmod tempor\n                      </p> */}\n                      {/* <div className='team-scl'>\n                        <a href='#' title='Twitter' target='_blank'>\n                          <i className='fa fa-twitter' />\n                        </a>\n                        <a href='#' title='Pinterest' target='_blank'>\n                          <i className='fa fa-pinterest-p' />\n                        </a>\n                        <a href='#' title='Google Plus' target='_blank'>\n                          <i className='fa fa-google-plus' />\n                        </a>\n                        <a href='#' title='Facebook' target='_blank'>\n                          <i className='fa fa-facebook' />\n                        </a>\n                      </div> */}\n                    </div>\n                  </div>\n                </SwiperSlide>\n              </Swiper>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default OurScholars;\n","import React from \"react\";\n\nconst ResHeader = () => {\n  return (\n    <>\n      <div className='rspn-hdr'>\n        <div className='rspn-mdbr'>\n          <ul className='rspn-scil'>\n            <li>\n              <a href='#' target='_blank'>\n                <i className='fa fa-twitter' />\n              </a>\n            </li>\n            <li>\n              <a href='#' target='_blank'>\n                <i className='fa fa-facebook' />\n              </a>\n            </li>\n            <li>\n              <a href='#' target='_blank'>\n                <i className='fa fa-linkedin' />\n              </a>\n            </li>\n            <li>\n              <a href='#' target='_blank'>\n                <i className='fa fa-google-plus' />\n              </a>\n            </li>\n          </ul>\n          <form className='rspn-srch'>\n            <input type='text' placeholder='Enter Your Keyword' />\n            <button type='submit'>\n              <i className='fa fa-search' />\n            </button>\n          </form>\n        </div>\n        <div className='lg-mn'>\n          <div className='logo'>\n            <a href='index.html'>\n              <img src='assets/images/logo2.png' alt='logo2.png' />\n            </a>\n          </div>\n          <div className='rspn-cnt'>\n            <span>\n              <i className='fa fa-envelope thm-clr' />\n              <a href='#'>info@jamia.com</a>\n            </span>\n            <span>\n              <i className='fa fa-phone thm-clr' />\n              +(00) 123-345-11\n            </span>\n          </div>\n          <span className='rspn-mnu-btn'>\n            <i className='fa fa-list-ul' />\n          </span>\n        </div>\n        <div className='rsnp-mnu'>\n          <span className='rspn-mnu-cls'>\n            <i className='fa fa-times' />\n          </span>\n          <ul>\n            <li className='menu-item-has-children'>\n              <a href='#'>Home</a>\n              <ul>\n                <li>\n                  <a href='index.html'>Homepage 1</a>\n                </li>\n                <li>\n                  <a href='index2.html'>Homepage 2</a>\n                </li>\n                <li>\n                  <a href='index-simple.html'>Simple Homepage 1</a>\n                </li>\n                <li>\n                  <a href='index-simple2.html'>Simple Homepage 2</a>\n                </li>\n                <li className='menu-item-has-children'>\n                  <a href='#'>Header Styles</a>\n                  <ul>\n                    <li>\n                      <a href='index.html'>Header Style 1</a>\n                    </li>\n                    <li>\n                      <a href='index2.html'>Header Style 2</a>\n                    </li>\n                  </ul>\n                </li>\n              </ul>\n            </li>\n            <li className='menu-item-has-children'>\n              <a href='#'>Blog</a>\n              <ul>\n                <li>\n                  <a href='blog.html'>Blog</a>\n                </li>\n                <li>\n                  <a href='blog-detail.html'>Blog Detail</a>\n                </li>\n              </ul>\n            </li>\n            <li>\n              <a href='event.html'>Event</a>\n            </li>\n            <li>\n              <a href='crowd-funding.html'>Donate</a>\n            </li>\n            <li className='menu-item-has-children'>\n              <a href='#'>Pages</a>\n              <ul>\n                <li>\n                  <a href='team.html'>Team</a>\n                </li>\n                <li>\n                  <a href='team2.html'>Scholars</a>\n                </li>\n                <li>\n                  <a href='portfolio.html'>Portfolio</a>\n                </li>\n                <li>\n                  <a href='services.html'>Services</a>\n                </li>\n              </ul>\n            </li>\n            <li>\n              <a href='about.html'>About</a>\n            </li>\n            <li>\n              <a href='contact.html'>Contact</a>\n            </li>\n          </ul>\n        </div>\n      </div>\n\n      <div className='header-search'>\n        <span className='srch-cls-btn brd-rd5'>\n          <i className='fa fa-times' />\n        </span>\n        <form>\n          <input type='text' placeholder='Search here...' />\n          <button type='submit'>\n            <i className='fa fa-search' />\n          </button>\n        </form>\n      </div>\n    </>\n  );\n};\n\nexport default ResHeader;\n","import React from \"react\";\n\nconst WhatWeDo = () => {\n  return (\n    <section id=\"SERVICES\">\n      <div className='gap'>\n        <div\n          className='fixed-bg'\n          style={{ backgroundImage: \"url(assets/images/parallax2.jpg)\" }}\n        />\n        <div className='container'>\n          <div className='sec-title text-center'>\n            <div className='sec-title-inner'>\n              {/* <span>Serving Humanity</span> */}\n              <h3>Our Courses</h3>\n            </div>\n          </div>\n          <div className='serv-wrap'>\n            <div className='row justify-content-between align-items-center'>\n              <div className='col-sm-12'>\n                <div className='remove-ext9'>\n                  <div className='row'>\n                    <div className='col-md-6 col-sm-6 col-lg-6'>\n                      <div className='serv-box'>\n                        <i className='flaticon-quran-rehal' />\n                        <div className='serv-info'>\n                          <h4>Qur’an Memorisation Program</h4>\n                          <p>\n                            Memorise 1 page a day and Complete Hifdh in 2 years\n                            <br />\n                            Memorise 2 page a day and Complete Hifdh in 1 years\n<br />\nMemorise Have a peach\n                            a day and complete hifdh\n                            in 4 years\n                          </p>\n\n                        </div>\n                      </div>\n                    </div>\n                    <div className='col-md-6 col-sm-6 col-lg-6'>\n                      <div className='serv-box'>\n                        <i className='flaticon-heart-1' />\n                        <div className='serv-info'>\n                          <h4>Tajweed</h4>\n                          <p>\n                            Tajweed Level 1/Level 2: Rulings of Selected Chapters from Tuhfatul Adfaal<br />\n                            Tajweed Level 3: Rulings of Selected Chapters from Al Jazariyyah\n                          </p>\n                        </div>\n                      </div>\n                    </div>\n                    <div className='col-md-6 col-sm-6 col-lg-6'>\n                      <div className='serv-box'>\n                        <i className='flaticon-mosque' />\n                        <div className='serv-info'>\n                          <h4>Fiqh</h4>\n                          <p>\n                            Shafi’e Fiqh\n                            <br />\n                            Level 1: Safinah An Najah\n                            <br />\n                            Level 2: Safinah As Salah\n                            <br />\n                            Level 3: Matn Abi Shujaa’\n                          </p>\n                        </div>\n                      </div>\n                    </div>\n                    <div className='col-md-6 col-sm-6 col-lg-6'>\n                      <div className='serv-box'>\n                        <i className='flaticon-social-care' />\n                        <div className='serv-info'>\n                          <h4>Aqeedah</h4>\n                          <p>\n                            Level 1: Take Your Aqeedah\n                            <br />\n                            Level 2: Virtue of Islam\n                            <br />\n                            Level 3: The Guidance to the Correct Creed\n                            <br />\n                            Level 4: Aqeedah At Tahawiyah\n                          </p>\n                        </div>\n                      </div>\n                    </div>\n                    <div className='col-md-6 col-sm-6 col-lg-6'>\n                      <div className='serv-box'>\n                        <i className='flaticon-quran-rehal' />\n                        <div className='serv-info'>\n                          <h4>Seerah</h4>\n                          <p>\n                            A Summarised Text on the Biographies of the Prophet ﷺ and His Companions\n                          </p>\n                        </div>\n                      </div>\n                    </div>\n                    <div className='col-md-6 col-sm-6 col-lg-6'>\n                      <div className='serv-box'>\n                        <i className='flaticon-mosque' />\n                        <div className='serv-info'>\n                          <h4>Hadeeth</h4>\n                          <p>\n                            Level 1: 40 Hadith\n                            <br/>\n                            Level 2: Umdah Al Ahkaam\n                            <br/>\n                            Level 3: Buluugh Al Maraam\n                          </p>\n                        </div>\n                      </div>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default WhatWeDo;\n","import react, { useState, useEffect } from 'react'\nimport ContactFormModel from \"../ContactFormModel\";\nimport Contactus from \"../Contactus\";\nimport Footer from \"../Footer\";\nimport Header from \"../Header\";\nimport HeaderSearch from \"../HeaderSearch\";\nimport OurHistory from \"../OurHistory\";\nimport OurScholars from \"../OurScholars\";\nimport ResHeader from \"../ResHeader\";\nimport WhatWeDo from \"../WhatWeDo\";\nimport WhatsAppWidget from 'react-whatsapp-widget'\nimport 'react-whatsapp-widget/dist/index.css'\nimport { css } from \"@emotion/react\";\nimport MoonLoader from \"react-spinners/MoonLoader\";\n\nconst Home = () => {\n  const [loading, setLoading] = useState(false);\n\n\n\n  useEffect(() => {\n    setLoading(true);\n    window.onload = () => {\n      setLoading(false);\n    }\n  }, [])\n\n  return (\n\n    <>\n      {/* {\n        loading ? (\n          <div className=\"min-vh-100 min-vw-100 d-flex align-items-center justify-content-center\" >\n\n            <MoonLoader color={\"#212529\"} size={80} />\n          </div>\n        ) :\n          ( */}\n      <>\n        <Header />\n        <ResHeader />\n        <HeaderSearch />\n        <ContactFormModel />\n        <OurHistory />\n        <OurScholars />\n        <WhatWeDo />\n        <Contactus />\n        <Footer />\n        <WhatsAppWidget phoneNumber='442039834610' />\n\n      </>\n      )\n      {/* } */}\n    </>\n\n\n  );\n\n\n\n}\n\n\n\n\n\n\nexport default Home;\n","import React from \"react\";\nimport { NavLink } from \"react-router-dom\";\n\nconst Login = () => {\n  return (\n    <div className='contact-form-inner w-100 d-flex flex-column justify-content-center align-items-center'>\n      <div className='sec-title text-center'>\n        <div className='sec-title-inner'>\n          <h3>Login</h3>\n        </div>\n      </div>\n      <div className='contact-form text-center'>\n        <form>\n          <div className='row mrg20'>\n            <div className='col-sm-12'>\n              <input type='text' placeholder='Username' />\n            </div>\n            <div className='col-sm-12'>\n              <input type='text' placeholder='Password' />\n            </div>\n            <div className='col-md-12 col-sm-12 col-lg-12 mt-5'>\n              <NavLink to='/login' className='thm-btn brd-rd40' type='submit'>\n                Login\n              </NavLink>\n            </div>\n          </div>\n        </form>\n      </div>\n    </div>\n  );\n};\n\nexport default Login;\n","import React from 'react'\n\nconst SuccessPage = () => {\n    return (\n\n        <div className='page-wrapper bg-gra-03 p-t-45 p-b-50'>\n            <a href=\"/\">\n                <img src=\"/assets/images/logoo.png\" alt=\"\" className=\"ml-5\" style={{ width: '100px' }} />\n                <span style={{ marginLeft: '10px', color: 'white', fontSize: '20px' }}>Ahlu Qur'an Academy</span>\n            </a>\n            <div className='wrapper wrapper--w790'>\n                <div className='card card-5 border-0'>\n                    <div className='card-heading'>\n                        <h2 className='title'>Thanks for registering.</h2>\n                    </div>\n                    <div className='card-body'>\n                        <div className=\"container p-5\">\n                            <div className='sec-title mb-5'>\n                                <div className='sec-title-inner'>\n                                    <h3>Registeration Successfull</h3>\n                                </div>\n                            </div>\n                            <br />\n                            <div className=\"text mb-5\">\n                                <p style={{ fontSize: '1.1rem', lineHeight: '1.7' }}>\n                                    Waalidiinta iyo ardeyda sharafta leh ee soo gudbiyay foomamkii isla markaana raba inay bilaabaan bishan waxa maamulka Ahlul Quran Academy ku wargelinayaa in ay isu diyaariyaan imtixaankii bilaabista ee lagu xadidayay qof walba iyo heerkiisa. Hadaba si qaybta imtixaanaadka laguugu gudbiyo fadlan lacagtii bisha kusoo dir nambarada hoos ku qoran\n                                    <br /><br />\n\n                                    Feegu Waa Ardayga kawayn 18 jir :$20\n                                    Caruurtana :$30\n                                    <br /><br />\n                                    <strong>Xawaladaha:</strong><br />\n                                    Taaj-Zaad: <u>0637219999</u><br />\n                                    Dahabshiil -E dahab: <u>0653223611</u>\n                                    <br />\n                                    <br />\n                                    Fadlan whatsapp (<strong><u>+44 20 3983 4610</u></strong>) ka noogu soodir cadayta aad ku kubixisay lacagta .\n\n                                    Mahad Sanidiin\n                                </p>\n                            </div>\n\n                            <a href=\"/\" className=\"btn btn-primary\">back to homepage</a>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    )\n}\n\nexport default SuccessPage\n","import { BrowserRouter, Route, Routes } from \"react-router-dom\";\nimport { Dashboard } from \"./components/admin/Dashboard\";\nimport Home from \"./components/home_page/Home\";\nimport Login from \"./components/Login\";\nimport WhatsAppWidget from 'react-whatsapp-widget'\nimport 'react-whatsapp-widget/dist/index.css'\nimport SuccessPage from \"./components/success_page/SuccessPage\";\nconst App = () => {\n  return (\n\n    <>\n      {/* <WhatsAppWidget phoneNumber='+442039834610' /> */}\n      <Routes>\n        <Route path='/dashboard' element={<Dashboard />} />\n        <Route path='/login' element={<Login />} />\n        <Route path='/success' element={<SuccessPage />} />\n        <Route path='' element={<Home />} />\n      </Routes>\n    </>\n  )\n};\n\nexport default App;","import React from \"react\";\nimport { useForm } from \"react-hook-form\";\nimport Axios from \"axios\";\nimport Swal from \"sweetalert2\";\nimport { useStore } from \"../../store\";\n\nconst Register = () => {\n  const [hasChildren, setHasChildren] = React.useState(false);\n  const [howManyChildren, setHowManyChildren] = React.useState([]);\n  const add = useStore((state) => state.add);\n  const get = useStore((state) => state.get);\n\n  const [week, setWeek] = React.useState([\n    {\n      name: \"saturday\",\n      value: false,\n    },\n    {\n      name: \"sunday\",\n      value: false,\n    },\n    {\n      name: \"monday\",\n      value: false,\n    },\n    {\n      name: \"tuesday\",\n      value: false,\n    },\n    {\n      name: \"wednesday\",\n      value: false,\n    },\n\n    {\n      name: \"thursday\",\n      value: false,\n    },\n  ]);\n\n  const handleChildren = (e) => {\n    setHowManyChildren([]);\n    var childrenArray = [];\n    const num = parseInt(e.target.value);\n    for (let i = 0; i < num; i++) {\n      childrenArray.push(i);\n    }\n    setHowManyChildren(childrenArray);\n  };\n  const handleDays = (e) => {\n    const selectedDays = [];\n    week.forEach((day) => {\n      if (selectedDays.length > 2) {\n        alert(\"You are only allowed to choose two days !!\");\n        document.querySelector(`[name='${e.target.name}']`).checked = false;\n      } else {\n        if (document.querySelector(`[name='${day.name}']`).checked === true) {\n          selectedDays.push(day.name);\n        }\n      }\n    });\n\n    return selectedDays;\n  };\n\n  const { register, handleSubmit } = useForm();\n  const onSubmit = async (data) => {\n    console.log(data);\n    if (hasChildren) {\n      var children = [];\n      var obj = {};\n      for (let item in data) {\n        if (item.indexOf(\"forename\") === 0) {\n          obj = {};\n          obj = { ...obj, [item]: data[item] };\n        }\n        if (item.indexOf(\"surname\") === 0) {\n          obj = { ...obj, [item]: data[item] };\n        }\n        if (item.indexOf(\"age\") === 0) {\n          obj = { ...obj, [item]: data[item] };\n        }\n        if (item.indexOf(\"nationalty\") === 0) {\n          obj = { ...obj, [item]: data[item] };\n          children.push(obj);\n        }\n      }\n      console.log(children);\n    }\n    const body = {\n      name: data.username,\n      email: data.email,\n      contactNumber: data.contactNumber,\n      whatsappNumber: data.whatsappNumber,\n      country: data.country,\n      city: data.city,\n      gender: data.gender,\n      dob: data.yob,\n      children: children,\n      days: handleDays(),\n      course: data.course,\n      teacher: data.teacher,\n      serialNumber: \"\",\n      registeredDate: new Date().getTime(),\n    };\n\n    console.log(body);\n    (async () => {\n      const resp = await add(\"student\", body);\n\n      if (resp.operation === \"failed\") {\n        return alert(resp.errors[0]);\n      }\n      Swal.fire({\n        title: \"Thanks!\",\n        text: \"Your registration was successful\",\n        icon: \"success\",\n        confirmButtonText: \"OK\",\n      }).then((confirm) => {\n        if (confirm.isConfirmed) window.location.assign(\"/success\");\n      });\n      document.querySelector(\".myform\").reset();\n      console.log(\"COMP: \", resp);\n    })();\n  };\n  return (\n    <>\n      <div className=\"page-wrapper bg-gra-03 p-t-45 p-b-50\">\n        <a href=\"/\">\n          <img\n            src=\"/assets/images/logoo.png\"\n            alt=\"\"\n            className=\"ml-5\"\n            style={{ width: \"100px\" }}\n          />\n          <span\n            style={{ marginLeft: \"10px\", color: \"white\", fontSize: \"20px\" }}\n          >\n            Ahlu Qur'an Academy\n          </span>\n        </a>\n        <div className=\"wrapper wrapper--w790\">\n          <div className=\"card card-5 border-0\">\n            <div className=\"card-heading\">\n              <h2 className=\"title\">Registration Form</h2>\n            </div>\n            <div className=\"card-body\">\n              <form className=\"myform\" onSubmit={handleSubmit(onSubmit)}>\n                <fieldset className=\"py-4\">\n                  <legend>Personal Information</legend>\n                  <div className=\"row justify-content-between\">\n                    <input\n                      className=\"input--style-5 col mr-2\"\n                      type=\"text\"\n                      name=\"name\"\n                      placeholder=\"Full Name\"\n                      {...register(\"username\", { required: true })}\n                    />\n                    <input\n                      className=\"input--style-5 col\"\n                      type=\"mail\"\n                      name=\"email\"\n                      placeholder=\"Email\"\n                      {...register(\"email\", { required: true })}\n                    />\n                  </div>\n                  <div className=\"row justify-content-between mt-3\">\n                    <input\n                      className=\"input--style-5 col mr-2\"\n                      type=\"text\"\n                      name=\"phone\"\n                      placeholder=\"Contact No#\"\n                      {...register(\"contactNumber\", { required: true })}\n                    />\n                    <input\n                      className=\"input--style-5 col\"\n                      type=\"number\"\n                      name=\"whatsapp\"\n                      placeholder=\"Whatsapp No#\"\n                      {...register(\"whatsappNumber\", { required: true })}\n                    />\n                  </div>\n                  <div className=\"row justify-content-between mt-3\">\n                    <input\n                      className=\"input--style-5 col mr-2\"\n                      type=\"text\"\n                      name=\"country\"\n                      placeholder=\"Country\"\n                      {...register(\"country\", { required: true })}\n                    />\n                    <input\n                      className=\"input--style-5 col\"\n                      type=\"text\"\n                      name=\"city\"\n                      placeholder=\"City\"\n                      {...register(\"city\", { required: true })}\n                    />\n                  </div>\n                  <div className=\"row justify-content-between mt-3\">\n                    <select\n                      className=\"input--style-5 col py-2 mr-2\"\n                      name=\"gender\"\n                      {...register(\"gender\", { required: true })}\n                    >\n                      <option value=\"Gender\" disabled selected>\n                        Gender\n                      </option>\n                      <option value=\"female\">Female</option>\n                      <option value=\"male\">Male</option>\n                    </select>\n                    <input\n                      className=\"input--style-5 col\"\n                      type=\"text\"\n                      name=\"yob\"\n                      maxLength={4}\n                      pattern=\"\\d*\"\n                      placeholder=\"Year of birth\"\n                      {...register(\"yob\", { required: true })}\n                    />\n                  </div>\n                  <label className=\"radio-container py-4 mt-4\">\n                    Has Children\n                    <input\n                      type=\"checkbox\"\n                      name=\"exist\"\n                      {...register(\"hasChildren\")}\n                      onClick={() => setHasChildren(!hasChildren)}\n                    />\n                    <span className=\"checkmark\" />\n                  </label>\n                  <br />\n                  {hasChildren && (\n                    <>\n                      <select\n                        name=\"howManyChildren\"\n                        id=\"hmc\"\n                        className=\"input--style-5 col p-2 w-auto mb-3\"\n                        {...register(\"howManyChildren\")}\n                        onClick={(e) => handleChildren(e)}\n                      >\n                        <option value=\"\" selected disabled>\n                          How many Children\n                        </option>\n                        <option value=\"1\">1</option>\n                        <option value=\"2\">2</option>\n                        <option value=\"3\">3</option>\n                        <option value=\"4\">4</option>\n                        <option value=\"5\">5</option>\n                      </select>\n\n                      <table class=\"table\">\n                        <thead class=\"thead-dark\">\n                          <tr>\n                            <th scope=\"col\">#</th>\n                            <th scope=\"col\">Fore Name</th>\n                            <th scope=\"col\">Surname</th>\n                            <th scope=\"col\">Age</th>\n                            <th scope=\"col\">Nationalty</th>\n                          </tr>\n                        </thead>\n                        <tbody>\n                          {howManyChildren.map((child, index) => (\n                            <tr>\n                              <th scope=\"row\">{index + 1}</th>\n                              <td>\n                                <input\n                                  className=\"input--style-5 col\"\n                                  type=\"text\"\n                                  name=\"city\"\n                                  placeholder=\"Fore Name\"\n                                  {...register(`forename${index}`, {\n                                    required: true,\n                                  })}\n                                />\n                              </td>\n                              <td>\n                                <input\n                                  className=\"input--style-5 col\"\n                                  type=\"text\"\n                                  name=\"city\"\n                                  placeholder=\"Surname\"\n                                  {...register(`surname${index}`, {\n                                    required: true,\n                                  })}\n                                />\n                              </td>\n                              <td>\n                                {\" \"}\n                                <input\n                                  className=\"input--style-5 col\"\n                                  type=\"text\"\n                                  name=\"city\"\n                                  placeholder=\"age\"\n                                  {...register(`age${index}`, {\n                                    required: true,\n                                  })}\n                                />\n                              </td>\n                              <td>\n                                <input\n                                  className=\"input--style-5 col\"\n                                  type=\"text\"\n                                  name=\"city\"\n                                  placeholder=\"Nationalty\"\n                                  {...register(`nationalty${index}`, {\n                                    required: true,\n                                  })}\n                                />\n                              </td>\n                            </tr>\n                          ))}\n                        </tbody>\n                      </table>\n                    </>\n                  )}\n\n                  <div className=\"mt-5\">\n                    <h4>Choose two days</h4>\n                    <br />\n                    <div className=\"pt-1\">\n                      <label className=\"radio-container mr-3\">\n                        Saturday\n                        <input\n                          type=\"checkbox\"\n                          name=\"exist\"\n                          {...register(\"saturday\")}\n                          onChange={(e) => handleDays(e)}\n                        />\n                        <span className=\"checkmark\" />\n                      </label>\n                      <label className=\"radio-container mr-3\">\n                        Sunday\n                        <input\n                          type=\"checkbox\"\n                          name=\"exist\"\n                          {...register(\"sunday\")}\n                          onChange={(e) => handleDays(e)}\n                        />\n                        <span className=\"checkmark\" />\n                      </label>\n                      <label className=\"radio-container mr-3\">\n                        Monday\n                        <input\n                          type=\"checkbox\"\n                          name=\"exist\"\n                          {...register(\"monday\")}\n                          onChange={(e) => handleDays(e)}\n                        />\n                        <span className=\"checkmark\" />\n                      </label>\n                      <label className=\"radio-container mr-3\">\n                        Tuesday\n                        <input\n                          type=\"checkbox\"\n                          name=\"exist\"\n                          {...register(\"tuesday\")}\n                          onChange={(e) => handleDays(e)}\n                        />\n                        <span className=\"checkmark\" />\n                      </label>\n                      <label className=\"radio-container mr-3\">\n                        Wednesday\n                        <input\n                          type=\"checkbox\"\n                          name=\"exist\"\n                          {...register(\"wednesday\")}\n                          onChange={(e) => handleDays(e)}\n                        />\n                        <span className=\"checkmark\" />\n                      </label>\n                      <label className=\"radio-container mr-3\">\n                        Thursday\n                        <input\n                          type=\"checkbox\"\n                          name=\"exist\"\n                          {...register(\"thursday\")}\n                          onChange={(e) => handleDays(e)}\n                        />\n                        <span className=\"checkmark\" />\n                      </label>\n                    </div>\n                  </div>\n                </fieldset>\n\n                <fieldset className=\"py-4\">\n                  <legend>Course Selection</legend>\n                  <div className=\"form-row \">\n                    <label className=\"label label--block\">\n                      Qur'an: Al Qa’idah An Nuraniyah\n                    </label>\n                    <div className=\"p-t-15\">\n                      <label className=\"radio-container m-r-55\">\n                        One Year (1 page a day)\n                        <input\n                          type=\"radio\"\n                          name=\"oneyear\"\n                          {...register(\"course\")}\n                          value=\"One Year (1 page a day)\"\n                        />\n                        <span className=\"checkmark\" />\n                      </label>\n                      <label className=\"radio-container m-r-55\">\n                        Two Years (2 pages a day)\n                        <input\n                          type=\"radio\"\n                          name=\"twoyear\"\n                          {...register(\"course\")}\n                          value=\"Two Years (2 pages a day)\"\n                        />\n                        <span className=\"checkmark\" />\n                      </label>\n                      <label className=\"radio-container\">\n                        Four Years (4 pages a day)\n                        <input\n                          type=\"radio\"\n                          name=\"fouryear\"\n                          {...register(\"course\")}\n                          value=\"Four Years  (4 pages a day)\"\n                        />\n                        <span className=\"checkmark\" />\n                      </label>\n                    </div>\n                  </div>\n                </fieldset>\n                <fieldset>\n                  <h4>Teacher’s Language preference</h4>\n                  <div className=\"p-t-15\">\n                    <label className=\"radio-container mr-3\">\n                      Somali Speaker\n                      <input\n                        type=\"radio\"\n                        name=\"teacher\"\n                        {...register(\"teacher\")}\n                        value=\"somali speaker\"\n                      />\n                      <span className=\"checkmark\" />\n                    </label>\n                    <label className=\"radio-container mr-3\">\n                      Arabic Speaker\n                      <input\n                        type=\"radio\"\n                        name=\"teacher\"\n                        {...register(\"teacher\")}\n                        value=\"arabic speaker\"\n                      />\n                      <span className=\"checkmark\" />\n                    </label>\n                    <label className=\"radio-container mr-3\">\n                      English Speaker\n                      <input\n                        type=\"radio\"\n                        name=\"teacher\"\n                        {...register(\"teacher\")}\n                        value=\"english speaker\"\n                      />\n                      <span className=\"checkmark\" />\n                    </label>\n                    <label className=\"radio-container mr-3\">\n                      Somali & Arabic\n                      <input\n                        type=\"radio\"\n                        name=\"teacher\"\n                        {...register(\"teacher\")}\n                        value=\"somali and arabic\"\n                      />\n                      <span className=\"checkmark\" />\n                    </label>\n                    <label className=\"radio-container mr-3\">\n                      Somali & English\n                      <input\n                        type=\"radio\"\n                        name=\"teacher\"\n                        {...register(\"teacher\")}\n                        value=\"somali and english\"\n                      />\n                      <span className=\"checkmark\" />\n                    </label>\n                    <label className=\"radio-container mr-3\">\n                      All Languages\n                      <input\n                        type=\"radio\"\n                        name=\"teacher\"\n                        {...register(\"teacher\")}\n                        value=\"all languages\"\n                      />\n                      <span className=\"checkmark\" />\n                    </label>\n                  </div>\n                </fieldset>\n\n                <div className=\"w-100 d-flex justify-content-center mt-5\">\n                  <button\n                    className=\"btn btn--radius-2 w-50 p-2 reg-btn\"\n                    type=\"submit\"\n                  >\n                    Register\n                  </button>\n                </div>\n              </form>\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\nexport default Register;\n","import React from \"react\";\nimport { BrowserRouter, Route, Routes } from \"react-router-dom\";\nimport App from \"./App\";\nimport Register from \"./components/account/Register\"\n\ninterface IProps {\n  history: any;\n}\nexport const AppRoutes: React.FC<IProps> = () => {\n  return (\n    <BrowserRouter>\n      <Routes>\n        <Route path='/account/*' element={<Register />} />\n        <Route path='/register' element={<Register />} />\n        <Route path='/*' element={<App />} />\n        <Route path='' element={<App />} />\n      </Routes>\n    </BrowserRouter>\n  );\n};\n","import React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { createBrowserHistory } from \"history\";\nimport { AppRoutes } from \"./Routes\";\nconst history = createBrowserHistory();\n\nReactDOM.render(\n  <React.StrictMode>\n    <AppRoutes history={history} />\n  </React.StrictMode>,\n  document.getElementById(\"root\")\n);\n"],"sourceRoot":""}