Modern Layout for Data<\/title>\n<style>\n \/* Pagination styles *\/\n .pagination-container {\n margin-top: 10px;\n text-align: center;\n display: flex;\n justify-content: flex-end;\n align-items: baseline;\n flex-direction: row;\n flex-wrap: nowrap;\n align-content: space-around;\n \/* margin-left: 10px;\n margin-right: 10px;*\/\n \n}\n\/* Pagination button styles *\/\n.pre {\n background-color: white!important;\n border: 1px solid #043e87!important;\n color: #043e87!important;\n margin: 4px!important;\n padding: 9px;\n border-radius: 8px;\n}\n\n.pagination-container button {\n background-color: white!important;\n border: 1px solid #043e87!important;\n color: #043e87!important;\n margin: 4px!important;\n padding: 9px;\n\n}\n\n.pagination-container button:hover {\n background-color: #043e87;\n color: #fff;\n}\n\n .pagination-container a,\n .pagination-container span {\n display: inline-block;\n padding: 4px 10px 4px 8px;\n margin-right: 5px;\n border: 1px solid #ddd;\n background-color: #f9f9f9;\n color: #333;\n text-decoration: none;\n border-radius: 100px;\n }\n\n.pagination-container>a{\n \n\ncolor: #043E87;\n padding-left: 8px;\n border: 1px solid;\n border-radius: 100px;\n padding-right: 8px;\n padding-top: 4px;\n padding-bottom: 2px;\n margin: 3px;\n}\n\n\n\n\n\n .pagination-container a:hover {\n background-color: #043E87;\n color: #fff;\n }\n\n .pagination-container a.active,\n .pagination-container span.active {\n background-color: orange !important;\n color: #fff;\n padding: 4px 10px 4px 8px;\n border-radius: 100px;\n }\n\n \/* Table styles *\/\n table {\n width: 100%;\n border-collapse: collapse;\n margin-bottom: 20px;\n }\n\n th, td {\n border: 1px solid #ddd;\n padding: 8px;\n text-align: left;\n }\n\n th {\n background-color: #f2f2f2;\n }\n\n \/* Card styles *\/\n .card-container1 {\n display: none;\n }\n\n .card1 {\n padding: 30px;\n margin-bottom: 20px;\n border: 1px solid #ddd;\n border-radius: 5px;\n }\n\n .card-header1 {\n font-size: 0.9em;\n color: #777;\n margin-bottom: 5px;\n }\n\n .card-title1 {\n font-size: 25px;\n font-weight: bold;\n margin-bottom: 10px;\n }\n\n .card-content1 {\n font-size: 20px;\n color: #333;\n margin-bottom: 15px;\n }\n\n .card-link1 {\n text-decoration: none;\n color: white;\n background-color: #007bff;\n padding: 10px 15px;\n border-radius: 5px;\n font-size: 20px;\n }\n .pre{\n padding: 10px!important;\n margin: 10px!important;\n border-radius: 6px!important;\n color: black!important;\n border-color: black!important;\n }\n .pre:hover{background-color: #043e87;\n color: white!important; }\n .th2{\n background-color: #043e87;\n color: white;\n}\n<\/style>\n<\/head>\n<body>\n\n<table id=\"announcement-table\">\n <thead>\n <tr>\n <th class=\"th2\">\u0b2a\u0b4d\u0b30\u0b15\u0b3e\u0b36\u0b3f\u0b24 \u0b24\u0b3e\u0b30\u0b3f\u0b16<\/th>\n <th class=\"th2\">\u0b2a\u0b4d\u0b30\u0b47\u0b38\u0b4d \u0b2c\u0b3f\u0b1c\u0b4d\u0b1e\u0b2a\u0b4d\u0b24\u0b3f<\/th>\n <th class=\"th2\">\u0b15\u0b3e\u0b17\u0b1c\u0b2a\u0b24\u0b4d\u0b30<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n \n <\/tbody>\n<\/table>\n\n<div class=\"pagination-container\">\n <button onclick=\"goToPreviousPage()\">\u0b2a\u0b42\u0b30\u0b4d\u0b2c\u0b30\u0b41<\/button>\n <div id=\"pagination-container\" class=\"pagination-container\">\n \n <\/div>\n <button onclick=\"goToNextPage()\">\u0b2a\u0b30\u0b2c\u0b30\u0b4d\u0b24\u0b4d\u0b24\u0b40 \u0b38\u0b2e\u0b5f\u0b30\u0b47 <\/button>\n<\/div>\n\n<script>\nlet currentPage = 1;\nconst perPage = 7;\nlet totalPages = 0;\n\nasync function fetchData(page = 1) {\n try {\n const url = `https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/press-releases?page=${page}&per_page=${perPage}`;\n const response = await fetch(url);\n const url1 = `https:\/\/ncfe.org.in\/wp-json\/wp\/v2\/press-releases`;\n const response2 = await fetch(url1);\n if (!response.ok) {\n throw new Error(`HTTP error! Status: ${response.status}`);\n }\n \n const data = await response.json();\n console.log(\"Fetched data:\", data); \/\/ Log the fetched data array\n const tableBody = document.querySelector('#announcement-table tbody');\n tableBody.innerHTML = ''; \/\/ Clear existing rows\n\n data.forEach((item) => {\n const row = document.createElement('tr');\n appendCell(row, 'td', \"N\/A\");\n appendCell(row, 'td', item.title.rendered);\n appendDocumentLink(row, item); \/\/ Pass the entire item object\n console.log(\"Processing item:\", item); \/\/ Log the item being processed\n tableBody.appendChild(row);\n });\n\n totalPages = Math.ceil(data.length \/ perPage);\n updatePagination();\n } catch (error) {\n console.error('Error:', error);\n }\n}\n\nasync function appendDocumentLink(row, item) {\n console.log(\"Appending document link for item:\", item);\n\n \/\/ Ensure item is defined and has acf property\n if (!item || !item.acf) {\n console.log(\"Invalid item or item does not have acf property:\", item);\n appendNoDocumentCell(row);\n return;\n }\n\n const documentId = item.acf.press_release_pdf;\n\n if (!documentId) {\n console.log(\"No document available for item:\", item);\n appendNoDocumentCell(row);\n return;\n }\n\n console.log(\"Document ID found:\", documentId);\n\n \/\/ Check if documentId is a string and if it's directly a URL\n if (typeof documentId === 'string' && documentId.includes(\"http\")) {\n console.log(\"Document ID is a direct URL:\", documentId);\n const docCell = document.createElement('td');\n const docLink = document.createElement('a');\n docLink.href = documentId; \/\/ Directly use documentId as the URL\n docLink.innerHTML = \"<img src='https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/12\/ico_pdf.svg' alt='Download Document'>\";\n docLink.target = '_blank';\n docCell.appendChild(docLink);\n row.appendChild(docCell);\n } else {\n console.log(\"Fetching document details for ID:\", documentId);\n \/\/ Assume documentId is an ID that needs to fetch the URL\n const mediaUrl = `https:\/\/ncfe.org.in\/hi\/wp-json\/wp\/v2\/media\/${documentId.ID || documentId.id}`;\n try {\n const response = await fetch(mediaUrl);\n if (!response.ok) throw new Error(`HTTP error! Status: ${response.status}`);\n const mediaItem = await response.json();\n console.log(\"Media item details:\", mediaItem);\n const docCell = document.createElement('td');\n const docLink = document.createElement('a');\n docLink.href = mediaItem.guid.rendered;\n docLink.innerHTML = \"<img src='https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/12\/ico_pdf.svg' alt='Download Document'>\";\n docLink.target = '_blank';\n docCell.appendChild(docLink);\n row.appendChild(docCell);\n } catch (error) {\n console.error('Error fetching document details:', error);\n appendNoDocumentCell(row);\n }\n }\n}\n\nfunction appendCell(row, elementType, text) {\n const cell = document.createElement(elementType);\n cell.innerHTML = text;\n row.appendChild(cell);\n}\n\nfunction appendNoDocumentCell(row) {\n const noDocCell = document.createElement('td');\n noDocCell.textContent = '\u0b15\u0b4c\u0b23\u0b38\u0b3f \u0b21\u0b3e\u0b1f\u0b3e \u0b09\u0b2a\u0b32\u0b2c\u0b4d\u0b27 \u0b28\u0b3e\u0b39\u0b3f\u0b01';\n row.appendChild(noDocCell);\n}\n\nfunction goToPreviousPage() {\n if (currentPage > 1) {\n currentPage--;\n fetchData(currentPage);\n }\n}\n\nfunction goToNextPage() {\n if (currentPage < totalPages) {\n currentPage++;\n fetchData(currentPage);\n }\n}\n\nfunction updatePagination() {\n const paginationContainer = document.getElementById('pagination-container');\n paginationContainer.innerHTML = ''; \/\/ Clear existing pagination buttons\n\n for (let i = 1; i <= totalPages; i++) {\n const pageButton = document.createElement('button');\n pageButton.textContent = i;\n pageButton.addEventListener('click', () => {\n currentPage = i;\n fetchData(i);\n });\n\n if (i === currentPage) {\n pageButton.classList.add('active');\n }\n paginationContainer.appendChild(pageButton);\n }\n}\n\nfetchData(currentPage);\n<\/script>\n<\/body>\n<\/html>\n\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>Modern Layout for Data \u0b2a\u0b4d\u0b30\u0b15\u0b3e\u0b36\u0b3f\u0b24 \u0b24\u0b3e\u0b30\u0b3f\u0b16 \u0b2a\u0b4d\u0b30\u0b47\u0b38\u0b4d \u0b2c\u0b3f\u0b1c\u0b4d\u0b1e\u0b2a\u0b4d\u0b24\u0b3f \u0b15\u0b3e\u0b17\u0b1c\u0b2a\u0b24\u0b4d\u0b30 \u0b2a\u0b42\u0b30\u0b4d\u0b2c\u0b30\u0b41 \u0b2a\u0b30\u0b2c\u0b30\u0b4d\u0b24\u0b4d\u0b24\u0b40 \u0b38\u0b2e\u0b5f\u0b30\u0b47<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-13478","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>\u0b2a\u0b4d\u0b30\u0b47\u0b38\u0b4d \u0b2c\u0b3f\u0b1c\u0b4d\u0b1e\u0b2a\u0b4d\u0b24\u0b3f - Odia<\/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:\/\/ncfe.org.in\/od\/press-release\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0b2a\u0b4d\u0b30\u0b47\u0b38\u0b4d \u0b2c\u0b3f\u0b1c\u0b4d\u0b1e\u0b2a\u0b4d\u0b24\u0b3f - Odia\" \/>\n<meta property=\"og:description\" content=\"Modern Layout for Data \u0b2a\u0b4d\u0b30\u0b15\u0b3e\u0b36\u0b3f\u0b24 \u0b24\u0b3e\u0b30\u0b3f\u0b16 \u0b2a\u0b4d\u0b30\u0b47\u0b38\u0b4d \u0b2c\u0b3f\u0b1c\u0b4d\u0b1e\u0b2a\u0b4d\u0b24\u0b3f \u0b15\u0b3e\u0b17\u0b1c\u0b2a\u0b24\u0b4d\u0b30 \u0b2a\u0b42\u0b30\u0b4d\u0b2c\u0b30\u0b41 \u0b2a\u0b30\u0b2c\u0b30\u0b4d\u0b24\u0b4d\u0b24\u0b40 \u0b38\u0b2e\u0b5f\u0b30\u0b47\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ncfe.org.in\/od\/press-release\/\" \/>\n<meta property=\"og:site_name\" content=\"Odia\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-01T10:55:12+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:\/\/ncfe.org.in\/od\/press-release\/\",\"url\":\"https:\/\/ncfe.org.in\/od\/press-release\/\",\"name\":\"\u0b2a\u0b4d\u0b30\u0b47\u0b38\u0b4d \u0b2c\u0b3f\u0b1c\u0b4d\u0b1e\u0b2a\u0b4d\u0b24\u0b3f - Odia\",\"isPartOf\":{\"@id\":\"https:\/\/ncfe.org.in\/od\/#website\"},\"datePublished\":\"2024-04-09T18:43:30+00:00\",\"dateModified\":\"2024-05-01T10:55:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ncfe.org.in\/od\/press-release\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ncfe.org.in\/od\/press-release\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ncfe.org.in\/od\/press-release\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ncfe.org.in\/od\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0b2a\u0b4d\u0b30\u0b47\u0b38\u0b4d \u0b2c\u0b3f\u0b1c\u0b4d\u0b1e\u0b2a\u0b4d\u0b24\u0b3f\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ncfe.org.in\/od\/#website\",\"url\":\"https:\/\/ncfe.org.in\/od\/\",\"name\":\"Odia\",\"description\":\"National Centre for Financial Education (NCFE) is a Section 8 (Not for Profit) Company promoted by Reserve Bank of India (RBI), Securities and Exchange Board of India (SEBI), Insurance Regulatory and Development Authority of India (IRDAI) and Pension Fund Regulatory and Development Authority (PFRDA), under the aegis of Financial Stability and Development Council (FSDC), Ministry of Finance, Government of India.\",\"publisher\":{\"@id\":\"https:\/\/ncfe.org.in\/od\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ncfe.org.in\/od\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ncfe.org.in\/od\/#organization\",\"name\":\"Odia\",\"url\":\"https:\/\/ncfe.org.in\/od\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ncfe.org.in\/od\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/11\/NCFE_logo.png\",\"contentUrl\":\"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/11\/NCFE_logo.png\",\"width\":436,\"height\":113,\"caption\":\"Odia\"},\"image\":{\"@id\":\"https:\/\/ncfe.org.in\/od\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"\u0b2a\u0b4d\u0b30\u0b47\u0b38\u0b4d \u0b2c\u0b3f\u0b1c\u0b4d\u0b1e\u0b2a\u0b4d\u0b24\u0b3f - Odia","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:\/\/ncfe.org.in\/od\/press-release\/","og_locale":"en_US","og_type":"article","og_title":"\u0b2a\u0b4d\u0b30\u0b47\u0b38\u0b4d \u0b2c\u0b3f\u0b1c\u0b4d\u0b1e\u0b2a\u0b4d\u0b24\u0b3f - Odia","og_description":"Modern Layout for Data \u0b2a\u0b4d\u0b30\u0b15\u0b3e\u0b36\u0b3f\u0b24 \u0b24\u0b3e\u0b30\u0b3f\u0b16 \u0b2a\u0b4d\u0b30\u0b47\u0b38\u0b4d \u0b2c\u0b3f\u0b1c\u0b4d\u0b1e\u0b2a\u0b4d\u0b24\u0b3f \u0b15\u0b3e\u0b17\u0b1c\u0b2a\u0b24\u0b4d\u0b30 \u0b2a\u0b42\u0b30\u0b4d\u0b2c\u0b30\u0b41 \u0b2a\u0b30\u0b2c\u0b30\u0b4d\u0b24\u0b4d\u0b24\u0b40 \u0b38\u0b2e\u0b5f\u0b30\u0b47","og_url":"https:\/\/ncfe.org.in\/od\/press-release\/","og_site_name":"Odia","article_modified_time":"2024-05-01T10:55:12+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ncfe.org.in\/od\/press-release\/","url":"https:\/\/ncfe.org.in\/od\/press-release\/","name":"\u0b2a\u0b4d\u0b30\u0b47\u0b38\u0b4d \u0b2c\u0b3f\u0b1c\u0b4d\u0b1e\u0b2a\u0b4d\u0b24\u0b3f - Odia","isPartOf":{"@id":"https:\/\/ncfe.org.in\/od\/#website"},"datePublished":"2024-04-09T18:43:30+00:00","dateModified":"2024-05-01T10:55:12+00:00","breadcrumb":{"@id":"https:\/\/ncfe.org.in\/od\/press-release\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ncfe.org.in\/od\/press-release\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ncfe.org.in\/od\/press-release\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ncfe.org.in\/od\/"},{"@type":"ListItem","position":2,"name":"\u0b2a\u0b4d\u0b30\u0b47\u0b38\u0b4d \u0b2c\u0b3f\u0b1c\u0b4d\u0b1e\u0b2a\u0b4d\u0b24\u0b3f"}]},{"@type":"WebSite","@id":"https:\/\/ncfe.org.in\/od\/#website","url":"https:\/\/ncfe.org.in\/od\/","name":"Odia","description":"National Centre for Financial Education (NCFE) is a Section 8 (Not for Profit) Company promoted by Reserve Bank of India (RBI), Securities and Exchange Board of India (SEBI), Insurance Regulatory and Development Authority of India (IRDAI) and Pension Fund Regulatory and Development Authority (PFRDA), under the aegis of Financial Stability and Development Council (FSDC), Ministry of Finance, Government of India.","publisher":{"@id":"https:\/\/ncfe.org.in\/od\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ncfe.org.in\/od\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ncfe.org.in\/od\/#organization","name":"Odia","url":"https:\/\/ncfe.org.in\/od\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ncfe.org.in\/od\/#\/schema\/logo\/image\/","url":"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/11\/NCFE_logo.png","contentUrl":"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/11\/NCFE_logo.png","width":436,"height":113,"caption":"Odia"},"image":{"@id":"https:\/\/ncfe.org.in\/od\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/pages\/13478","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/comments?post=13478"}],"version-history":[{"count":105,"href":"https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/pages\/13478\/revisions"}],"predecessor-version":[{"id":20144,"href":"https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/pages\/13478\/revisions\/20144"}],"wp:attachment":[{"href":"https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/media?parent=13478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\n\n\n\n\nModern Layout for Data<\/title>\n<style>\n \/* Pagination styles *\/\n .pagination-container {\n margin-top: 10px;\n text-align: center;\n display: flex;\n justify-content: flex-end;\n align-items: baseline;\n flex-direction: row;\n flex-wrap: nowrap;\n align-content: space-around;\n \/* margin-left: 10px;\n margin-right: 10px;*\/\n \n}\n\/* Pagination button styles *\/\n.pre {\n background-color: white!important;\n border: 1px solid #043e87!important;\n color: #043e87!important;\n margin: 4px!important;\n padding: 9px;\n border-radius: 8px;\n}\n\n.pagination-container button {\n background-color: white!important;\n border: 1px solid #043e87!important;\n color: #043e87!important;\n margin: 4px!important;\n padding: 9px;\n\n}\n\n.pagination-container button:hover {\n background-color: #043e87;\n color: #fff;\n}\n\n .pagination-container a,\n .pagination-container span {\n display: inline-block;\n padding: 4px 10px 4px 8px;\n margin-right: 5px;\n border: 1px solid #ddd;\n background-color: #f9f9f9;\n color: #333;\n text-decoration: none;\n border-radius: 100px;\n }\n\n.pagination-container>a{\n \n\ncolor: #043E87;\n padding-left: 8px;\n border: 1px solid;\n border-radius: 100px;\n padding-right: 8px;\n padding-top: 4px;\n padding-bottom: 2px;\n margin: 3px;\n}\n\n\n\n\n\n .pagination-container a:hover {\n background-color: #043E87;\n color: #fff;\n }\n\n .pagination-container a.active,\n .pagination-container span.active {\n background-color: orange !important;\n color: #fff;\n padding: 4px 10px 4px 8px;\n border-radius: 100px;\n }\n\n \/* Table styles *\/\n table {\n width: 100%;\n border-collapse: collapse;\n margin-bottom: 20px;\n }\n\n th, td {\n border: 1px solid #ddd;\n padding: 8px;\n text-align: left;\n }\n\n th {\n background-color: #f2f2f2;\n }\n\n \/* Card styles *\/\n .card-container1 {\n display: none;\n }\n\n .card1 {\n padding: 30px;\n margin-bottom: 20px;\n border: 1px solid #ddd;\n border-radius: 5px;\n }\n\n .card-header1 {\n font-size: 0.9em;\n color: #777;\n margin-bottom: 5px;\n }\n\n .card-title1 {\n font-size: 25px;\n font-weight: bold;\n margin-bottom: 10px;\n }\n\n .card-content1 {\n font-size: 20px;\n color: #333;\n margin-bottom: 15px;\n }\n\n .card-link1 {\n text-decoration: none;\n color: white;\n background-color: #007bff;\n padding: 10px 15px;\n border-radius: 5px;\n font-size: 20px;\n }\n .pre{\n padding: 10px!important;\n margin: 10px!important;\n border-radius: 6px!important;\n color: black!important;\n border-color: black!important;\n }\n .pre:hover{background-color: #043e87;\n color: white!important; }\n .th2{\n background-color: #043e87;\n color: white;\n}\n<\/style>\n<\/head>\n<body>\n\n<table id=\"announcement-table\">\n <thead>\n <tr>\n <th class=\"th2\">\u0b2a\u0b4d\u0b30\u0b15\u0b3e\u0b36\u0b3f\u0b24 \u0b24\u0b3e\u0b30\u0b3f\u0b16<\/th>\n <th class=\"th2\">\u0b2a\u0b4d\u0b30\u0b47\u0b38\u0b4d \u0b2c\u0b3f\u0b1c\u0b4d\u0b1e\u0b2a\u0b4d\u0b24\u0b3f<\/th>\n <th class=\"th2\">\u0b15\u0b3e\u0b17\u0b1c\u0b2a\u0b24\u0b4d\u0b30<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n \n <\/tbody>\n<\/table>\n\n<div class=\"pagination-container\">\n <button onclick=\"goToPreviousPage()\">\u0b2a\u0b42\u0b30\u0b4d\u0b2c\u0b30\u0b41<\/button>\n <div id=\"pagination-container\" class=\"pagination-container\">\n \n <\/div>\n <button onclick=\"goToNextPage()\">\u0b2a\u0b30\u0b2c\u0b30\u0b4d\u0b24\u0b4d\u0b24\u0b40 \u0b38\u0b2e\u0b5f\u0b30\u0b47 <\/button>\n<\/div>\n\n<script>\nlet currentPage = 1;\nconst perPage = 7;\nlet totalPages = 0;\n\nasync function fetchData(page = 1) {\n try {\n const url = `https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/press-releases?page=${page}&per_page=${perPage}`;\n const response = await fetch(url);\n const url1 = `https:\/\/ncfe.org.in\/wp-json\/wp\/v2\/press-releases`;\n const response2 = await fetch(url1);\n if (!response.ok) {\n throw new Error(`HTTP error! Status: ${response.status}`);\n }\n \n const data = await response.json();\n console.log(\"Fetched data:\", data); \/\/ Log the fetched data array\n const tableBody = document.querySelector('#announcement-table tbody');\n tableBody.innerHTML = ''; \/\/ Clear existing rows\n\n data.forEach((item) => {\n const row = document.createElement('tr');\n appendCell(row, 'td', \"N\/A\");\n appendCell(row, 'td', item.title.rendered);\n appendDocumentLink(row, item); \/\/ Pass the entire item object\n console.log(\"Processing item:\", item); \/\/ Log the item being processed\n tableBody.appendChild(row);\n });\n\n totalPages = Math.ceil(data.length \/ perPage);\n updatePagination();\n } catch (error) {\n console.error('Error:', error);\n }\n}\n\nasync function appendDocumentLink(row, item) {\n console.log(\"Appending document link for item:\", item);\n\n \/\/ Ensure item is defined and has acf property\n if (!item || !item.acf) {\n console.log(\"Invalid item or item does not have acf property:\", item);\n appendNoDocumentCell(row);\n return;\n }\n\n const documentId = item.acf.press_release_pdf;\n\n if (!documentId) {\n console.log(\"No document available for item:\", item);\n appendNoDocumentCell(row);\n return;\n }\n\n console.log(\"Document ID found:\", documentId);\n\n \/\/ Check if documentId is a string and if it's directly a URL\n if (typeof documentId === 'string' && documentId.includes(\"http\")) {\n console.log(\"Document ID is a direct URL:\", documentId);\n const docCell = document.createElement('td');\n const docLink = document.createElement('a');\n docLink.href = documentId; \/\/ Directly use documentId as the URL\n docLink.innerHTML = \"<img src='https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/12\/ico_pdf.svg' alt='Download Document'>\";\n docLink.target = '_blank';\n docCell.appendChild(docLink);\n row.appendChild(docCell);\n } else {\n console.log(\"Fetching document details for ID:\", documentId);\n \/\/ Assume documentId is an ID that needs to fetch the URL\n const mediaUrl = `https:\/\/ncfe.org.in\/hi\/wp-json\/wp\/v2\/media\/${documentId.ID || documentId.id}`;\n try {\n const response = await fetch(mediaUrl);\n if (!response.ok) throw new Error(`HTTP error! Status: ${response.status}`);\n const mediaItem = await response.json();\n console.log(\"Media item details:\", mediaItem);\n const docCell = document.createElement('td');\n const docLink = document.createElement('a');\n docLink.href = mediaItem.guid.rendered;\n docLink.innerHTML = \"<img src='https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/12\/ico_pdf.svg' alt='Download Document'>\";\n docLink.target = '_blank';\n docCell.appendChild(docLink);\n row.appendChild(docCell);\n } catch (error) {\n console.error('Error fetching document details:', error);\n appendNoDocumentCell(row);\n }\n }\n}\n\nfunction appendCell(row, elementType, text) {\n const cell = document.createElement(elementType);\n cell.innerHTML = text;\n row.appendChild(cell);\n}\n\nfunction appendNoDocumentCell(row) {\n const noDocCell = document.createElement('td');\n noDocCell.textContent = '\u0b15\u0b4c\u0b23\u0b38\u0b3f \u0b21\u0b3e\u0b1f\u0b3e \u0b09\u0b2a\u0b32\u0b2c\u0b4d\u0b27 \u0b28\u0b3e\u0b39\u0b3f\u0b01';\n row.appendChild(noDocCell);\n}\n\nfunction goToPreviousPage() {\n if (currentPage > 1) {\n currentPage--;\n fetchData(currentPage);\n }\n}\n\nfunction goToNextPage() {\n if (currentPage < totalPages) {\n currentPage++;\n fetchData(currentPage);\n }\n}\n\nfunction updatePagination() {\n const paginationContainer = document.getElementById('pagination-container');\n paginationContainer.innerHTML = ''; \/\/ Clear existing pagination buttons\n\n for (let i = 1; i <= totalPages; i++) {\n const pageButton = document.createElement('button');\n pageButton.textContent = i;\n pageButton.addEventListener('click', () => {\n currentPage = i;\n fetchData(i);\n });\n\n if (i === currentPage) {\n pageButton.classList.add('active');\n }\n paginationContainer.appendChild(pageButton);\n }\n}\n\nfetchData(currentPage);\n<\/script>\n<\/body>\n<\/html>\n\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>Modern Layout for Data \u0b2a\u0b4d\u0b30\u0b15\u0b3e\u0b36\u0b3f\u0b24 \u0b24\u0b3e\u0b30\u0b3f\u0b16 \u0b2a\u0b4d\u0b30\u0b47\u0b38\u0b4d \u0b2c\u0b3f\u0b1c\u0b4d\u0b1e\u0b2a\u0b4d\u0b24\u0b3f \u0b15\u0b3e\u0b17\u0b1c\u0b2a\u0b24\u0b4d\u0b30 \u0b2a\u0b42\u0b30\u0b4d\u0b2c\u0b30\u0b41 \u0b2a\u0b30\u0b2c\u0b30\u0b4d\u0b24\u0b4d\u0b24\u0b40 \u0b38\u0b2e\u0b5f\u0b30\u0b47<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-13478","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"\n<title>\u0b2a\u0b4d\u0b30\u0b47\u0b38\u0b4d \u0b2c\u0b3f\u0b1c\u0b4d\u0b1e\u0b2a\u0b4d\u0b24\u0b3f - Odia<\/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:\/\/ncfe.org.in\/od\/press-release\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0b2a\u0b4d\u0b30\u0b47\u0b38\u0b4d \u0b2c\u0b3f\u0b1c\u0b4d\u0b1e\u0b2a\u0b4d\u0b24\u0b3f - Odia\" \/>\n<meta property=\"og:description\" content=\"Modern Layout for Data \u0b2a\u0b4d\u0b30\u0b15\u0b3e\u0b36\u0b3f\u0b24 \u0b24\u0b3e\u0b30\u0b3f\u0b16 \u0b2a\u0b4d\u0b30\u0b47\u0b38\u0b4d \u0b2c\u0b3f\u0b1c\u0b4d\u0b1e\u0b2a\u0b4d\u0b24\u0b3f \u0b15\u0b3e\u0b17\u0b1c\u0b2a\u0b24\u0b4d\u0b30 \u0b2a\u0b42\u0b30\u0b4d\u0b2c\u0b30\u0b41 \u0b2a\u0b30\u0b2c\u0b30\u0b4d\u0b24\u0b4d\u0b24\u0b40 \u0b38\u0b2e\u0b5f\u0b30\u0b47\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ncfe.org.in\/od\/press-release\/\" \/>\n<meta property=\"og:site_name\" content=\"Odia\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-01T10:55:12+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:\/\/ncfe.org.in\/od\/press-release\/\",\"url\":\"https:\/\/ncfe.org.in\/od\/press-release\/\",\"name\":\"\u0b2a\u0b4d\u0b30\u0b47\u0b38\u0b4d \u0b2c\u0b3f\u0b1c\u0b4d\u0b1e\u0b2a\u0b4d\u0b24\u0b3f - Odia\",\"isPartOf\":{\"@id\":\"https:\/\/ncfe.org.in\/od\/#website\"},\"datePublished\":\"2024-04-09T18:43:30+00:00\",\"dateModified\":\"2024-05-01T10:55:12+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ncfe.org.in\/od\/press-release\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ncfe.org.in\/od\/press-release\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ncfe.org.in\/od\/press-release\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ncfe.org.in\/od\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0b2a\u0b4d\u0b30\u0b47\u0b38\u0b4d \u0b2c\u0b3f\u0b1c\u0b4d\u0b1e\u0b2a\u0b4d\u0b24\u0b3f\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ncfe.org.in\/od\/#website\",\"url\":\"https:\/\/ncfe.org.in\/od\/\",\"name\":\"Odia\",\"description\":\"National Centre for Financial Education (NCFE) is a Section 8 (Not for Profit) Company promoted by Reserve Bank of India (RBI), Securities and Exchange Board of India (SEBI), Insurance Regulatory and Development Authority of India (IRDAI) and Pension Fund Regulatory and Development Authority (PFRDA), under the aegis of Financial Stability and Development Council (FSDC), Ministry of Finance, Government of India.\",\"publisher\":{\"@id\":\"https:\/\/ncfe.org.in\/od\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ncfe.org.in\/od\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ncfe.org.in\/od\/#organization\",\"name\":\"Odia\",\"url\":\"https:\/\/ncfe.org.in\/od\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ncfe.org.in\/od\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/11\/NCFE_logo.png\",\"contentUrl\":\"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/11\/NCFE_logo.png\",\"width\":436,\"height\":113,\"caption\":\"Odia\"},\"image\":{\"@id\":\"https:\/\/ncfe.org.in\/od\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"\u0b2a\u0b4d\u0b30\u0b47\u0b38\u0b4d \u0b2c\u0b3f\u0b1c\u0b4d\u0b1e\u0b2a\u0b4d\u0b24\u0b3f - Odia","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:\/\/ncfe.org.in\/od\/press-release\/","og_locale":"en_US","og_type":"article","og_title":"\u0b2a\u0b4d\u0b30\u0b47\u0b38\u0b4d \u0b2c\u0b3f\u0b1c\u0b4d\u0b1e\u0b2a\u0b4d\u0b24\u0b3f - Odia","og_description":"Modern Layout for Data \u0b2a\u0b4d\u0b30\u0b15\u0b3e\u0b36\u0b3f\u0b24 \u0b24\u0b3e\u0b30\u0b3f\u0b16 \u0b2a\u0b4d\u0b30\u0b47\u0b38\u0b4d \u0b2c\u0b3f\u0b1c\u0b4d\u0b1e\u0b2a\u0b4d\u0b24\u0b3f \u0b15\u0b3e\u0b17\u0b1c\u0b2a\u0b24\u0b4d\u0b30 \u0b2a\u0b42\u0b30\u0b4d\u0b2c\u0b30\u0b41 \u0b2a\u0b30\u0b2c\u0b30\u0b4d\u0b24\u0b4d\u0b24\u0b40 \u0b38\u0b2e\u0b5f\u0b30\u0b47","og_url":"https:\/\/ncfe.org.in\/od\/press-release\/","og_site_name":"Odia","article_modified_time":"2024-05-01T10:55:12+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/ncfe.org.in\/od\/press-release\/","url":"https:\/\/ncfe.org.in\/od\/press-release\/","name":"\u0b2a\u0b4d\u0b30\u0b47\u0b38\u0b4d \u0b2c\u0b3f\u0b1c\u0b4d\u0b1e\u0b2a\u0b4d\u0b24\u0b3f - Odia","isPartOf":{"@id":"https:\/\/ncfe.org.in\/od\/#website"},"datePublished":"2024-04-09T18:43:30+00:00","dateModified":"2024-05-01T10:55:12+00:00","breadcrumb":{"@id":"https:\/\/ncfe.org.in\/od\/press-release\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ncfe.org.in\/od\/press-release\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/ncfe.org.in\/od\/press-release\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ncfe.org.in\/od\/"},{"@type":"ListItem","position":2,"name":"\u0b2a\u0b4d\u0b30\u0b47\u0b38\u0b4d \u0b2c\u0b3f\u0b1c\u0b4d\u0b1e\u0b2a\u0b4d\u0b24\u0b3f"}]},{"@type":"WebSite","@id":"https:\/\/ncfe.org.in\/od\/#website","url":"https:\/\/ncfe.org.in\/od\/","name":"Odia","description":"National Centre for Financial Education (NCFE) is a Section 8 (Not for Profit) Company promoted by Reserve Bank of India (RBI), Securities and Exchange Board of India (SEBI), Insurance Regulatory and Development Authority of India (IRDAI) and Pension Fund Regulatory and Development Authority (PFRDA), under the aegis of Financial Stability and Development Council (FSDC), Ministry of Finance, Government of India.","publisher":{"@id":"https:\/\/ncfe.org.in\/od\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ncfe.org.in\/od\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ncfe.org.in\/od\/#organization","name":"Odia","url":"https:\/\/ncfe.org.in\/od\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ncfe.org.in\/od\/#\/schema\/logo\/image\/","url":"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/11\/NCFE_logo.png","contentUrl":"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/11\/NCFE_logo.png","width":436,"height":113,"caption":"Odia"},"image":{"@id":"https:\/\/ncfe.org.in\/od\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/pages\/13478","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/comments?post=13478"}],"version-history":[{"count":105,"href":"https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/pages\/13478\/revisions"}],"predecessor-version":[{"id":20144,"href":"https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/pages\/13478\/revisions\/20144"}],"wp:attachment":[{"href":"https:\/\/ncfe.org.in\/od\/wp-json\/wp\/v2\/media?parent=13478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}