Scheme Container & Filter For Women<\/title>\r\n <style>\r\n * {\r\n font-family: 'Montserrat', sans-serif !important;\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n font-family: Montserrat;\r\n}\r\n\r\n#mainContainer {\r\n margin: 50px;\r\n display: flex;\r\n \/* flex-wrap: wrap; *\/\r\n gap: 20px;\r\n}\r\n\r\n#formContainer {\r\n width: 30%;\r\n height: 87dvh;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n}\r\n\r\n#schemeContainer {\r\n width: 70%;\r\n}\r\n\r\n.tabsContainer {\r\n display: flex;\r\n margin-bottom: 20px;\r\n}\r\n\r\n.tabItem {\r\n padding: 10px 20px;\r\n cursor: pointer;\r\n border: 1px solid #ccc;\r\n border-radius: 6px;\r\n margin: 0 5px;\r\n background-color: #fff;\r\n font-size: 20px;\r\n font-weight: 600;\r\n}\r\n\r\n.tabItem.active {\r\n border-radius: 6px;\r\n border-bottom: 3px solid #036;\r\n background: #EAF4FF;\r\n color: #036;\r\n}\r\n\r\n#filter_form {\r\n display: flex;\r\n background: #fafafa;\r\n padding: 20px;\r\n flex-direction: column;\r\n gap: 10px;\r\n position: sticky;\r\n top: 0;\r\n}\r\n\r\n#parent_filters {\r\n display: grid;\r\n}\r\n\r\n#parent_filters>.sub_filters {\r\n display: none;\r\n}\r\n\r\n#parent_filters,\r\n#parent_filters>.sub_filters {\r\n width: 100%;\r\n grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));\r\n gap: 10px;\r\n}\r\n\r\n#parent_filters>label,\r\n#parent_filters>.sub_filters>label {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));\r\n}\r\n\r\n#filterHeader {\r\n border-bottom: #CDCDCD 1px solid;\r\n\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n#filterHeader>h4 {\r\n font-size: 25px;\r\n}\r\n\r\n#reset_btn,\r\n#hide_show_btn {\r\n font-size: 20px;\r\n color: #0056b3;\r\n}\r\n\r\n.filterHideShow{\r\n display: none;\r\n}\r\n\r\n.reset_btn:hover {\r\n cursor: pointer;\r\n}\r\n\r\n.card-container {\r\n width: 100%;\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));\r\n gap: 20px;\r\n}\r\n\r\n.card {\r\n background-color: #fff;\r\n border-radius: 8px;\r\n padding: 20px;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n border-radius: 30px;\r\n filter: drop-shadow(0px 4px 11px rgba(0, 0, 0, 0.25));\r\n}\r\n\r\n.card>p {\r\n display: flex;\r\n gap: 5px;\r\n font-size: 18px;\r\n}\r\n\r\n\/* .student_color {\r\n background-color: lightblue;\r\n}\r\n\r\n.women_color {\r\n background-color: lightpink;\r\n}\r\n\r\n.businessman_color {\r\n background-color: lightgreen;\r\n} *\/\r\n\r\n\r\n\/* Scheme Card Item *\/\r\n.scheme_CardItem {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 5px;\r\n}\r\n\r\n.scheme_CardItem p {\r\n margin: 0;\r\n overflow-wrap: break-word;\r\n \/* or word-wrap: break-word; *\/\r\n flex: 1;\r\n}\r\n\r\n.scheme_CardItem a {\r\n word-break: break-all;\r\n}\r\n\r\n.scheme_CardItem strong {\r\n flex: 0 0 auto;\r\n}\r\n\r\n.scheme_CardItem strong[style] {\r\n width: 100%;\r\n}\r\n\r\n.accordionContainer-content>.checkContainerForm {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n}\r\n\r\n.accordionContainer-content>.checkContainerForm>.form-checkBox {\r\n display: flex;\r\n justify-content: start;\r\n align-items: start;\r\n gap: 10px;\r\n}\r\n\r\n.selectContainer {\r\n width: 100%;\r\n margin-bottom: 10px ;\r\n}\r\n\r\n\/*************************************\/\r\n\r\n\/* Tablet View *\/\r\n@media screen and (max-width: 1000px) {\r\n #mainContainer {\r\n flex-direction: column;\r\n margin: 0;\r\n }\r\n\r\n #formContainer {\r\n height: auto;\r\n }\r\n\r\n .filterHideShow{\r\n display: block;\r\n }\r\n\r\n #formContainer,\r\n #schemeContainer {\r\n width: 100%;\r\n }\r\n}\r\n\r\n\r\n\r\n\/*  *\/\r\n.accordionContainer {\r\n background: #fff;\r\n width: 100%;\r\n max-width: 800px;\r\n margin: 0 auto;\r\n border: 1px solid #ddd;\r\n border-radius: 5px;\r\n overflow: hidden;\r\n}\r\n\r\n.accordionContainer-item {\r\n border-bottom: 1px solid #ddd;\r\n}\r\n\r\n.accordionContainer-button {\r\n font-size: 25px;\r\n background: #f9f9f9;\r\n border: none;\r\n padding: 15px;\r\n width: 100%;\r\n text-align: left;\r\n font-size: 18px;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.accordionContainer-button:focus {\r\n outline: none;\r\n}\r\n\r\n.accordionContainer-content {\r\n max-height: 0;\r\n overflow: hidden;\r\n transition: max-height 0.2s ease-out;\r\n padding: 0 15px;\r\n background: #fafafa;\r\n}\r\n\r\n.icon {\r\n font-size: 25px;\r\n color: #003466;\r\n font-weight: 600;\r\n font-size: 20px;\r\n transition: transform 0.2s;\r\n}\r\n <\/style>\r\n<\/head>\r\n\r\n<body>\r\n <div id=\"mainContainer\">\r\n <div id=\"formContainer\">\r\n <div id=\"filter_form\">\r\n <div id=\"parent_filters\">\r\n <div id=\"filterHeader\">\r\n <h4>Filters For <span id=\"parentCetegory_text\"><\/span><\/h4>\r\n <a class=\"reset_btn\" onclick=\"resetFilters()\">Reset Filters<\/a>\r\n <\/div>\r\n\r\n \r\n <div>\r\n <div class=\"accordionContainer\">\r\n <div id=\"permanentScheme\" class=\"accordionContainer-item\">\r\n <button class=\"accordionContainer-button\">Permanent Scheme <span class=\"icon\">+<\/span><\/button>\r\n <div class=\"accordionContainer-content\">\r\n <div class=\"selectContainerForm\" id=\"selectContainer_Permanent_Scheme\">\r\n <\/div>\r\n \r\n <\/div>\r\n <\/div>\r\n <div id=\"institution\" class=\"accordionContainer-item\">\r\n <button class=\"accordionContainer-button\">Institution <span class=\"icon\">+<\/span><\/button>\r\n <div class=\"accordionContainer-content\">\r\n <div class=\"checkContainerForm\" id=\"checkContainerForm_Institution\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div id=\"collegeCourseLocation\" class=\"accordionContainer-item\">\r\n <button class=\"accordionContainer-button\">College Course Location <span class=\"icon\">+<\/span><\/button>\r\n <div class=\"accordionContainer-content\">\r\n <div class=\"selectContainerForm\" id=\"selectContainer_College_Courses_Location\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div id=\"incomeList\" class=\"accordionContainer-item\">\r\n <button class=\"accordionContainer-button\">Income List <span class=\"icon\">+<\/span><\/button>\r\n <div class=\"accordionContainer-content\">\r\n <p>Income List<\/p>\r\n <\/div>\r\n <\/div>\r\n <div id=\"age\" class=\"accordionContainer-item\">\r\n <button class=\"accordionContainer-button\">Age <span class=\"icon\">+<\/span><\/button>\r\n <div class=\"accordionContainer-content\">\r\n <p>Age<\/p>\r\n <\/div>\r\n <\/div>\r\n <div id=\"schemeType\" class=\"accordionContainer-item\">\r\n <button class=\"accordionContainer-button\">Scheme Type <span class=\"icon\">+<\/span><\/button>\r\n <div class=\"accordionContainer-content\">\r\n <div class=\"checkContainerForm\" id=\"checkContainerForm_Scheme_Type\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div id=\"courses\" class=\"accordionContainer-item\">\r\n <button class=\"accordionContainer-button\">Courses <span class=\"icon\">+<\/span><\/button>\r\n <div class=\"accordionContainer-content\">\r\n <div class=\"checkContainerForm\" id=\"checkContainerForm_Courses\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div id=\"criteriaType\" class=\"accordionContainer-item\">\r\n <button class=\"accordionContainer-button\">Criteria Type <span class=\"icon\">+<\/span><\/button>\r\n <div class=\"accordionContainer-content\">\r\n <div class=\"checkContainerForm\" id=\"checkContainerForm_Criteria_Type\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div id=\"criteriaByPercentage\" class=\"accordionContainer-item\">\r\n <button class=\"accordionContainer-button\">Criteria By Percentage <span class=\"icon\">+<\/span><\/button>\r\n <div class=\"accordionContainer-content\">\r\n <div class=\"checkContainerForm\" id=\"checkContainerForm_By_Percentage\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div id=\"applicationMode\" class=\"accordionContainer-item\">\r\n <button class=\"accordionContainer-button\">Application Mode <span class=\"icon\">+<\/span><\/button>\r\n <div class=\"accordionContainer-content\">\r\n <div class=\"selectContainerForm\" id=\"selectContainer_Application_Mode\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div id=\"stateUt\" class=\"accordionContainer-item\">\r\n <button class=\"accordionContainer-button\">State\/UT <span class=\"icon\">+<\/span><\/button>\r\n <div class=\"accordionContainer-content\">\r\n <div class=\"checkContainerForm\" id=\"checkContainerForm_State_UT\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div id=\"criteriaByFamilyIncome\" class=\"accordionContainer-item\">\r\n <button class=\"accordionContainer-button\">Criteria By Family Income <span class=\"icon\">+<\/span><\/button>\r\n <div class=\"accordionContainer-content\">\r\n <div class=\"selectContainerForm\" id=\"selectContainer_Criteria_By_Family_Income\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div id=\"differentlyAbled\" class=\"accordionContainer-item\">\r\n <button class=\"accordionContainer-button\">Differently Abled <span class=\"icon\">+<\/span><\/button>\r\n <div class=\"accordionContainer-content\">\r\n <div class=\"selectContainerForm\" id=\"selectContainer_Differently_Abled\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div id=\"residence\" class=\"accordionContainer-item\">\r\n <button class=\"accordionContainer-button\">Residence <span class=\"icon\">+<\/span><\/button>\r\n <div class=\"accordionContainer-content\">\r\n <div class=\"selectContainerForm\" id=\"selectContainer_Residence\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div id=\"employmentStatus\" class=\"accordionContainer-item\">\r\n <button class=\"accordionContainer-button\">Employment Status <span class=\"icon\">+<\/span><\/button>\r\n <div class=\"accordionContainer-content\">\r\n <div class=\"selectContainerForm\" id=\"selectContainer_Employment_Status\">\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div id=\"schemeContainer\">\r\n <div class=\"tabsContainer\">\r\n <div class=\"tabItem active\" data-filter=\"\" onclick=\"filterByTab(this)\">All Schemes<\/div>\r\n <div class=\"tabItem\" data-filter=\"Student\" onclick=\"filterByTab(this)\">State Schemes<\/div>\r\n <div class=\"tabItem\" data-filter=\"Women\" onclick=\"filterByTab(this)\">Central Schemes<\/div>\r\n <\/div>\r\n <div id=\"schemeCardsContainer\" class=\"card-container\">\r\n \r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n<\/body>\r\n\r\n<script>\r\n \/\/ Api Urls\r\n const apiUrl_All = 'https:\/\/minority.universal-software.in\/api\/resource\/JM%20Scheme?&fields=[\"*\"]';\r\n const apiUrl_Student = 'https:\/\/minority.universal-software.in\/api\/resource\/JM%20Scheme?&fields=[\"*\"]&filters=[[\"is_available_student\", \"=\", 1]]';\r\n const apiUrl_Women = 'https:\/\/minority.universal-software.in\/api\/resource\/JM%20Scheme?&fields=[\"*\"]&filters=[[\"is_available_women\", \"=\", 1]]';\r\n const apiUrl_Businessman = 'https:\/\/minority.universal-software.in\/api\/resource\/JM%20Scheme?&fields=[\"*\"]&filters=[[\"is_available_businessman\", \"=\", 1]]';\r\n\r\n let generatedSchemes = [];\r\n let currentTabFilter = '';\r\n\r\n let parentCategory; \/\/ Parent category of the selected tab\r\n let subCategory; \/\/ Sub category of the selected tab\r\n let stateCategory; \/\/ State category of the selected tab\r\n\r\n let studentFilterSettings = [];\r\n let womenFilterSettings = [];\r\n let businessmanFilterSettings = [];\r\n\r\n const filterSettings_Main = {};\r\n\r\n \/\/ Api Urls for filters based on selected tab All JM Schemes\r\n \/\/ const api_by_percentage = `https:\/\/minority.universal-software.in\/api\/resource\/JM%20Scheme?&fields=[\"jm_by_percentage\"]`;\r\n \/\/ const api_criteria = `https:\/\/minority.universal-software.in\/api\/resource\/JM%20Scheme?&fields=[\"jm_criteria\"]`;\r\n \/\/ const api_criteria_type = `https:\/\/minority.universal-software.in\/api\/resource\/JM%20Scheme?&fields=[\"jm_criteria_type\"]`;\r\n \/\/ const api_courses = `https:\/\/minority.universal-software.in\/api\/resource\/JM%20Scheme?&fields=[\"jm_course\"]`;\r\n \/\/ const api_institute = `https:\/\/minority.universal-software.in\/api\/resource\/JM%20Scheme?&fields=[\"jm_institute\"]`;\r\n \/\/ const api_scheme_type = `https:\/\/minority.universal-software.in\/api\/resource\/JM%20Scheme?&fields=[\"jm_scheme_type\"]`;\r\n \/\/ const api_scheme_under = `https:\/\/minority.universal-software.in\/api\/resource\/JM%20Scheme?&fields=[\"jm_scheme_under\"]`;\r\n \/\/ const api_state_ut = `https:\/\/minority.universal-software.in\/api\/resource\/JM%20Scheme?&fields=[\"jm_state_ut\"]`;\r\n\r\n \/\/ Api Urls for filters based on selected tab from Main DockType\r\n const api_institute = `https:\/\/minority.universal-software.in\/api\/resource\/JM%20Institute`;\r\n const api_criteria = `https:\/\/minority.universal-software.in\/api\/resource\/JM%20Criteria`;\r\n const api_criteria_type = `https:\/\/minority.universal-software.in\/api\/resource\/JM%20Criteria%20Type`;\r\n const api_courses = `https:\/\/minority.universal-software.in\/api\/resource\/JM%20Course`;\r\n const api_scheme_type = `https:\/\/minority.universal-software.in\/api\/resource\/JM%20Scheme%20Type`;\r\n const api_scheme_under = `https:\/\/minority.universal-software.in\/api\/resource\/JM%20Scheme%20Under`;\r\n const api_by_percentage = `https:\/\/minority.universal-software.in\/api\/resource\/JM%20By%20Percentage`;\r\n const api_state_ut = `https:\/\/minority.universal-software.in\/api\/resource\/JM%20State%20UT`;\r\n\r\n \/\/ CheckBox Items\r\n let items_by_percentage = `https:\/\/minority.universal-software.in\/api\/resource\/JM%20Scheme?&fields=[\"jm_by_percentage\"]`;\r\n let items_criteria = `https:\/\/minority.universal-software.in\/api\/resource\/JM%20Scheme?&fields=[\"jm_criteria\"]`;\r\n let items_criteria_type = `https:\/\/minority.universal-software.in\/api\/resource\/JM%20Scheme?&fields=[\"jm_criteria_type\"]`;\r\n let items_courses = `https:\/\/minority.universal-software.in\/api\/resource\/JM%20Scheme?&fields=[\"jm_course\"]`;\r\n let items_institute = `https:\/\/minority.universal-software.in\/api\/resource\/JM%20Scheme?&fields=[\"jm_institute\"]`;\r\n let items_scheme_type = `https:\/\/minority.universal-software.in\/api\/resource\/JM%20Scheme?&fields=[\"jm_scheme_type\"]`;\r\n let items_scheme_under = `https:\/\/minority.universal-software.in\/api\/resource\/JM%20Scheme?&fields=[\"jm_scheme_under\"]`;\r\n let items_state_ut = `https:\/\/minority.universal-software.in\/api\/resource\/JM%20Scheme?&fields=[\"jm_state_ut\"]`;\r\n\r\n \/\/ Select Items\r\n \/\/ let items_permanent_scheme = [{ 'value': '', 'label': '' }, { 'value': 'true', 'label': 'Yes' }, { 'value': 'false', 'label': 'No' }];\r\n let items_application_mode = [{ 'value': '', 'label': 'Select Application Mode' }, { 'value': 'Online', 'label': 'Online' }, { 'value': 'Offline', 'label': 'Offline' }];\r\n let items_college_courses_location = [{ 'value': '', 'label': 'Select College Courses Location' }, { 'value': 'India', 'label': 'India' }, { 'value': 'International (Abroad)', 'label': 'International (Abroad)' }];\r\n let items_employment_status = [{ 'value': '', 'label': 'Select Employment Status' }, { 'value': 'All', 'label': 'All' }, { 'value': 'Employed', 'label': 'Employed' }, { 'value': 'Self-Employed \/ Entrepreneur', 'label': 'Self-Employed \/ Entrepreneur' }, { 'value': 'Unemployed', 'label': 'Unemployed' }];\r\n let items_gender = [{ 'value': '', 'label': 'Select Gender' }, { 'value': 'Male', 'label': 'Male' }, { 'value': 'Female', 'label': 'Female' }];\r\n let items_residence = [{ 'value': '', 'label': 'Select Residence' }, { 'value': 'Both', 'label': 'Both' }, { 'value': 'Urban', 'label': 'Urban' }, { 'value': 'Rural', 'label': 'Rural' }];\r\n\r\n\r\n \/\/ Yes\/No Items\r\n let items_permanent_scheme = [{ 'value': '', 'label': 'Select Permanent Scheme' }, { 'value': 'true', 'label': 'Yes' }, { 'value': 'false', 'label': 'No' }];\r\n let items_criteria_by_family_income = [{ 'value': '', 'label': 'Select Criteria By Family Income' }, { 'value': 'true', 'label': 'Yes' }, { 'value': 'false', 'label': 'No' }];\r\n let items_differently_abled = [{ 'value': '', 'label': 'Select Differently Abled' }, { 'value': 'true', 'label': 'Yes' }, { 'value': 'false', 'label': 'No' }];\r\n\r\n function render_SelectContainerForm_Permanent_Scheme() {\r\n console.log(\"render_SelectContainerForm_permanent_scheme\");\r\n const selectContainerForm_permanent_scheme = document.getElementById('selectContainer_Permanent_Scheme');\r\n if (!selectContainerForm_permanent_scheme) {\r\n console.error('Element with ID \"selectContainer_Permanent_Scheme\" not found.');\r\n return;\r\n }\r\n selectContainerForm_permanent_scheme.innerHTML = '';\r\n\r\n const selectElement = document.createElement('select');\r\n selectElement.id = \"filterPermanentScheme\";\r\n selectElement.name = \"permanent_scheme\";\r\n selectElement.classList.add('selectContainer');\r\n selectElement.onchange = applyFilters;\r\n\r\n items_permanent_scheme.forEach(item => {\r\n const optionElement = document.createElement('option');\r\n optionElement.value = item.value;\r\n optionElement.textContent = item.label;\r\n selectElement.appendChild(optionElement);\r\n });\r\n selectContainerForm_permanent_scheme.appendChild(selectElement);\r\n }\r\n\r\n function render_SelectContainerForm_Criteria_By_Family_Income() {\r\n console.log(\"render_SelectContainerForm_criteria_by_family_income\");\r\n const selectContainerForm_criteria_by_family_income = document.getElementById('selectContainer_Criteria_By_Family_Income');\r\n if (!selectContainerForm_criteria_by_family_income) {\r\n console.error('Element with ID \"selectContainer_Criteria_By_Family_Income\" not found.');\r\n return;\r\n }\r\n selectContainerForm_criteria_by_family_income.innerHTML = '';\r\n\r\n const selectElement = document.createElement('select');\r\n selectElement.id = \"filterCriteriaByFamilyIncome\";\r\n selectElement.name = \"criteria_by_family_income\";\r\n selectElement.classList.add('selectContainer');\r\n selectElement.onchange = applyFilters;\r\n\r\n items_criteria_by_family_income.forEach(item => {\r\n const optionElement = document.createElement('option');\r\n optionElement.value = item.value;\r\n optionElement.textContent = item.label;\r\n selectElement.appendChild(optionElement);\r\n });\r\n selectContainerForm_criteria_by_family_income.appendChild(selectElement);\r\n }\r\n\r\n function render_SelectContainerForm_Differently_Abled() {\r\n console.log(\"render_SelectContainerForm_differently_abled\");\r\n const selectContainerForm_differently_abled = document.getElementById('selectContainer_Differently_Abled');\r\n if (!selectContainerForm_differently_abled) {\r\n console.error('Element with ID \"selectContainer_Differently_Abled\" not found.');\r\n return;\r\n }\r\n selectContainerForm_differently_abled.innerHTML = '';\r\n\r\n const selectElement = document.createElement('select');\r\n selectElement.id = \"filterDifferentlyAbled\";\r\n selectElement.name = \"differently_abled\";\r\n selectElement.classList.add('selectContainer');\r\n selectElement.onchange = applyFilters;\r\n\r\n items_differently_abled.forEach(item => {\r\n const optionElement = document.createElement('option');\r\n optionElement.value = item.value;\r\n optionElement.textContent = item.label;\r\n selectElement.appendChild(optionElement);\r\n });\r\n selectContainerForm_differently_abled.appendChild(selectElement);\r\n }\r\n\r\n function render_SelectContainerForm_Application_Mode() {\r\n console.log(\"render_SelectContainerForm_application_mode\");\r\n const selectContainerForm_application_mode = document.getElementById('selectContainer_Application_Mode');\r\n if (!selectContainerForm_application_mode) {\r\n console.error('Element with ID \"selectContainer_Application_Mode\" not found.');\r\n return;\r\n }\r\n selectContainerForm_application_mode.innerHTML = '';\r\n\r\n const selectElement = document.createElement('select');\r\n selectElement.id = \"filterApplicationMode\";\r\n selectElement.name = \"application_mode\";\r\n selectElement.classList.add('selectContainer');\r\n selectElement.onchange = applyFilters;\r\n\r\n\r\n items_application_mode.forEach(item => {\r\n const optionElement = document.createElement('option');\r\n optionElement.value = item.value;\r\n optionElement.textContent = item.label;\r\n selectElement.appendChild(optionElement);\r\n });\r\n selectContainerForm_application_mode.appendChild(selectElement);\r\n }\r\n\r\n function render_SelectContainerForm_College_Courses_Location() {\r\n console.log(\"render_SelectContainerForm_College_Courses_Location\");\r\n const selectContainerForm_College_Courses_Location = document.getElementById('selectContainer_College_Courses_Location');\r\n if (!selectContainerForm_College_Courses_Location) {\r\n console.error('Element with ID \"selectContainer_College_Courses_Location\" not found.');\r\n return;\r\n }\r\n selectContainerForm_College_Courses_Location.innerHTML = '';\r\n\r\n const selectElement = document.createElement('select');\r\n selectElement.id = \"filterCollegeCoursesLocation\";\r\n selectElement.name = \"college_courses_location\";\r\n selectElement.classList.add('selectContainer');\r\n selectElement.onchange = applyFilters;\r\n\r\n\r\n items_college_courses_location.forEach(item => {\r\n const optionElement = document.createElement('option');\r\n optionElement.value = item.value;\r\n optionElement.textContent = item.label;\r\n selectElement.appendChild(optionElement);\r\n });\r\n selectContainerForm_College_Courses_Location.appendChild(selectElement);\r\n }\r\n\r\n function render_SelectContainerForm_Employment_Status() {\r\n console.log(\"render_SelectContainerForm_Employment_Status\");\r\n const selectContainerForm_Employment_Status = document.getElementById('selectContainer_Employment_Status');\r\n if (!selectContainerForm_Employment_Status) {\r\n console.error('Element with ID \"selectContainer_Employment_Status\" not found.');\r\n return;\r\n }\r\n selectContainerForm_Employment_Status.innerHTML = '';\r\n\r\n const selectElement = document.createElement('select');\r\n selectElement.id = \"filterEmploymentStatus\";\r\n selectElement.name = \"employment_status\";\r\n selectElement.classList.add('selectContainer');\r\n selectElement.onchange = applyFilters;\r\n\r\n\r\n items_employment_status.forEach(item => {\r\n const optionElement = document.createElement('option');\r\n optionElement.value = item.value;\r\n optionElement.textContent = item.label;\r\n selectElement.appendChild(optionElement);\r\n });\r\n selectContainerForm_Employment_Status.appendChild(selectElement);\r\n }\r\n\r\n \/\/ function render_SelectContainerForm_Gender() {\r\n \/\/ console.log(\"render_SelectContainerForm_Gender\");\r\n \/\/ const selectContainerForm_Gender = document.getElementById('selectContainer_Gender');\r\n \/\/ if (!selectContainerForm_Gender) {\r\n \/\/ console.error('Element with ID \"selectContainer_Gender\" not found.');\r\n \/\/ return;\r\n \/\/ }\r\n \/\/ selectContainerForm_Gender.innerHTML = '';\r\n\r\n \/\/ const selectElement = document.createElement('select');\r\n \/\/ selectElement.id = \"gender\";\r\n \/\/ selectElement.name = \"gender\";\r\n \/\/ selectElement.classList.add('selectContainer');\r\n \/\/ selectElement.onchange = applyFilters;\r\n\r\n\r\n \/\/ items_gender.forEach(item => {\r\n \/\/ const optionElement = document.createElement('option');\r\n \/\/ optionElement.value = item.value;\r\n \/\/ optionElement.textContent = item.label;\r\n \/\/ selectElement.appendChild(optionElement);\r\n \/\/ });\r\n \/\/ selectContainerForm_Gender.appendChild(selectElement);\r\n \/\/ }\r\n\r\n function render_SelectContainerForm_Residence() {\r\n console.log(\"render_SelectContainerForm_Residence\");\r\n const selectContainerForm_Residence = document.getElementById('selectContainer_Residence');\r\n if (!selectContainerForm_Residence) {\r\n console.error('Element with ID \"selectContainer_Residence\" not found.');\r\n return;\r\n }\r\n selectContainerForm_Residence.innerHTML = '';\r\n\r\n const selectElement = document.createElement('select');\r\n selectElement.id = \"filterResidence\";\r\n selectElement.name = \"residence\";\r\n selectElement.classList.add('selectContainer');\r\n selectElement.onchange = applyFilters;\r\n\r\n\r\n items_residence.forEach(item => {\r\n const optionElement = document.createElement('option');\r\n optionElement.value = item.value;\r\n optionElement.textContent = item.label;\r\n selectElement.appendChild(optionElement);\r\n });\r\n selectContainerForm_Residence.appendChild(selectElement);\r\n }\r\n\r\n function render_CheckContainerForm_Institution() {\r\n console.log(\"render_CheckContainerForm_Institution\");\r\n const checkContainerForm_Institution = document.getElementById('checkContainerForm_Institution');\r\n checkContainerForm_Institution.innerHTML = '';\r\n items_institute.forEach(item => {\r\n const checkContainer = document.createElement('label');\r\n checkContainer.textContent = item.name;\r\n checkContainer.classList.add('form-checkBox');\r\n const checkboxElement = document.createElement('input');\r\n checkboxElement.type = 'checkbox';\r\n checkboxElement.value = item.name;\r\n checkboxElement.name = 'institution';\r\n checkboxElement.classList.add('checkboxContainer');\r\n checkboxElement.onchange = applyFilters;\r\n\r\n checkContainer.prepend(checkboxElement);\r\n checkContainerForm_Institution.appendChild(checkContainer);\r\n });\r\n }\r\n\r\n async function get_Institute() {\r\n try {\r\n const response = await fetch(api_institute);\r\n const data = await response.json();\r\n items_institute = data.data.filter(item => item.name !== null);\r\n console.log(\"items_institute\", items_institute);\r\n render_CheckContainerForm_Institution();\r\n } catch (err) {\r\n console.error('Error fetching data for Institute:', err);\r\n }\r\n }\r\n\r\n \/\/ function render_CheckContainerForm_Criteria() {\r\n \/\/ console.log(\"render_CheckContainerForm_Criteria\");\r\n \/\/ const checkContainerForm_Criteria = document.getElementById('checkContainerForm_Criteria');\r\n \/\/ checkContainerForm_Criteria.innerHTML = '';\r\n \/\/ items_criteria.forEach(item => {\r\n \/\/ const checkContainer = document.createElement('label');\r\n \/\/ checkContainer.textContent = item.name;\r\n \/\/ checkContainer.classList.add('form-checkBox');\r\n \/\/ const checkboxElement = document.createElement('input');\r\n \/\/ checkboxElement.type = 'checkbox';\r\n \/\/ checkboxElement.value = item.name;\r\n \/\/ checkboxElement.name = 'Criteria';\r\n \/\/ checkboxElement.classList.add('checkboxContainer');\r\n \/\/ checkboxElement.onchange = applyFilters;\r\n\r\n \/\/ checkContainer.prepend(checkboxElement);\r\n \/\/ checkContainerForm_State_UT.appendChild(checkContainer);\r\n \/\/ });\r\n \/\/ }\r\n\r\n async function get_Criteria() {\r\n try {\r\n const response = await fetch(api_criteria);\r\n const data = await response.json();\r\n items_criteria = data.data.filter(item => item.name !== null);\r\n console.log(\"items_criteria\", items_criteria);\r\n \/\/ render_CheckContainerForm_Criteria();\r\n } catch (err) {\r\n console.error('Error fetching data for Criteria:', err);\r\n }\r\n }\r\n\r\n function render_CheckContainerForm_By_Percentage() {\r\n console.log(\"render_CheckContainerForm_By_Percentage\");\r\n const checkContainerForm_By_Percentage = document.getElementById('checkContainerForm_By_Percentage');\r\n checkContainerForm_By_Percentage.innerHTML = '';\r\n items_by_percentage.forEach(item => {\r\n const checkContainer = document.createElement('label');\r\n checkContainer.textContent = item.name;\r\n checkContainer.classList.add('form-checkBox');\r\n const checkboxElement = document.createElement('input');\r\n checkboxElement.type = 'checkbox';\r\n checkboxElement.value = item.name;\r\n checkboxElement.name = 'By_Percentage';\r\n checkboxElement.classList.add('checkboxContainer');\r\n checkboxElement.onchange = applyFilters;\r\n\r\n checkContainer.prepend(checkboxElement);\r\n checkContainerForm_By_Percentage.appendChild(checkContainer);\r\n });\r\n }\r\n\r\n async function get_By_Percentage() {\r\n try {\r\n const response = await fetch(api_by_percentage);\r\n const data = await response.json();\r\n items_by_percentage = data.data.filter(item => item.name !== null);\r\n console.log(\"items_by_percentage\", items_by_percentage);\r\n render_CheckContainerForm_By_Percentage();\r\n } catch (err) {\r\n console.error('Error fetching data for By Percentage:', err);\r\n }\r\n }\r\n\r\n function render_CheckContainerForm_Criteria_Type() {\r\n console.log(\"render_CheckContainerForm_Criteria_Type\");\r\n const checkContainerForm_Criteria_Type = document.getElementById('checkContainerForm_Criteria_Type');\r\n checkContainerForm_Criteria_Type.innerHTML = '';\r\n items_criteria_type.forEach(item => {\r\n const checkContainer = document.createElement('label');\r\n checkContainer.textContent = item.name;\r\n checkContainer.classList.add('form-checkBox');\r\n const checkboxElement = document.createElement('input');\r\n checkboxElement.type = 'checkbox';\r\n checkboxElement.value = item.name;\r\n checkboxElement.name = 'criteriaType';\r\n checkboxElement.classList.add('checkboxContainer');\r\n checkboxElement.onchange = applyFilters;\r\n\r\n checkContainer.prepend(checkboxElement);\r\n checkContainerForm_Criteria_Type.appendChild(checkContainer);\r\n });\r\n }\r\n\r\n async function get_Criteria_Type() {\r\n try {\r\n const response = await fetch(api_criteria_type);\r\n const data = await response.json();\r\n items_criteria_type = data.data.filter(item => item.name !== null);\r\n console.log(\"items_criteria_type\", items_criteria_type);\r\n render_CheckContainerForm_Criteria_Type();\r\n } catch (err) {\r\n console.error('Error fetching data for Criteria Type:', err);\r\n }\r\n }\r\n\r\n function render_CheckContainerForm_Courses() {\r\n console.log(\"render_CheckContainerForm_Courses\");\r\n const checkContainerForm_Courses = document.getElementById('checkContainerForm_Courses');\r\n checkContainerForm_Courses.innerHTML = '';\r\n items_courses.forEach(item => {\r\n const checkContainer = document.createElement('label');\r\n checkContainer.textContent = item.name;\r\n checkContainer.classList.add('form-checkBox');\r\n const checkboxElement = document.createElement('input');\r\n checkboxElement.type = 'checkbox';\r\n checkboxElement.value = item.name;\r\n checkboxElement.name = 'courses';\r\n checkboxElement.classList.add('checkboxContainer');\r\n checkboxElement.onchange = applyFilters;\r\n\r\n checkContainer.prepend(checkboxElement);\r\n checkContainerForm_Courses.appendChild(checkContainer);\r\n });\r\n }\r\n\r\n async function get_Courses() {\r\n try {\r\n const response = await fetch(api_courses);\r\n const data = await response.json();\r\n items_courses = data.data.filter(item => item.name !== null);\r\n console.log(\"items_courses\", items_courses);\r\n render_CheckContainerForm_Courses();\r\n } catch (err) {\r\n console.error('Error fetching data for Courses:', err);\r\n }\r\n }\r\n\r\n function render_CheckContainerForm_Scheme_Type() {\r\n console.log(\"render_CheckContainerForm_Scheme_Type\");\r\n const checkContainerForm_Scheme_Type = document.getElementById('checkContainerForm_Scheme_Type');\r\n checkContainerForm_Scheme_Type.innerHTML = '';\r\n items_scheme_type.forEach(item => {\r\n const checkContainer = document.createElement('label');\r\n checkContainer.textContent = item.name;\r\n checkContainer.classList.add('form-checkBox');\r\n const checkboxElement = document.createElement('input');\r\n checkboxElement.type = 'checkbox';\r\n checkboxElement.value = item.name;\r\n checkboxElement.name = 'schemeType';\r\n checkboxElement.classList.add('checkboxContainer');\r\n checkboxElement.onchange = applyFilters;\r\n\r\n checkContainer.prepend(checkboxElement);\r\n checkContainerForm_Scheme_Type.appendChild(checkContainer);\r\n });\r\n }\r\n\r\n async function get_Scheme_Type() {\r\n try {\r\n const response = await fetch(api_scheme_type);\r\n const data = await response.json();\r\n items_scheme_type = data.data.filter(item => item.name !== null);\r\n console.log(\"items_scheme_type\", items_scheme_type);\r\n render_CheckContainerForm_Scheme_Type();\r\n } catch (err) {\r\n console.error('Error fetching data for Scheme Type:', err);\r\n }\r\n }\r\n\r\n \/\/ function render_CheckContainerForm_Scheme_Under() {\r\n \/\/ console.log(\"render_CheckContainerForm_Scheme_Under\");\r\n \/\/ const checkContainerForm_Scheme_Under = document.getElementById('checkContainerForm_Scheme_Under');\r\n \/\/ checkContainerForm_Scheme_Under.innerHTML = '';\r\n \/\/ items_scheme_under.forEach(item => {\r\n \/\/ const checkContainer = document.createElement('label');\r\n \/\/ checkContainer.textContent = item.name;\r\n \/\/ checkContainer.classList.add('form-checkBox');\r\n \/\/ const checkboxElement = document.createElement('input');\r\n \/\/ checkboxElement.type = 'checkbox';\r\n \/\/ checkboxElement.value = item.name;\r\n \/\/ checkboxElement.name = 'Scheme_Under';\r\n \/\/ checkboxElement.classList.add('checkboxContainer');\r\n \/\/ checkboxElement.onchange = applyFilters;\r\n\r\n \/\/ checkContainer.prepend(checkboxElement);\r\n \/\/ checkContainerForm_State_UT.appendChild(checkContainer);\r\n \/\/ });\r\n \/\/ }\r\n\r\n async function get_Scheme_Under() {\r\n try {\r\n const response = await fetch(api_scheme_under);\r\n const data = await response.json();\r\n items_scheme_under = data.data.filter(item => item.name !== null);\r\n console.log(\"items_scheme_under\", items_scheme_under);\r\n \/\/ render_CheckContainerForm_Scheme_Under();\r\n } catch (err) {\r\n console.error('Error fetching data for Scheme Under:', err);\r\n }\r\n }\r\n\r\n function render_CheckContainerForm_State_UT() {\r\n console.log(\"render_CheckContainerForm_State_UT\");\r\n const checkContainerForm_State_UT = document.getElementById('checkContainerForm_State_UT');\r\n checkContainerForm_State_UT.innerHTML = '';\r\n items_state_ut.forEach(item => {\r\n const checkContainer = document.createElement('label');\r\n checkContainer.textContent = item.name;\r\n checkContainer.classList.add('form-checkBox');\r\n const checkboxElement = document.createElement('input');\r\n checkboxElement.type = 'checkbox';\r\n checkboxElement.value = item.name;\r\n checkboxElement.name = 'stateUt';\r\n checkboxElement.classList.add('checkboxContainer');\r\n checkboxElement.onchange = applyFilters;\r\n\r\n checkContainer.prepend(checkboxElement);\r\n checkContainerForm_State_UT.appendChild(checkContainer);\r\n });\r\n }\r\n\r\n async function get_State_UT() {\r\n try {\r\n const response = await fetch(api_state_ut);\r\n const data = await response.json();\r\n items_state_ut = data.data.filter(item => item.name !== null);\r\n console.log(\"items_state_ut\", items_state_ut);\r\n render_CheckContainerForm_State_UT();\r\n } catch (err) {\r\n console.error('Error fetching data for State UT:', err);\r\n }\r\n }\r\n\r\n function toggleVisibility(elementId, isVisible) {\r\n const element = document.getElementById(elementId);\r\n if (element) {\r\n element.style.display = isVisible ? 'block' : 'none';\r\n }\r\n }\r\n\r\n async function getSchemeData() {\r\n const params = new URLSearchParams(window.location.search);\r\n const urlParameters = params.get('category');\r\n\r\n\r\n if (urlParameters === null) {\r\n parentCategory = 'All';\r\n }\r\n else {\r\n if (urlParameters.split(' - ').length <= 2) {\r\n parentCategory = urlParameters.split(' - ')[0];\r\n subCategory = urlParameters.split(' - ')[1];\r\n }\r\n else {\r\n parentCategory = urlParameters.split(' - ')[1];\r\n subCategory = urlParameters.split(' - ')[2];\r\n }\r\n document.getElementById('parentCetegory_text').innerHTML = parentCategory;\r\n }\r\n\r\n \/\/ Logic for different data categories\r\n switch (parentCategory) {\r\n case 'Student':\r\n apiCallUrl = apiUrl_Student;\r\n break;\r\n case 'Women':\r\n apiCallUrl = apiUrl_Women;\r\n break;\r\n case 'Businessman':\r\n apiCallUrl = apiUrl_Businessman;\r\n break;\r\n default:\r\n apiCallUrl = apiUrl_All;\r\n break;\r\n }\r\n\r\n console.log(\"Parent Category: \", parentCategory);\r\n\r\n try {\r\n const response = await fetch(apiCallUrl);\r\n const data = await response.json();\r\n generatedSchemes = data.data;\r\n renderSchemeCards(generatedSchemes);\r\n } catch (err) {\r\n console.error('getSchemeData: Error fetching data:', err);\r\n }\r\n }\r\n\r\n async function getFilterSetting() {\r\n try {\r\n const response = await fetch('https:\/\/minority.universal-software.in\/api\/resource\/JM%20Scheme%20Settings\/JM%20Scheme%20Settings');\r\n const data = await response.json();\r\n const filterData = data.data;\r\n \/\/ Filter out keys starting with \"is_s_\"\r\n const studentSettingsKeys = Object.keys(filterData).filter(key => key.startsWith('is_s_')).sort();\r\n const womenSettingsKeys = Object.keys(filterData).filter(key => key.startsWith('is_w_')).sort();\r\n const businessmanSettingsKeys = Object.keys(filterData).filter(key => key.startsWith('is_b_')).sort();\r\n\r\n studentFilterSettings = studentSettingsKeys.map(key => {\r\n return {\r\n key: key,\r\n value: filterData[key]\r\n };\r\n });\r\n\r\n womenFilterSettings = womenSettingsKeys.map(key => {\r\n return {\r\n key: key,\r\n value: filterData[key]\r\n };\r\n });\r\n\r\n businessmanFilterSettings = businessmanSettingsKeys.map(key => {\r\n return {\r\n key: key,\r\n value: filterData[key]\r\n };\r\n });\r\n\r\n switch (parentCategory) {\r\n case 'Student':\r\n studentFilterSettings.forEach(item => {\r\n filterSettings_Main[item.key] = item.value;\r\n });\r\n renderFilterSettings(filterSettings_Main, parentCategory);\r\n break;\r\n case 'Women':\r\n womenFilterSettings.forEach(item => {\r\n filterSettings_Main[item.key] = item.value;\r\n });\r\n renderFilterSettings(filterSettings_Main, parentCategory);\r\n break;\r\n case 'Businessman':\r\n businessmanFilterSettings.forEach(item => {\r\n filterSettings_Main[item.key] = item.value;\r\n });\r\n renderFilterSettings(filterSettings_Main, parentCategory);\r\n break;\r\n default:\r\n \/\/ renderFilterSettings(filterSettings_Main);\r\n break;\r\n }\r\n } catch (err) {\r\n console.error('getFilterSetting: Error fetching data:', err);\r\n }\r\n }\r\n\r\n function renderFilterSettings(filterSettings, parentCategory) {\r\n let filterCet = '';\r\n if (parentCategory === 'Student') {\r\n filterCet = 's';\r\n } else if (parentCategory === 'Women') {\r\n filterCet = 'w';\r\n } else if (parentCategory === 'Businessman') {\r\n filterCet = 'b';\r\n }\r\n\r\n \/\/ Render filter settings Based on Parent Category\r\n toggleVisibility('institution', filterSettings[`is_${filterCet}_institution`]);\r\n toggleVisibility('collegeCourseLocation', filterSettings[`is_${filterCet}_collegecourse_location`]);\r\n toggleVisibility('incomeList', filterSettings[`is_${filterCet}_income_list`]);\r\n toggleVisibility('age', filterSettings[`is_${filterCet}_age`]);\r\n toggleVisibility('schemeType', filterSettings[`is_${filterCet}_scheme_type`]);\r\n toggleVisibility('courses', filterSettings[`is_${filterCet}_courses`]);\r\n toggleVisibility('criteriaType', filterSettings[`is_${filterCet}_criteria_type`]);\r\n toggleVisibility('criteriaByPercentage', filterSettings[`is_${filterCet}_criteria_by_percentage`]);\r\n toggleVisibility('applicationMode', filterSettings[`is_${filterCet}_app_mode`]);\r\n toggleVisibility('ageCriteria', filterSettings[`is_${filterCet}_age_criteria`]);\r\n toggleVisibility('stateUt', filterSettings[`is_${filterCet}_stateut`]);\r\n toggleVisibility('criteriaByFamilyIncome', filterSettings[`is_${filterCet}_criteria_by_family_income`]);\r\n toggleVisibility('differentlyAbled', filterSettings[`is_${filterCet}_differently_abled`]);\r\n toggleVisibility('residence', filterSettings[`is_${filterCet}_residence`]);\r\n toggleVisibility('employmentStatus', filterSettings[`is_${filterCet}_employment_status`]);\r\n }\r\n\r\n window.onload = function () {\r\n try {\r\n \/\/ Get scheme data\r\n getSchemeData();\r\n \/\/ Get filter settings\r\n getFilterSetting();\r\n\r\n \/\/ Get filter settings based on parent category\r\n get_By_Percentage();\r\n \/\/ get_Criteria();\r\n get_Criteria_Type();\r\n get_Courses();\r\n get_Institute();\r\n get_Scheme_Type();\r\n get_Scheme_Under();\r\n get_State_UT();\r\n\r\n \/\/ Yes \/ No\r\n render_SelectContainerForm_Permanent_Scheme();\r\n render_SelectContainerForm_Criteria_By_Family_Income();\r\n render_SelectContainerForm_Differently_Abled();\r\n\r\n render_SelectContainerForm_Application_Mode();\r\n render_SelectContainerForm_College_Courses_Location();\r\n render_SelectContainerForm_Employment_Status();\r\n \/\/ render_SelectContainerForm_Gender();\r\n render_SelectContainerForm_Residence();\r\n\r\n } catch (error) {\r\n console.error('window.onload: Error:', error.message);\r\n }\r\n };\r\n\r\n function filterByTab(tabElement) {\r\n const tabs = document.querySelectorAll('.tabItem');\r\n tabs.forEach(tab => tab.classList.remove('active'));\r\n tabElement.classList.add('active');\r\n currentTabFilter = tabElement.getAttribute('data-filter');\r\n }\r\n\r\n function renderSchemeCards(schemes) {\r\n const container = document.getElementById('schemeCardsContainer');\r\n container.innerHTML = ''; \/\/ Clear existing cards\r\n\r\n let count_scheme = 0;\r\n if (schemes.length == 0) {\r\n container.innerHTML = `\r\n <div style=\"padding: 20px; font-size: 20px; font-weight: bold; color: #fff; border: 2px solid #ccc; border-radius: 10px; justify-content: center; align-items: center; display: flex; background-color: #1a1a1a;\">\r\n <span>No schemes found...<\/span>\r\n <\/div>`;\r\n }\r\n else {\r\n schemes.forEach(scheme => {\r\n const card = document.createElement('div');\r\n card.classList.add('card');\r\n count_scheme++;\r\n\r\n card.innerHTML = `\r\n <div class=\"scheme_CardItem\"><strong>Scheme Name:<\/strong><p>${scheme.title}<\/p><\/div>\r\n <div class=\"scheme_CardItem\"><strong>Institutions:<\/strong><p>${scheme.jm_institute}<\/p><\/div>\r\n <div class=\"scheme_CardItem\"><strong>Closes On:<\/strong><p>${scheme.end_date}<\/p><\/div>\r\n <div class=\"scheme_CardItem\"><strong>Criteria:<\/strong><p>${scheme.jm_criteria_type}<\/p><\/div>\r\n <div class=\"scheme_CardItem\"><strong>Scheme Type:<\/strong><p>${scheme.jm_scheme_type}<\/p><\/div>\r\n <div class=\"scheme_CardItem\"><strong>Category For:<\/strong><p>${scheme.category}<\/p><\/div>\r\n <div class=\"scheme_CardItem\"><strong>Scheme Under:<\/strong><p>${scheme.jm_scheme_under}<\/p><\/div>\r\n <div class=\"scheme_CardItem\"><strong style=\"width: 100%;\">To Know More Please Click:<\/strong><a href=\"${scheme.add_link}\">${scheme.add_link}<\/a><\/div>\r\n `;\r\n\r\n container.appendChild(card);\r\n });\r\n }\r\n }\r\n\r\n function applyFilters() {\r\n try {\r\n \/\/ Yes \/ No\r\n const filterPermanentScheme = document.getElementById('filterPermanentScheme').value;\r\n const filterCriteriaByFamilyIncome = document.getElementById('filterCriteriaByFamilyIncome').value;\r\n const filterDifferentlyAbled = document.getElementById('filterDifferentlyAbled').value;\r\n \r\n \/\/ Get filter values (Select boxes)\r\n const filterApplicationMode = document.getElementById('filterApplicationMode').value;\r\n const filterCollegeCoursesLocation = document.getElementById('filterCollegeCoursesLocation').value;\r\n const filterEmploymentStatus = document.getElementById('filterEmploymentStatus').value;\r\n const filterResidence = document.getElementById('filterResidence').value;\r\n\r\n \/\/ Get selected values (Checkboxes)\r\n const selectedInstitutions = Array.from(document.querySelectorAll('input[name=\"institution\"]:checked'))\r\n .map(checkbox => checkbox.value);\r\n const selectedCourses = Array.from(document.querySelectorAll('input[name=\"courses\"]:checked'))\r\n .map(checkbox => checkbox.value);\r\n const selectedCriteriaType = Array.from(document.querySelectorAll('input[name=\"criteriaType\"]:checked'))\r\n .map(checkbox => checkbox.value);\r\n const selectedSchemeType = Array.from(document.querySelectorAll('input[name=\"schemeType\"]:checked'))\r\n .map(checkbox => checkbox.value);\r\n const selectedSchemeUnder = Array.from(document.querySelectorAll('input[name=\"schemeUnder\"]:checked'))\r\n .map(checkbox => checkbox.value);\r\n const selectedStateUt = Array.from(document.querySelectorAll('input[name=\"stateUt\"]:checked'))\r\n .map(checkbox => checkbox.value);\r\n\r\n \/\/ Apply the filter logic here based on selected values\r\n const filteredSchemes = generatedSchemes.filter(scheme => {\r\n let match = true;\r\n\r\n \/\/ Check if the scheme matches the selected criteria\r\n if (selectedInstitutions.length > 0 && !selectedInstitutions.includes(scheme.jm_institute)) {\r\n match = false;\r\n console.log(scheme.jm_institute);\r\n }\r\n if (selectedCourses.length > 0 && !selectedCourses.includes(scheme.jm_courses)) {\r\n match = false;\r\n console.log(scheme.jm_course);\r\n }\r\n if (selectedCriteriaType.length > 0 && !selectedCriteriaType.includes(scheme.jm_criteria_type)) {\r\n match = false;\r\n console.log(scheme.jm_criteria_type);\r\n }\r\n if (selectedSchemeType.length > 0 && !selectedSchemeType.includes(scheme.jm_scheme_type)) {\r\n match = false;\r\n console.log(scheme.jm_scheme_type);\r\n }\r\n if (selectedSchemeUnder.length > 0 && !selectedSchemeUnder.includes(scheme.jm_scheme_under)) {\r\n match = false;\r\n console.log(scheme.jm_scheme_under);\r\n }\r\n if (selectedStateUt.length > 0 && !selectedStateUt.includes(scheme.jm_state_ut)) {\r\n match = false;\r\n console.log(scheme.jm_state_ut);\r\n }\r\n\r\n \/\/ Yes \/ No\r\n if (filterPermanentScheme && (filterPermanentScheme.toLowerCase() === 'true') !== Boolean(scheme.is_permanent_scheme)) {\r\n match = false;\r\n }\r\n if (filterCriteriaByFamilyIncome && (filterCriteriaByFamilyIncome.toLowerCase() === 'true') !== Boolean(scheme.criteria_by_family_income)) {\r\n match = false;\r\n }\r\n if (filterDifferentlyAbled && (filterDifferentlyAbled.toLowerCase() === 'true') !== Boolean(scheme.is_differently_abled)) {\r\n match = false;\r\n }\r\n\r\n \/\/ Check if the scheme matches the select box values\r\n if (filterApplicationMode && scheme.application_mode !== filterApplicationMode) {\r\n match = false;\r\n }\r\n if (filterCollegeCoursesLocation && scheme.college_courses_location !== filterCollegeCoursesLocation) {\r\n match = false;\r\n }\r\n if (filterEmploymentStatus && scheme.employment_status !== filterEmploymentStatus) {\r\n match = false;\r\n }\r\n if (filterResidence && scheme.residence !== filterResidence) {\r\n match = false;\r\n }\r\n\r\n return match;\r\n });\r\n\r\n \/\/ Render the filtered schemes\r\n renderSchemeCards(filteredSchemes);\r\n\r\n } catch (error) {\r\n console.error('applyFilters: Error applying filters:', error.message);\r\n }\r\n }\r\n\r\n function resetFilters() {\r\n try {\r\n \/\/ Yes \/ No\r\n document.getElementById('filterPermanentScheme').value = '';\r\n document.getElementById('filterCriteriaByFamilyIncome').value = '';\r\n document.getElementById('filterDifferentlyAbled').value = '';\r\n\r\n document.getElementById('filterApplicationMode').value = '';\r\n document.getElementById('filterCollegeCoursesLocation').value = '';\r\n document.getElementById('filterEmploymentStatus').value = '';\r\n document.getElementById('filterResidence').value = '';\r\n\r\n document.querySelectorAll('input[name=\"institution\"]').forEach(checkbox => checkbox.checked = false);\r\n document.querySelectorAll('input[name=\"courses\"]').forEach(checkbox => checkbox.checked = false);\r\n document.querySelectorAll('input[name=\"criteriaType\"]').forEach(checkbox => checkbox.checked = false);\r\n document.querySelectorAll('input[name=\"schemeType\"]').forEach(checkbox => checkbox.checked = false);\r\n document.querySelectorAll('input[name=\"schemeUnder\"]').forEach(checkbox => checkbox.checked = false);\r\n document.querySelectorAll('input[name=\"stateUt\"]').forEach(checkbox => checkbox.checked = false);\r\n\r\n applyFilters();\r\n } catch (error) {\r\n console.error('resetFilters: Error resetting filters:', error.message);\r\n }\r\n }\r\n\r\n<\/script>\r\n\r\n<\/html>\r\n\r\n\r\n\r\n<script>\r\n document.addEventListener('DOMContentLoaded', () => {\r\n const accordionContainerButtons = document.querySelectorAll('.accordionContainer-button');\r\n\r\n accordionContainerButtons.forEach(button => {\r\n button.addEventListener('click', () => {\r\n const content = button.nextElementSibling;\r\n const icon = button.querySelector('.icon');\r\n const isOpen = content.style.maxHeight && content.style.maxHeight !== '0px';\r\n\r\n if (isOpen) {\r\n content.style.maxHeight = '0px';\r\n \/\/ content.style.visibility = 'hidden';\r\n icon.style.transform = 'rotate(0deg)';\r\n } else {\r\n let applyHeight = content.scrollHeight;\r\n content.style.maxHeight = applyHeight + 'px';\r\n \/\/ content.style.visibility = 'visible';\r\n icon.style.transform = 'rotate(45deg)';\r\n }\r\n });\r\n });\r\n\r\n \/\/ Apply height on resize\r\n window.addEventListener('resize', () => {\r\n accordionContainerButtons.forEach(button => {\r\n const content = button.nextElementSibling;\r\n const isOpen = content.style.maxHeight && content.style.maxHeight !== '0px';\r\n if (isOpen) {\r\n let applyHeight = content.scrollHeight;\r\n content.style.maxHeight = applyHeight + 'px';\r\n }\r\n });\r\n });\r\n });\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>test api Scheme Container & Filter For Women Filters For Reset Filters Permanent Scheme + Institution + College Course Location […]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"boxed","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"disabled","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"disabled","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-6380","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>api-test -<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jitominority.in\/index.php\/api-test\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"api-test -\" \/>\n<meta property=\"og:description\" content=\"test api Scheme Container & Filter For Women Filters For Reset Filters Permanent Scheme + Institution + College Course Location […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jitominority.in\/index.php\/api-test\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-17T05:15:35+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jitominority.in\\\/index.php\\\/api-test\\\/\",\"url\":\"https:\\\/\\\/jitominority.in\\\/index.php\\\/api-test\\\/\",\"name\":\"api-test -\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jitominority.in\\\/#website\"},\"datePublished\":\"2024-07-17T05:10:32+00:00\",\"dateModified\":\"2024-07-17T05:15:35+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jitominority.in\\\/index.php\\\/api-test\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jitominority.in\\\/index.php\\\/api-test\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jitominority.in\\\/index.php\\\/api-test\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/jitominority.in\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"api-test\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jitominority.in\\\/#website\",\"url\":\"https:\\\/\\\/jitominority.in\\\/\",\"name\":\"https:\\\/\\\/jitominority.in\\\/\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/jitominority.in\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jitominority.in\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/jitominority.in\\\/#organization\",\"name\":\"https:\\\/\\\/jitominority.in\\\/\",\"url\":\"https:\\\/\\\/jitominority.in\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/jitominority.in\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/jitominority.in\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/cropped-minority-logo.png\",\"contentUrl\":\"https:\\\/\\\/jitominority.in\\\/wp-content\\\/uploads\\\/2024\\\/03\\\/cropped-minority-logo.png\",\"width\":99,\"height\":50,\"caption\":\"https:\\\/\\\/jitominority.in\\\/\"},\"image\":{\"@id\":\"https:\\\/\\\/jitominority.in\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n","yoast_head_json":{"title":"api-test -","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jitominority.in\/index.php\/api-test\/","og_locale":"en_US","og_type":"article","og_title":"api-test -","og_description":"test api Scheme Container & Filter For Women Filters For Reset Filters Permanent Scheme + Institution + College Course Location […]","og_url":"https:\/\/jitominority.in\/index.php\/api-test\/","article_modified_time":"2024-07-17T05:15:35+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jitominority.in\/index.php\/api-test\/","url":"https:\/\/jitominority.in\/index.php\/api-test\/","name":"api-test -","isPartOf":{"@id":"https:\/\/jitominority.in\/#website"},"datePublished":"2024-07-17T05:10:32+00:00","dateModified":"2024-07-17T05:15:35+00:00","breadcrumb":{"@id":"https:\/\/jitominority.in\/index.php\/api-test\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jitominority.in\/index.php\/api-test\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jitominority.in\/index.php\/api-test\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jitominority.in\/"},{"@type":"ListItem","position":2,"name":"api-test"}]},{"@type":"WebSite","@id":"https:\/\/jitominority.in\/#website","url":"https:\/\/jitominority.in\/","name":"https:\/\/jitominority.in\/","description":"","publisher":{"@id":"https:\/\/jitominority.in\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jitominority.in\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/jitominority.in\/#organization","name":"https:\/\/jitominority.in\/","url":"https:\/\/jitominority.in\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/jitominority.in\/#\/schema\/logo\/image\/","url":"https:\/\/jitominority.in\/wp-content\/uploads\/2024\/03\/cropped-minority-logo.png","contentUrl":"https:\/\/jitominority.in\/wp-content\/uploads\/2024\/03\/cropped-minority-logo.png","width":99,"height":50,"caption":"https:\/\/jitominority.in\/"},"image":{"@id":"https:\/\/jitominority.in\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/jitominority.in\/index.php\/wp-json\/wp\/v2\/pages\/6380","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jitominority.in\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jitominority.in\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jitominority.in\/index.php\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/jitominority.in\/index.php\/wp-json\/wp\/v2\/comments?post=6380"}],"version-history":[{"count":0,"href":"https:\/\/jitominority.in\/index.php\/wp-json\/wp\/v2\/pages\/6380\/revisions"}],"wp:attachment":[{"href":"https:\/\/jitominority.in\/index.php\/wp-json\/wp\/v2\/media?parent=6380"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}