Modern Layout for Data<\/title>\n<style>\nbody{font-family:\"Rubik\", Sans-serif;}\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 padding-left: 10px;\n padding-right: 10px;\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.pagination-container button{\n background-color: white;\n border: 1px solid #043e87;\n color: #043e87;\n margin: 4px;\n}\n\n .pagination-container>a{\n color: #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 .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: #007bff;\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{\n background-color: #043e87;\n color: white!important; \n }\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\">\u0a2a\u0a4d\u0a30\u0a15\u0a3e\u0a38\u0a3c\u0a28 \u0a2e\u0a3f\u0a24\u0a40\t<\/th>\n <th class=\"th2\">\u0a38\u0a3f\u0a30\u0a32\u0a47\u0a16<\/th>\n <th class=\"th2\">\u0a06\u0a16\u0a30\u0a40 \u0a38\u0a2c\u0a2e\u0a3f\u0a38\u0a3c\u0a28 \u0a26\u0a40 \u0a2e\u0a3f\u0a24\u0a40<\/th>\n <th class=\"th2\">\u0a26\u0a38\u0a24\u0a3e\u0a35\u0a47\u0a1c\u0a3c<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n \n <\/tbody>\n<\/table>\n\n<div class=\"pagination-container\" id=\"pagination-container\">\n \n<\/div>\n<script>\nlet currentPage = 1;\nconst perPage = 3;\nlet totalPages = 0;\n\nasync function fetchData(page = 1) {\n try {\n const url = `https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/tenders?page=${page}&per_page=${perPage}`;\n const response = await fetch(url);\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 let showFound = false;\n\n data.forEach((item) => {\n if (item.show_hide === 'show') {\n showFound = true;\n const row = document.createElement('tr');\n appendCell(row, 'td', formatDate(item.date));\n appendCell(row, 'td', item.title.rendered);\n appendCell(row, 'td', formatDate(parseDateString(item.acf.last_date_for_submission)));\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\n if (!showFound) {\n const row = document.createElement('tr');\n const noValueCell = document.createElement('td');\n noValueCell.colSpan = 4; \/\/ Update the colspan to match the number of columns\n noValueCell.textContent = '\u0a15\u0a4b\u0a08 \u0a21\u0a3e\u0a1f\u0a3e \u0a09\u0a2a\u0a32\u0a2c\u0a27 \u0a28\u0a39\u0a40\u0a02 \u0a39\u0a48';\n row.appendChild(noValueCell);\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\nfunction formatDate(dateString) {\n const options = { year: 'numeric', month: 'long', day: 'numeric' };\n return new Date(dateString).toLocaleDateString(undefined, options);\n}\n\nfunction parseDateString(dateString) {\n if (!dateString || dateString.length !== 8) return 'Invalid Date';\n const year = dateString.substring(0, 4);\n const month = dateString.substring(4, 6) - 1; \/\/ Months are zero-based in JavaScript Date\n const day = dateString.substring(6, 8);\n return new Date(year, month, day).toISOString();\n}\n\nfunction appendCell(row, cellType, text) {\n const cell = document.createElement(cellType);\n cell.textContent = text;\n row.appendChild(cell);\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.document;\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\/wp-json\/wp\/v2\/media\/${documentId}`;\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 appendNoDocumentCell(row) {\n const noDocCell = document.createElement('td');\n noDocCell.textContent = 'No document available';\n row.appendChild(noDocCell);\n}\n\nfunction updatePagination() {\n const paginationContainer = document.getElementById('pagination-container');\n paginationContainer.innerHTML = ''; \/\/ Clear existing pagination buttons\n\n \/\/ Previous Button\n const prevButton = document.createElement('button');\n prevButton.textContent = '\u0a2a\u0a3f\u0a1b\u0a32\u0a3e';\n prevButton.addEventListener('click', () => {\n goToPreviousPage();\n });\n paginationContainer.appendChild(prevButton);\n\n \/\/ Page Number Buttons\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 \/\/ Next Button\n const nextButton = document.createElement('button');\n nextButton.textContent = '\u0a05\u0a17\u0a32\u0a3e';\n nextButton.addEventListener('click', () => {\n goToNextPage();\n });\n paginationContainer.appendChild(nextButton);\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\n\/\/ Initial fetch\nfetchData(currentPage);\n<\/script>\n\n<\/body>\n<\/html>\n\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 \u0a2a\u0a4d\u0a30\u0a15\u0a3e\u0a38\u0a3c\u0a28 \u0a2e\u0a3f\u0a24\u0a40 \u0a38\u0a3f\u0a30\u0a32\u0a47\u0a16 \u0a06\u0a16\u0a30\u0a40 \u0a38\u0a2c\u0a2e\u0a3f\u0a38\u0a3c\u0a28 \u0a26\u0a40 \u0a2e\u0a3f\u0a24\u0a40 \u0a26\u0a38\u0a24\u0a3e\u0a35\u0a47\u0a1c\u0a3c<\/p>\n","protected":false},"author":1,"featured_media":2570,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-194","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"\n<title>\u0a1f\u0a48\u0a02\u0a21\u0a30 - Punjabi<\/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\/pu\/tenders\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0a1f\u0a48\u0a02\u0a21\u0a30 - Punjabi\" \/>\n<meta property=\"og:description\" content=\"Modern Layout for Data \u0a2a\u0a4d\u0a30\u0a15\u0a3e\u0a38\u0a3c\u0a28 \u0a2e\u0a3f\u0a24\u0a40 \u0a38\u0a3f\u0a30\u0a32\u0a47\u0a16 \u0a06\u0a16\u0a30\u0a40 \u0a38\u0a2c\u0a2e\u0a3f\u0a38\u0a3c\u0a28 \u0a26\u0a40 \u0a2e\u0a3f\u0a24\u0a40 \u0a26\u0a38\u0a24\u0a3e\u0a35\u0a47\u0a1c\u0a3c\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ncfe.org.in\/pu\/tenders\/\" \/>\n<meta property=\"og:site_name\" content=\"Punjabi\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-08T08:14:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/12\/tenders_banner.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"380\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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\/pu\/tenders\/\",\"url\":\"https:\/\/ncfe.org.in\/pu\/tenders\/\",\"name\":\"\u0a1f\u0a48\u0a02\u0a21\u0a30 - Punjabi\",\"isPartOf\":{\"@id\":\"https:\/\/ncfe.org.in\/pu\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ncfe.org.in\/pu\/tenders\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ncfe.org.in\/pu\/tenders\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/12\/tenders_banner.png\",\"datePublished\":\"2023-11-21T10:48:37+00:00\",\"dateModified\":\"2024-07-08T08:14:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ncfe.org.in\/pu\/tenders\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ncfe.org.in\/pu\/tenders\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ncfe.org.in\/pu\/tenders\/#primaryimage\",\"url\":\"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/12\/tenders_banner.png\",\"contentUrl\":\"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/12\/tenders_banner.png\",\"width\":1920,\"height\":380},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ncfe.org.in\/pu\/tenders\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ncfe.org.in\/pu\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0a1f\u0a48\u0a02\u0a21\u0a30\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ncfe.org.in\/pu\/#website\",\"url\":\"https:\/\/ncfe.org.in\/pu\/\",\"name\":\"Punjabi\",\"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\/pu\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ncfe.org.in\/pu\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ncfe.org.in\/pu\/#organization\",\"name\":\"Punjabi\",\"url\":\"https:\/\/ncfe.org.in\/pu\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ncfe.org.in\/pu\/#\/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\":\"Punjabi\"},\"image\":{\"@id\":\"https:\/\/ncfe.org.in\/pu\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"\u0a1f\u0a48\u0a02\u0a21\u0a30 - Punjabi","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\/pu\/tenders\/","og_locale":"en_US","og_type":"article","og_title":"\u0a1f\u0a48\u0a02\u0a21\u0a30 - Punjabi","og_description":"Modern Layout for Data \u0a2a\u0a4d\u0a30\u0a15\u0a3e\u0a38\u0a3c\u0a28 \u0a2e\u0a3f\u0a24\u0a40 \u0a38\u0a3f\u0a30\u0a32\u0a47\u0a16 \u0a06\u0a16\u0a30\u0a40 \u0a38\u0a2c\u0a2e\u0a3f\u0a38\u0a3c\u0a28 \u0a26\u0a40 \u0a2e\u0a3f\u0a24\u0a40 \u0a26\u0a38\u0a24\u0a3e\u0a35\u0a47\u0a1c\u0a3c","og_url":"https:\/\/ncfe.org.in\/pu\/tenders\/","og_site_name":"Punjabi","article_modified_time":"2024-07-08T08:14:07+00:00","og_image":[{"width":1920,"height":380,"url":"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/12\/tenders_banner.png","type":"image\/png"}],"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\/pu\/tenders\/","url":"https:\/\/ncfe.org.in\/pu\/tenders\/","name":"\u0a1f\u0a48\u0a02\u0a21\u0a30 - Punjabi","isPartOf":{"@id":"https:\/\/ncfe.org.in\/pu\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ncfe.org.in\/pu\/tenders\/#primaryimage"},"image":{"@id":"https:\/\/ncfe.org.in\/pu\/tenders\/#primaryimage"},"thumbnailUrl":"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/12\/tenders_banner.png","datePublished":"2023-11-21T10:48:37+00:00","dateModified":"2024-07-08T08:14:07+00:00","breadcrumb":{"@id":"https:\/\/ncfe.org.in\/pu\/tenders\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ncfe.org.in\/pu\/tenders\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ncfe.org.in\/pu\/tenders\/#primaryimage","url":"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/12\/tenders_banner.png","contentUrl":"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/12\/tenders_banner.png","width":1920,"height":380},{"@type":"BreadcrumbList","@id":"https:\/\/ncfe.org.in\/pu\/tenders\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ncfe.org.in\/pu\/"},{"@type":"ListItem","position":2,"name":"\u0a1f\u0a48\u0a02\u0a21\u0a30"}]},{"@type":"WebSite","@id":"https:\/\/ncfe.org.in\/pu\/#website","url":"https:\/\/ncfe.org.in\/pu\/","name":"Punjabi","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\/pu\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ncfe.org.in\/pu\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ncfe.org.in\/pu\/#organization","name":"Punjabi","url":"https:\/\/ncfe.org.in\/pu\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ncfe.org.in\/pu\/#\/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":"Punjabi"},"image":{"@id":"https:\/\/ncfe.org.in\/pu\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/pages\/194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/comments?post=194"}],"version-history":[{"count":109,"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/pages\/194\/revisions"}],"predecessor-version":[{"id":22573,"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/pages\/194\/revisions\/22573"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/media\/2570"}],"wp:attachment":[{"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/media?parent=194"}],"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\n\n\nModern Layout for Data<\/title>\n<style>\nbody{font-family:\"Rubik\", Sans-serif;}\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 padding-left: 10px;\n padding-right: 10px;\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.pagination-container button{\n background-color: white;\n border: 1px solid #043e87;\n color: #043e87;\n margin: 4px;\n}\n\n .pagination-container>a{\n color: #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 .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: #007bff;\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{\n background-color: #043e87;\n color: white!important; \n }\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\">\u0a2a\u0a4d\u0a30\u0a15\u0a3e\u0a38\u0a3c\u0a28 \u0a2e\u0a3f\u0a24\u0a40\t<\/th>\n <th class=\"th2\">\u0a38\u0a3f\u0a30\u0a32\u0a47\u0a16<\/th>\n <th class=\"th2\">\u0a06\u0a16\u0a30\u0a40 \u0a38\u0a2c\u0a2e\u0a3f\u0a38\u0a3c\u0a28 \u0a26\u0a40 \u0a2e\u0a3f\u0a24\u0a40<\/th>\n <th class=\"th2\">\u0a26\u0a38\u0a24\u0a3e\u0a35\u0a47\u0a1c\u0a3c<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n \n <\/tbody>\n<\/table>\n\n<div class=\"pagination-container\" id=\"pagination-container\">\n \n<\/div>\n<script>\nlet currentPage = 1;\nconst perPage = 3;\nlet totalPages = 0;\n\nasync function fetchData(page = 1) {\n try {\n const url = `https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/tenders?page=${page}&per_page=${perPage}`;\n const response = await fetch(url);\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 let showFound = false;\n\n data.forEach((item) => {\n if (item.show_hide === 'show') {\n showFound = true;\n const row = document.createElement('tr');\n appendCell(row, 'td', formatDate(item.date));\n appendCell(row, 'td', item.title.rendered);\n appendCell(row, 'td', formatDate(parseDateString(item.acf.last_date_for_submission)));\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\n if (!showFound) {\n const row = document.createElement('tr');\n const noValueCell = document.createElement('td');\n noValueCell.colSpan = 4; \/\/ Update the colspan to match the number of columns\n noValueCell.textContent = '\u0a15\u0a4b\u0a08 \u0a21\u0a3e\u0a1f\u0a3e \u0a09\u0a2a\u0a32\u0a2c\u0a27 \u0a28\u0a39\u0a40\u0a02 \u0a39\u0a48';\n row.appendChild(noValueCell);\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\nfunction formatDate(dateString) {\n const options = { year: 'numeric', month: 'long', day: 'numeric' };\n return new Date(dateString).toLocaleDateString(undefined, options);\n}\n\nfunction parseDateString(dateString) {\n if (!dateString || dateString.length !== 8) return 'Invalid Date';\n const year = dateString.substring(0, 4);\n const month = dateString.substring(4, 6) - 1; \/\/ Months are zero-based in JavaScript Date\n const day = dateString.substring(6, 8);\n return new Date(year, month, day).toISOString();\n}\n\nfunction appendCell(row, cellType, text) {\n const cell = document.createElement(cellType);\n cell.textContent = text;\n row.appendChild(cell);\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.document;\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\/wp-json\/wp\/v2\/media\/${documentId}`;\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 appendNoDocumentCell(row) {\n const noDocCell = document.createElement('td');\n noDocCell.textContent = 'No document available';\n row.appendChild(noDocCell);\n}\n\nfunction updatePagination() {\n const paginationContainer = document.getElementById('pagination-container');\n paginationContainer.innerHTML = ''; \/\/ Clear existing pagination buttons\n\n \/\/ Previous Button\n const prevButton = document.createElement('button');\n prevButton.textContent = '\u0a2a\u0a3f\u0a1b\u0a32\u0a3e';\n prevButton.addEventListener('click', () => {\n goToPreviousPage();\n });\n paginationContainer.appendChild(prevButton);\n\n \/\/ Page Number Buttons\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 \/\/ Next Button\n const nextButton = document.createElement('button');\n nextButton.textContent = '\u0a05\u0a17\u0a32\u0a3e';\n nextButton.addEventListener('click', () => {\n goToNextPage();\n });\n paginationContainer.appendChild(nextButton);\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\n\/\/ Initial fetch\nfetchData(currentPage);\n<\/script>\n\n<\/body>\n<\/html>\n\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 \u0a2a\u0a4d\u0a30\u0a15\u0a3e\u0a38\u0a3c\u0a28 \u0a2e\u0a3f\u0a24\u0a40 \u0a38\u0a3f\u0a30\u0a32\u0a47\u0a16 \u0a06\u0a16\u0a30\u0a40 \u0a38\u0a2c\u0a2e\u0a3f\u0a38\u0a3c\u0a28 \u0a26\u0a40 \u0a2e\u0a3f\u0a24\u0a40 \u0a26\u0a38\u0a24\u0a3e\u0a35\u0a47\u0a1c\u0a3c<\/p>\n","protected":false},"author":1,"featured_media":2570,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-194","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"yoast_head":"\n<title>\u0a1f\u0a48\u0a02\u0a21\u0a30 - Punjabi<\/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\/pu\/tenders\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0a1f\u0a48\u0a02\u0a21\u0a30 - Punjabi\" \/>\n<meta property=\"og:description\" content=\"Modern Layout for Data \u0a2a\u0a4d\u0a30\u0a15\u0a3e\u0a38\u0a3c\u0a28 \u0a2e\u0a3f\u0a24\u0a40 \u0a38\u0a3f\u0a30\u0a32\u0a47\u0a16 \u0a06\u0a16\u0a30\u0a40 \u0a38\u0a2c\u0a2e\u0a3f\u0a38\u0a3c\u0a28 \u0a26\u0a40 \u0a2e\u0a3f\u0a24\u0a40 \u0a26\u0a38\u0a24\u0a3e\u0a35\u0a47\u0a1c\u0a3c\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ncfe.org.in\/pu\/tenders\/\" \/>\n<meta property=\"og:site_name\" content=\"Punjabi\" \/>\n<meta property=\"article:modified_time\" content=\"2024-07-08T08:14:07+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/12\/tenders_banner.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"380\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\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\/pu\/tenders\/\",\"url\":\"https:\/\/ncfe.org.in\/pu\/tenders\/\",\"name\":\"\u0a1f\u0a48\u0a02\u0a21\u0a30 - Punjabi\",\"isPartOf\":{\"@id\":\"https:\/\/ncfe.org.in\/pu\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ncfe.org.in\/pu\/tenders\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ncfe.org.in\/pu\/tenders\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/12\/tenders_banner.png\",\"datePublished\":\"2023-11-21T10:48:37+00:00\",\"dateModified\":\"2024-07-08T08:14:07+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ncfe.org.in\/pu\/tenders\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ncfe.org.in\/pu\/tenders\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ncfe.org.in\/pu\/tenders\/#primaryimage\",\"url\":\"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/12\/tenders_banner.png\",\"contentUrl\":\"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/12\/tenders_banner.png\",\"width\":1920,\"height\":380},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ncfe.org.in\/pu\/tenders\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ncfe.org.in\/pu\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0a1f\u0a48\u0a02\u0a21\u0a30\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ncfe.org.in\/pu\/#website\",\"url\":\"https:\/\/ncfe.org.in\/pu\/\",\"name\":\"Punjabi\",\"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\/pu\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ncfe.org.in\/pu\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ncfe.org.in\/pu\/#organization\",\"name\":\"Punjabi\",\"url\":\"https:\/\/ncfe.org.in\/pu\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ncfe.org.in\/pu\/#\/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\":\"Punjabi\"},\"image\":{\"@id\":\"https:\/\/ncfe.org.in\/pu\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"\u0a1f\u0a48\u0a02\u0a21\u0a30 - Punjabi","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\/pu\/tenders\/","og_locale":"en_US","og_type":"article","og_title":"\u0a1f\u0a48\u0a02\u0a21\u0a30 - Punjabi","og_description":"Modern Layout for Data \u0a2a\u0a4d\u0a30\u0a15\u0a3e\u0a38\u0a3c\u0a28 \u0a2e\u0a3f\u0a24\u0a40 \u0a38\u0a3f\u0a30\u0a32\u0a47\u0a16 \u0a06\u0a16\u0a30\u0a40 \u0a38\u0a2c\u0a2e\u0a3f\u0a38\u0a3c\u0a28 \u0a26\u0a40 \u0a2e\u0a3f\u0a24\u0a40 \u0a26\u0a38\u0a24\u0a3e\u0a35\u0a47\u0a1c\u0a3c","og_url":"https:\/\/ncfe.org.in\/pu\/tenders\/","og_site_name":"Punjabi","article_modified_time":"2024-07-08T08:14:07+00:00","og_image":[{"width":1920,"height":380,"url":"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/12\/tenders_banner.png","type":"image\/png"}],"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\/pu\/tenders\/","url":"https:\/\/ncfe.org.in\/pu\/tenders\/","name":"\u0a1f\u0a48\u0a02\u0a21\u0a30 - Punjabi","isPartOf":{"@id":"https:\/\/ncfe.org.in\/pu\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ncfe.org.in\/pu\/tenders\/#primaryimage"},"image":{"@id":"https:\/\/ncfe.org.in\/pu\/tenders\/#primaryimage"},"thumbnailUrl":"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/12\/tenders_banner.png","datePublished":"2023-11-21T10:48:37+00:00","dateModified":"2024-07-08T08:14:07+00:00","breadcrumb":{"@id":"https:\/\/ncfe.org.in\/pu\/tenders\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ncfe.org.in\/pu\/tenders\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ncfe.org.in\/pu\/tenders\/#primaryimage","url":"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/12\/tenders_banner.png","contentUrl":"https:\/\/ncfe.org.in\/wp-content\/uploads\/2023\/12\/tenders_banner.png","width":1920,"height":380},{"@type":"BreadcrumbList","@id":"https:\/\/ncfe.org.in\/pu\/tenders\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ncfe.org.in\/pu\/"},{"@type":"ListItem","position":2,"name":"\u0a1f\u0a48\u0a02\u0a21\u0a30"}]},{"@type":"WebSite","@id":"https:\/\/ncfe.org.in\/pu\/#website","url":"https:\/\/ncfe.org.in\/pu\/","name":"Punjabi","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\/pu\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ncfe.org.in\/pu\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ncfe.org.in\/pu\/#organization","name":"Punjabi","url":"https:\/\/ncfe.org.in\/pu\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ncfe.org.in\/pu\/#\/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":"Punjabi"},"image":{"@id":"https:\/\/ncfe.org.in\/pu\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/pages\/194","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/comments?post=194"}],"version-history":[{"count":109,"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/pages\/194\/revisions"}],"predecessor-version":[{"id":22573,"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/pages\/194\/revisions\/22573"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/media\/2570"}],"wp:attachment":[{"href":"https:\/\/ncfe.org.in\/pu\/wp-json\/wp\/v2\/media?parent=194"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}