Finance Division Circulars Directory<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', sans-serif;\n }\n <\/style>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: {\n 50: '#f2faf5', \/* Soft pastel mint cream *\/\n 100: '#e2f5ea', \/* Pastel mint highlight *\/\n 200: '#c5ebd5', \/* Soft sage boundary *\/\n 300: '#99dbae', \/* Mid pastel green *\/\n 600: '#40a070', \/* Soft emerald reading tone *\/\n 800: '#286b4b', \/* Deep pastel green for readable text *\/\n 900: '#1c4d36', \/* Primary dark slate-green text *\/\n 950: '#0c261a', \/* Dark pastel forest accent *\/\n },\n gold: {\n 50: '#fffdf6', \/* Soft buttery cream *\/\n 100: '#fff9e1', \/* Pastel gold cream *\/\n 200: '#fef0bc', \/* Soft gold highlight *\/\n 500: '#e2be5a', \/* Muted gold accent *\/\n 600: '#c59f3f', \/* Readable gold text *\/\n 700: '#9b7824', \/* Dark brass text *\/\n }\n }\n }\n }\n }\n <\/script>\n<\/head>\n<body class=\"bg-slate-50\/50 text-slate-700 min-h-screen flex flex-col\">\n\n \n <header class=\"bg-gradient-to-r from-brand-50 via-white to-gold-50\/70 text-slate-800 shadow-xs border-b border-brand-200\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 sm:py-8\">\n <div class=\"flex flex-col md:flex-row md:items-center md:justify-between gap-4\">\n <div class=\"flex items-center gap-4\">\n <div class=\"p-3 bg-brand-100\/80 rounded-xl border border-brand-200 shadow-xs\">\n <i data-lucide=\"landmark\" class=\"w-8 h-8 text-brand-600\"><\/i>\n <\/div>\n <div>\n <h1 class=\"text-xl sm:text-2xl font-extrabold tracking-tight text-brand-900 mt-0.5\">Finance Circulars by Years<\/h1>\n <p class=\"text-xs sm:text-sm text-slate-500 mt-1 max-w-xl\">\n Official compilation of financial policies, authority delegation, procurement guidelines, and administrative procedures.\n <\/p>\n <\/div>\n <\/div>\n <div class=\"flex flex-wrap items-center gap-2\">\n <button onclick=\"window.scrollTo({top: document.getElementById('searchSection').offsetTop - 20, behavior: 'smooth'})\" class=\"px-4 py-2 bg-brand-600 hover:bg-brand-800 text-white font-semibold text-sm rounded-lg shadow-xs transition-all duration-200 flex items-center gap-2\">\n <i data-lucide=\"search\" class=\"w-4 h-4\"><\/i> Search Directory\n <\/button>\n <span class=\"px-3 py-1.5 bg-gold-100 rounded-lg border border-gold-200 text-gold-700 text-xs font-medium\">\n Last updated: Jan 2025\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n \n <main class=\"flex-grow max-w-7xl w-full mx-auto px-4 sm:px-6 lg:px-8 py-8\">\n\n \n <section class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 mb-8\">\n <div class=\"bg-white rounded-2xl p-4 sm:p-5 shadow-xs border border-slate-100 flex items-center justify-between transition-all hover:shadow-sm\">\n <div>\n <span class=\"text-xs text-slate-400 block font-bold uppercase tracking-wider\">Official Circulars<\/span>\n <span id=\"stat-circulars\" class=\"text-2xl sm:text-3xl font-extrabold text-blue-950 mt-1 block\">—<\/span>\n <\/div>\n <div class=\"p-2.5 bg-blue-50\/60 rounded-xl border border-blue-100\"><i data-lucide=\"file-text\" class=\"w-5 h-5 text-blue-500\"><\/i><\/div>\n <\/div>\n <div class=\"bg-white rounded-2xl p-4 sm:p-5 shadow-xs border border-slate-100 flex items-center justify-between transition-all hover:shadow-sm\">\n <div>\n <span class=\"text-xs text-slate-400 block font-bold uppercase tracking-wider\">Superseded Documents<\/span>\n <span id=\"stat-superseded\" class=\"text-2xl sm:text-3xl font-extrabold text-red-950 mt-1 block\">—<\/span>\n <\/div>\n <div class=\"p-2.5 bg-red-50\/60 rounded-xl border border-red-100\"><i data-lucide=\"refresh-cw\" class=\"w-5 h-5 text-red-500\"><\/i><\/div>\n <\/div>\n <\/section>\n\n \n <div id=\"searchSection\" class=\"bg-white rounded-3xl shadow-sm border border-slate-100 overflow-hidden\">\n \n \n <div class=\"p-6 bg-slate-50\/40 border-b border-slate-100\">\n <div class=\"flex flex-col gap-6\">\n \n \n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-4\">\n <div class=\"lg:col-span-2 relative\">\n <i data-lucide=\"search\" class=\"absolute left-3.5 top-1\/2 -translate-y-1\/2 w-5 h-5 text-slate-400\"><\/i>\n <input type=\"text\" id=\"searchInput\" placeholder=\"Search by circular number, title, keywords, remarks...\" class=\"w-full pl-11 pr-4 py-3 bg-white border border-slate-200 rounded-xl text-sm placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-brand-200 focus:border-brand-600 shadow-xs transition-all\">\n <\/div>\n <div class=\"relative\">\n <i data-lucide=\"calendar\" class=\"absolute left-3.5 top-1\/2 -translate-y-1\/2 w-5 h-5 text-slate-400\"><\/i>\n <select id=\"yearFilter\" class=\"w-full pl-11 pr-10 py-3 bg-white border border-slate-200 rounded-xl text-sm focus:outline-none focus:ring-2 focus:ring-brand-200 focus:border-brand-600 shadow-xs appearance-none cursor-pointer transition-all\">\n <option value=\"all\">All Calendar Years<\/option>\n <\/select>\n <i data-lucide=\"chevron-down\" class=\"absolute right-3 top-1\/2 -translate-y-1\/2 w-4 h-4 text-slate-400 pointer-events-none\"><\/i>\n <\/div>\n <\/div>\n\n \n <div class=\"flex items-center justify-between gap-4 pt-2 border-t border-slate-100\">\n <label class=\"flex items-center gap-2 text-xs font-semibold text-slate-600 cursor-pointer\">\n <input type=\"checkbox\" id=\"hideSupersededCheckbox\" class=\"rounded border-slate-300 text-brand-600 focus:ring-brand-500 w-4 h-4\">\n Hide Superseded Items\n <\/label>\n <button onclick=\"resetFilters()\" class=\"text-xs text-brand-600 hover:text-brand-800 font-semibold flex items-center gap-1 transition-all\">\n <i data-lucide=\"rotate-ccw\" class=\"w-3 h-3\"><\/i> Reset Filters\n <\/button>\n <\/div>\n\n <\/div>\n <\/div>\n\n \n <div id=\"activeFiltersIndicator\" class=\"hidden px-6 py-3 bg-brand-50\/50 border-b border-slate-100 flex items-center justify-between\">\n <div class=\"text-xs text-brand-800 flex items-center gap-2\">\n <span class=\"w-2 h-2 rounded-full bg-brand-500 animate-pulse\"><\/span>\n <span id=\"activeFiltersText\">Filters applied. Found 0 items.<\/span>\n <\/div>\n <button onclick=\"resetFilters()\" class=\"text-xs text-brand-800 hover:underline font-semibold\">Clear all<\/button>\n <\/div>\n\n \n <div class=\"overflow-x-auto\">\n \n \n <table class=\"w-full text-left border-collapse hidden sm:table\">\n <thead>\n <tr class=\"bg-slate-50\/60 text-slate-500 text-xs font-bold uppercase tracking-wider border-b border-slate-100\">\n <th class=\"py-4 px-6 w-16 text-center\">Year<\/th>\n <th class=\"py-4 px-6 w-56\">Document \/ Circular ID<\/th>\n <th class=\"py-4 px-6\">Title & Subject<\/th>\n <th class=\"py-4 px-6 w-44\">Status & Action<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"tableBody\" class=\"divide-y divide-slate-100 text-sm\">\n \n <\/tbody>\n <\/table>\n\n \n <div id=\"cardsContainer\" class=\"sm:hidden divide-y divide-slate-100\">\n \n <\/div>\n\n \n <div id=\"emptyState\" class=\"hidden py-16 px-6 text-center\">\n <div class=\"w-16 h-16 bg-slate-100 rounded-full flex items-center justify-center mx-auto mb-4\">\n <i data-lucide=\"file-question\" class=\"w-8 h-8 text-slate-400\"><\/i>\n <\/div>\n <h3 class=\"text-base font-bold text-slate-800\">No match found<\/h3>\n <p class=\"text-sm text-slate-500 mt-1 max-w-sm mx-auto\">We couldn’t find any circular or document matching your filters or search keywords. Please adjust your criteria.<\/p>\n <button onclick=\"resetFilters()\" class=\"mt-4 px-4 py-2 bg-brand-800 text-white font-semibold text-xs rounded-lg shadow-xs hover:bg-brand-900 transition-all\">Clear Filters & Show All<\/button>\n <\/div>\n\n <\/div>\n\n \n <div class=\"px-6 py-4 bg-slate-50 border-t border-slate-100 flex items-center justify-between text-xs text-slate-500\">\n <div id=\"footerCount\">Showing 0 documents.<\/div>\n <div class=\"flex items-center gap-1.5 text-slate-400 font-medium\">\n <i data-lucide=\"shield-alert\" class=\"w-4 h-4 text-brand-600\"><\/i> Double-click any row or card for dynamic options.\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <section class=\"mt-8 grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div class=\"bg-white p-6 rounded-2xl border border-slate-100 shadow-sm\">\n <h3 class=\"text-sm font-bold text-slate-800 flex items-center gap-2 mb-3\">\n <i data-lucide=\"alert-triangle\" class=\"w-4 h-4 text-gold-500\"><\/i> Verification & Accuracy Disclaimer\n <\/h3>\n <p class=\"text-xs text-slate-500 leading-relaxed\">\n Some older circulars or specific guidelines may refer to internal university platforms or have been modified by newer Senate\/Board of Governors decisions (e.g., procurement limits revised in 2025 supersede those in 2017). Please read the <strong>Remarks<\/strong> column or check the primary drive link provided for the authoritative version.\n <\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-2xl border border-slate-100 shadow-sm\">\n <h3 class=\"text-sm font-bold text-slate-800 flex items-center gap-2 mb-3\">\n <i data-lucide=\"help-circle\" class=\"w-4 h-4 text-brand-600\"><\/i> Looking for something else?\n <\/h3>\n <p class=\"text-xs text-slate-500 leading-relaxed\">\n If you cannot find a specific form, policy document, or file, please contact the central Finance Office or refer to your local campus directory administrator. All current documents featured here have active reference drive links for quick previewing.\n <\/p>\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <div id=\"detailsModal\" class=\"fixed inset-0 bg-slate-900\/40 backdrop-blur-xs flex items-center justify-center p-4 z-50 hidden opacity-0 transition-opacity duration-200\">\n <div class=\"bg-white rounded-3xl max-w-xl w-full shadow-2xl border border-slate-100 overflow-hidden transform scale-95 transition-transform duration-200\">\n \n <div id=\"modalHeaderAccent\" class=\"bg-brand-50 p-6 text-slate-800 border-b-4 border-gold-200 relative\">\n <button onclick=\"closeDetailsModal()\" class=\"absolute top-4 right-4 text-slate-600 hover:text-slate-900 bg-slate-100 hover:bg-slate-200 p-1.5 rounded-lg transition-all\">\n <i data-lucide=\"x\" class=\"w-5 h-5\"><\/i>\n <\/button>\n <span id=\"modalDocYearBadge\" class=\"text-xs font-bold text-brand-800 uppercase tracking-widest block mb-1\">YEAR —<\/span>\n <h3 id=\"modalDocTitle\" class=\"text-lg font-bold pr-8 text-brand-900 leading-snug\">Document Title<\/h3>\n <p id=\"modalDocNo\" class=\"text-xs text-slate-500 font-mono mt-1\">Circular No. —<\/p>\n <\/div>\n \n <div class=\"p-6 space-y-4\">\n <div>\n <span class=\"text-xs text-slate-400 font-bold uppercase tracking-wider block mb-1\">Status<\/span>\n <span id=\"modalDocStatus\" class=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-semibold\">Active<\/span>\n <\/div>\n <div id=\"modalRemarkWrapper\">\n <span class=\"text-xs text-slate-400 font-bold uppercase tracking-wider block mb-1\">Remarks \/ Notes<\/span>\n <p id=\"modalDocRemark\" class=\"text-sm text-slate-600 bg-slate-50 p-3 rounded-lg border border-slate-100 leading-relaxed\">No custom notes associated with this entry.<\/p>\n <\/div>\n <div class=\"pt-4 border-t border-slate-100 flex items-center justify-end gap-2\">\n <button onclick=\"closeDetailsModal()\" class=\"px-4 py-2 bg-slate-100 hover:bg-slate-200 text-slate-700 text-xs font-semibold rounded-lg transition-all\">\n Close\n <\/button>\n <button id=\"modalCopyBtn\" class=\"px-4 py-2 bg-brand-50 hover:bg-brand-100 text-brand-800 text-xs font-bold rounded-lg transition-all flex items-center gap-1.5\">\n <i data-lucide=\"copy\" class=\"w-3.5 h-3.5\"><\/i> Copy Details\n <\/button>\n <a id=\"modalDocLink\" href=\"#\" target=\"_blank\" class=\"px-4 py-2 bg-brand-800 hover:bg-brand-900 text-white text-xs font-bold rounded-lg transition-all flex items-center gap-1.5 shadow-sm\">\n <i data-lucide=\"external-link\" class=\"w-3.5 h-3.5\"><\/i> View \/ Download Document\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"toast\" class=\"fixed bottom-6 right-6 bg-slate-900 text-white px-4 py-3 rounded-xl shadow-xl flex items-center gap-2.5 text-xs font-medium border border-slate-800 z-50 pointer-events-none opacity-0 translate-y-2 transition-all duration-300\">\n <i data-lucide=\"check-circle\" class=\"w-4 h-4 text-emerald-400\"><\/i>\n <span id=\"toastMessage\">Copied to clipboard!<\/span>\n <\/div>\n\n \n <script>\n \/\/ Filtered dataset: Only contains documents with links.\n const database = [\n {\n year: \"2025\",\n circularNo: \"Finance Circular No.1\/2025\",\n title: \"Malaysian Students Fee Exclusively to Palestinian Students from Gaza or any Other Conflict Area in Palestine\",\n remark: \"Approved via Board of Governors Paper (Paper BOG)\",\n link: \"https:\/\/drive.google.com\/file\/d\/1P7_UzP7Uy3qPzhGvYy9uRX9MnRFLvfv2\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2025\",\n circularNo: \"Finance Circular No.2\/2025\",\n title: \"Delegation of Authority to IIUM Budget Committee\",\n remark: \"Official delegation and structure framework guidelines\",\n link: \"https:\/\/drive.google.com\/file\/d\/1yXoNy1MYpwzVAg40KLh_t6Bk-_5svid8\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2025\",\n circularNo: \"Finance Circular No.3\/2025\",\n title: \"Revised Procurement Authority Limits\",\n remark: \"Updates and structures threshold limits\",\n link: \"https:\/\/drive.google.com\/drive\/folders\/1MswEynP5aIlFVTqqeaZk0Getb1YQfaXU?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2025\",\n circularNo: \"Finance Circular No.4\/2025\",\n title: \"Revised Nomenclature Asset Disposal Authority\",\n remark: \"New terminology and procedural governance alignment\",\n link: \"https:\/\/drive.google.com\/file\/d\/18V5O5M4Tc-smi6WaPTOqF-rmDw_05ReM\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2024\",\n circularNo: \"Finance Circular No.1\/2024\",\n title: \"Revision on Financial Policies and Procedures\",\n remark: \"Updates key structural procedures\",\n link: \"https:\/\/drive.google.com\/file\/d\/1o_sS-wU5gf0DhJV2GqmVrP4tWcOwjF1t\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2024\",\n circularNo: \"Finance Circular No.2\/2024\",\n title: \"New Guideline on Standard Rate for Refreshment (Meeting \/ Workshop \/ Other Functions)\",\n remark: \"Supersedes the older 2\/2019 Circular\",\n link: \"https:\/\/drive.google.com\/file\/d\/1Z4SUJyJL2s8JdHvKihAcBfgr4j3hgZxj\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2022\",\n circularNo: \"Finance Circular No.1\/2022\",\n title: \"Adoption of Treasury Circular PB3.1 guidelines on Public Expenditure saving\",\n remark: \"Prudent spending framework alignment\",\n link: \"https:\/\/drive.google.com\/file\/d\/13N35rxzUQk9hx6Y5UesXnDzLx8JED3X_\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2022\",\n circularNo: \"Finance Circular No.2\/2022\",\n title: \"Policy for waiver and discount of IIUM fees and charges\",\n remark: \"Student aid and discount procedures\",\n link: \"https:\/\/drive.google.com\/file\/d\/1GyTr6nQM06PIFc3XjxEA2_vv48QtJ_oH\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2022\",\n circularNo: \"Finance Circular No.3\/2022\",\n title: \"Policy on the procurement through an online Platform as an additional method at IIUM\",\n remark: \"E-procurement framework details\",\n link: \"https:\/\/drive.google.com\/file\/d\/1eUfMYxZHM11_8fETs1sX-JiCwfcpY4SG\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2022\",\n circularNo: \"Finance Circular No.4\/2022\",\n title: \"Revision of policy for the procurement under emergency expenditure\",\n remark: \"Fast-track approval criteria for urgent repairs\/works\",\n link: \"https:\/\/drive.google.com\/file\/d\/1evGCJZKST0j2Djf4eN_wsDO3kqSBxgSJ\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2020\",\n circularNo: \"Finance Circular No.1\/2020\",\n title: \"Guidelines on Tax Exemption for Donation and Contribution to the University Under Subsection 44(6) Income Tax 1967\",\n remark: \"Critical tax incentive and accounting guidelines\",\n link: \"https:\/\/drive.google.com\/file\/d\/1UxA27V6KEO-ezO8DuotCg2RM9kwRabvK\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2019\",\n circularNo: \"Finance Circular No.1\/2019\",\n title: \"Revision on Financial Policies and Procedures\",\n remark: \"Structural policies framework\",\n link: \"https:\/\/drive.google.com\/file\/d\/17Qu_l5l1VmniB4WEd-rcZaSeGNuCXAKf\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2019\",\n circularNo: \"Finance Circular No.2\/2019\",\n title: \"New Guideline on Standard Rate for Refreshment (Meeting\/Workshop\/Other Functions)\",\n remark: \"SUPERSEDED. Please refer to newest circular No. 2\/2024\",\n link: \"https:\/\/drive.google.com\/file\/d\/13DJzgZ3VndPRlcQrBtdO57AWiIjf_wWW\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: true\n },\n {\n year: \"2017\",\n circularNo: \"Finance Circular No.1\/2017\",\n title: \"Revised of Rate for Hand phone Allowance\",\n remark: \"See corresponding .docx references below\",\n link: \"https:\/\/drive.google.com\/file\/d\/1a3FUkgI_Lm0BLQVTCTBeqvGH2Pbl1itP\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2017\",\n circularNo: \"Finance Circular No.2\/2017\",\n title: \"New Eligibility of Housing Financing Scheme\",\n remark: \"Updated limits and processing steps\",\n link: \"https:\/\/drive.google.com\/file\/d\/13isKF08OPtEY2K7nkS-sBKkMs8XWUOKx\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2017\",\n circularNo: \"Finance Circular No.3\/2017\",\n title: \"New Eligibility for IIUM Vehicle Financing Scheme\",\n remark: \"Transport allocation criteria details\",\n link: \"https:\/\/drive.google.com\/file\/d\/1H72X8-7kIZLvrXINrEN4r97h3zXOSGGB\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2017\",\n circularNo: \"Finance Circular No.4\/2017\",\n title: \"Delegation of Authority for Procurement of Goods, Services and Works For IIUM Kuantan Campus\",\n remark: \"Decentralized approving power guidelines\",\n link: \"https:\/\/drive.google.com\/file\/d\/1fy8vmI0pBdPXKsEQ55yvcbQOWAw-I9ne\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2017\",\n circularNo: \"Finance Circular No.5\/2017\",\n title: \"Revision of Approving Authority Limit for Director of Research Management Centre and Procurement method for purchases of Goods and Services Related to research activities\",\n remark: \"Expediting academic & research funding purchases\",\n link: \"https:\/\/drive.google.com\/file\/d\/1BhVDzrR7huP_5UBmXrZ7PEO7Goj-LI3H\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2017\",\n circularNo: \"Finance Circular No.6\/2017\",\n title: \"IIUM Computer Financing Scheme for Purchase of Smartphones\",\n remark: \"Allows dynamic allowances toward modern communication assets\",\n link: \"https:\/\/drive.google.com\/file\/d\/1nWVkM5uO2vOCU90OkhmUZDf1MqY8uALT\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2017\",\n circularNo: \"Finance Circular No.7\/2017\",\n title: \"Revision of Threshold to Capitalize Renovation Expenses\",\n remark: \"Capital expenditure accounting policies\",\n link: \"https:\/\/drive.google.com\/file\/d\/1_BDhXWsE0RgNLYNZ42k4IJmMZs8mG5zv\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2015\",\n circularNo: \"Finance Circular No.1\/2015\",\n title: \"Salary Deduction Period For Outstanding Advancement\",\n remark: \"Stipulated schedules for reclaiming advance payroll funds\",\n link: \"https:\/\/drive.google.com\/file\/d\/1C_z9QA8TkvIC6Q4u8FYa9KPLWFxMFFwO\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2015\",\n circularNo: \"Finance Circular No.2\/2015\",\n title: \"Guidelines for subscribing of newspapers\",\n remark: \"Institutional and departmental allocations\",\n link: \"https:\/\/drive.google.com\/file\/d\/1maHWIdutU-4w-5hM5BhRdxJOskb87mrs\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2015\",\n circularNo: \"Finance Circular No.3\/2015\",\n title: \"Policy of IIUM Asset Management\",\n remark: \"Primary asset lifecycle management guidelines\",\n link: \"https:\/\/drive.google.com\/file\/d\/1RcRIKrR2WFE8cyfsRsbGBIAJWeljTR-w\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2015\",\n circularNo: \"Finance Circular No.4\/2015\",\n title: \"Procedure for Procurement Activities that are Funded by Foreign Funds and Local Non-Government Funds\",\n remark: \"External funding protocol guidelines\",\n link: \"https:\/\/drive.google.com\/file\/d\/1U-6fO3XOAfEKSQWydmat1_4zIJTh57_1\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2014\",\n circularNo: \"Finance Circular No.1\/2015 (2014)\",\n title: \"Allowable Expenses for Ibadah Camp using Operating Budget\",\n remark: \"Spiritual camp \/ corporate training criteria\",\n link: \"https:\/\/drive.google.com\/file\/d\/1k5edQ3FAXa4k_fbtLrkpbBSTo_vQL_pn\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2014\",\n circularNo: \"Finance Circular No.2\/2015 (2014)\",\n title: \"Withdrawal of finance division circular no.2 year 2011 pertaining to Utilization of Printing Services offered by IIUM Printing Sdn Bhd\",\n remark: \"Repealing printing service requirements\",\n link: \"https:\/\/drive.google.com\/file\/d\/1nv5wdkvEQ8QPRERy5xOLo4XqGrmtKd2R\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2014\",\n circularNo: \"Finance Circular No.3\/2015 (2014)\",\n title: \"Guidelines on Prudent Spending for Reducing Public Expenditure 2014\",\n remark: \"University savings initiatives policy document\",\n link: \"https:\/\/drive.google.com\/file\/d\/1f1QX5pgLAyYXzh--6EydFwftym1Iz_nE\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2014\",\n circularNo: \"Finance Circular No.4\/2015 (2014)\",\n title: \"Revision of Cash Management Policy Related to Custody and Deposit of Collection\",\n remark: \"Revenue security and tracking protocols\",\n link: \"https:\/\/drive.google.com\/file\/d\/1z1ytC6tQEJrQFLV7PStgIAM6H7IriS6J\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2010\",\n circularNo: \"Finance Circular No.4\/2010\",\n title: \"Implementation Of Integrity Pact In Government Procurement\",\n remark: \"Anti-corruption pledge structures in vendor registration\",\n link: \"https:\/\/drive.google.com\/file\/d\/1EwGJm8r6UMJJg4mj7_BpL2MgAw1ieqgT\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2010\",\n circularNo: \"Finance Circular No.6\/2010\",\n title: \"Amendment To Treasury Circular NO 3 Year 2003 And Treasury Circular Letter NO 18 Year 1982 With Regards To Travelling Allowance Rate\",\n remark: \"Travel per diem adjustments and transport claims\",\n link: \"https:\/\/drive.google.com\/file\/d\/1q459egNSZQ8mjfSwmFnuGWnkzVBrvalV\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2009\",\n circularNo: \"Finance Circular No.6\/2009\",\n title: \"Amendment to IIUM Financial Policy No 4 Petty Cash Fund\",\n remark: \"Revises disbursements thresholds for quick department expenses\",\n link: \"https:\/\/drive.google.com\/file\/d\/1g5awUNEWZSdR47NS3MUfo8U2x28GXCrr\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n }\n ];\n\n \/\/ State Management variables\n let selectedCategory = 'all';\n let yearsList = [];\n\n \/\/ UI Selectors\n const searchInput = document.getElementById('searchInput');\n const yearFilter = document.getElementById('yearFilter');\n const hideSupersededCheckbox = document.getElementById('hideSupersededCheckbox');\n const tableBody = document.getElementById('tableBody');\n const cardsContainer = document.getElementById('cardsContainer');\n const emptyState = document.getElementById('emptyState');\n const footerCount = document.getElementById('footerCount');\n const activeFiltersIndicator = document.getElementById('activeFiltersIndicator');\n const activeFiltersText = document.getElementById('activeFiltersText');\n\n \/\/ Initializer\n window.addEventListener('DOMContentLoaded', () => {\n \/\/ Apply true LIFO sorting on load to prioritize the latest items\n sortDatabaseLIFO();\n initializeLucide();\n calculateKPIs();\n populateYearFilter();\n applyFilters();\n\n \/\/ Setup listeners\n searchInput.addEventListener('input', applyFilters);\n yearFilter.addEventListener('change', applyFilters);\n hideSupersededCheckbox.addEventListener('change', applyFilters);\n });\n\n function initializeLucide() {\n lucide.createIcons();\n }\n\n \/\/ Explicit LIFO Sorter (Descending Year, then Descending Circular ID priority)\n function sortDatabaseLIFO() {\n database.sort((a, b) => {\n \/\/ Primary sorting: Year Descending\n const yearA = parseInt(a.year) || 0;\n const yearB = parseInt(b.year) || 0;\n if (yearB !== yearA) {\n return yearB - yearA;\n }\n \n \/\/ Secondary sorting: Try to place formal circulars ahead of other files, or sort descendingly by Circular Number if numerical\n const circularNumA = extractCircularNumber(a.circularNo);\n const circularNumB = extractCircularNumber(b.circularNo);\n if (circularNumA !== null && circularNumB !== null) {\n return circularNumB - circularNumA; \/\/ Descending circular number (e.g. No. 4\/2025 above No. 3\/2025)\n }\n\n \/\/ If only one is an official circular, prioritize circulars first\n if (a.category === 'circular' && b.category !== 'circular') return -1;\n if (b.category === 'circular' && a.category !== 'circular') return 1;\n\n return 0;\n });\n }\n\n \/\/ Helper function to pull the circular index for finer LIFO sort\n function extractCircularNumber(circularNoStr) {\n const match = circularNoStr.match(\/No\\.?\\s*(\\d+)\/i);\n return match ? parseInt(match[1]) : null;\n }\n\n \/\/ Calculate statistics & top metrics\n function calculateKPIs() {\n const circulars = database.filter(item => item.category === 'circular').length;\n const superseded = database.filter(item => item.isSuperseded).length;\n\n document.getElementById('stat-circulars').textContent = circulars;\n document.getElementById('stat-superseded').textContent = superseded;\n }\n\n \/\/ Build Year Dropdown selections dynamically\n function populateYearFilter() {\n const years = [...new Set(database.map(item => item.year))];\n \/\/ Sort years in descending order (LIFO)\n years.sort((a, b) => b - a);\n yearsList = years;\n\n \/\/ Clear previous except first\n yearFilter.innerHTML = '<option value=\"all\">All Calendar Years<\/option>';\n\n years.forEach(year => {\n const opt = document.createElement('option');\n opt.value = year;\n opt.textContent = `Year ${year}`;\n yearFilter.appendChild(opt);\n });\n }\n\n \/\/ Main filter execution logic\n function applyFilters() {\n const query = searchInput.value.toLowerCase().trim();\n const selectedYear = yearFilter.value;\n const hideSuperseded = hideSupersededCheckbox.checked;\n\n const filteredData = database.filter(item => {\n \/\/ Category match\n if (selectedCategory !== 'all' && item.category !== selectedCategory) {\n return false;\n }\n \/\/ Year match\n if (selectedYear !== 'all' && item.year !== selectedYear) {\n return false;\n }\n \/\/ Superseded hiding\n if (hideSuperseded && item.isSuperseded) {\n return false;\n }\n \/\/ Search query match\n if (query) {\n const titleMatch = item.title.toLowerCase().includes(query);\n const docNoMatch = item.circularNo.toLowerCase().includes(query);\n const remarkMatch = item.remark.toLowerCase().includes(query);\n const yearMatch = item.year.includes(query);\n if (!titleMatch && !docNoMatch && !remarkMatch && !yearMatch) {\n return false;\n }\n }\n return true;\n });\n\n \/\/ Update Active Filter Indicator\n const isFilteringActive = query !== \"\" || selectedYear !== \"all\" || selectedCategory !== \"all\" || hideSuperseded;\n if (isFilteringActive) {\n activeFiltersIndicator.classList.remove('hidden');\n activeFiltersText.textContent = `Filtered View Enabled: Found ${filteredData.length} of ${database.length} documents.`;\n } else {\n activeFiltersIndicator.classList.add('hidden');\n }\n\n renderData(filteredData);\n }\n\n \/\/ Render data elements into structural lists\n function renderData(data) {\n tableBody.innerHTML = '';\n cardsContainer.innerHTML = '';\n\n if (data.length === 0) {\n emptyState.classList.remove('hidden');\n footerCount.textContent = \"Showing 0 items.\";\n return;\n }\n\n emptyState.classList.add('hidden');\n footerCount.textContent = `Displaying ${data.length} document${data.length > 1 ? 's' : ''}.`;\n\n data.forEach((item, index) => {\n \/\/ Determine Soft Pastel Badges for Statuses\n let statusBadge = \"\";\n if (item.isSuperseded) {\n statusBadge = `<span class=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md text-xs font-semibold bg-red-100 text-red-800 border border-red-200\"><span class=\"w-1.5 h-1.5 rounded-full bg-red-500\"><\/span>Superseded<\/span>`;\n } else if (item.category === \"other\") {\n statusBadge = `<span class=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md text-xs font-semibold bg-amber-100 text-amber-800 border border-amber-200\"><span class=\"w-1.5 h-1.5 rounded-full bg-amber-500\"><\/span>Survey \/ Doc<\/span>`;\n } else {\n statusBadge = `<span class=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md text-xs font-semibold bg-brand-100 text-brand-800 border border-brand-200\"><span class=\"w-1.5 h-1.5 rounded-full bg-brand-600\"><\/span>Active Policy<\/span>`;\n }\n\n \/\/ Render Table row (Desktop)\n const tr = document.createElement('tr');\n tr.className = \"hover:bg-brand-50\/40 border-b border-slate-100 transition-all cursor-pointer group\";\n tr.setAttribute('onclick', `openDetailsModal(${JSON.stringify(encodeURIComponent(JSON.stringify(item)))})`);\n \n tr.innerHTML = `\n <td class=\"py-4 px-6 text-center\">\n <span class=\"inline-block px-2.5 py-1 bg-slate-100 text-slate-700 rounded-md font-bold text-xs\">${item.year}<\/span>\n <\/td>\n <td class=\"py-4 px-6 font-mono text-xs font-bold text-brand-900 group-hover:text-brand-800 transition-colors\">\n <div class=\"flex items-center gap-2\">\n <i data-lucide=\"${item.category === 'circular' ? 'file-text' : 'file-spreadsheet'}\" class=\"w-4 h-4 shrink-0 text-slate-400 group-hover:text-brand-600\"><\/i>\n <span>${item.circularNo}<\/span>\n <\/div>\n <\/td>\n <td class=\"py-4 px-6\">\n <div class=\"font-semibold text-slate-800 text-sm leading-snug\">${item.title}<\/div>\n ${item.remark ? `<div class=\"text-xs text-slate-400 mt-1 italic font-medium flex items-center gap-1\"><i data-lucide=\"info\" class=\"w-3.5 h-3.5 shrink-0\"><\/i> ${item.remark}<\/div>` : ''}\n <\/td>\n <td class=\"py-4 px-6\">\n <div class=\"flex flex-col gap-2\">\n <div>${statusBadge}<\/div>\n <div class=\"flex gap-2\">\n <a href=\"${item.link}\" target=\"_blank\" onclick=\"event.stopPropagation();\" class=\"text-xs font-bold text-brand-600 hover:text-brand-800 transition-colors flex items-center gap-1\">\n <i data-lucide=\"download-cloud\" class=\"w-3.5 h-3.5\"><\/i> Download\n <\/a>\n <\/div>\n <\/div>\n <\/td>\n `;\n tableBody.appendChild(tr);\n\n \/\/ Render Card (Mobile Optimized with pastel boundary accents)\n const card = document.createElement('div');\n card.className = \"p-4 space-y-3 cursor-pointer hover:bg-brand-50\/20 transition-all border-b border-slate-100\";\n card.setAttribute('onclick', `openDetailsModal(${JSON.stringify(encodeURIComponent(JSON.stringify(item)))})`);\n card.innerHTML = `\n <div class=\"flex items-center justify-between\">\n <span class=\"px-2 py-0.5 bg-slate-100 text-slate-700 rounded-md font-bold text-[10px]\">${item.year}<\/span>\n <div>${statusBadge}<\/div>\n <\/div>\n <div>\n <div class=\"text-xs font-mono font-bold text-slate-400 mb-1 flex items-center gap-1.5\">\n <i data-lucide=\"${item.category === 'circular' ? 'file-text' : 'file-spreadsheet'}\" class=\"w-3.5 h-3.5 text-slate-400\"><\/i>\n <span>${item.circularNo}<\/span>\n <\/div>\n <h4 class=\"text-sm font-semibold text-slate-900 leading-snug\">${item.title}<\/h4>\n ${item.remark ? `<p class=\"text-xs text-slate-400 mt-1 italic\">${item.remark}<\/p>` : ''}\n <\/div>\n <div class=\"flex items-center justify-end gap-3 pt-1\">\n <a href=\"${item.link}\" target=\"_blank\" onclick=\"event.stopPropagation();\" class=\"text-xs font-bold text-brand-800 flex items-center gap-1 py-1.5 px-2 bg-brand-100 rounded-lg\">\n <i data-lucide=\"external-link\" class=\"w-3.5 h-3.5\"><\/i> Get Document\n <\/a>\n <\/div>\n `;\n cardsContainer.appendChild(card);\n });\n\n \/\/ Re-initialize dynamic icons\n initializeLucide();\n }\n\n \/\/ Reset all directory controls\n function resetFilters() {\n searchInput.value = '';\n yearFilter.value = 'all';\n hideSupersededCheckbox.checked = false;\n applyFilters();\n }\n\n \/\/ Details Modal Actions\n const detailsModal = document.getElementById('detailsModal');\n const modalDocYearBadge = document.getElementById('modalDocYearBadge');\n const modalDocTitle = document.getElementById('modalDocTitle');\n const modalDocNo = document.getElementById('modalDocNo');\n const modalDocStatus = document.getElementById('modalDocStatus');\n const modalDocRemark = document.getElementById('modalDocRemark');\n const modalDocLink = document.getElementById('modalDocLink');\n const modalCopyBtn = document.getElementById('modalCopyBtn');\n const modalRemarkWrapper = document.getElementById('modalRemarkWrapper');\n const modalHeaderAccent = document.getElementById('modalHeaderAccent');\n\n function openDetailsModal(encodedItem) {\n const item = JSON.parse(decodeURIComponent(encodedItem));\n\n \/\/ Populate Modal Fields\n modalDocYearBadge.textContent = `Year ${item.year}`;\n modalDocTitle.textContent = item.title;\n modalDocNo.textContent = item.circularNo;\n \n \/\/ Set header accents using light pastel tones\n if (item.isSuperseded) {\n modalHeaderAccent.className = \"bg-red-50 p-6 text-slate-800 border-b-4 border-red-300 relative\";\n } else if (item.category === \"other\") {\n modalHeaderAccent.className = \"bg-amber-50 p-6 text-slate-800 border-b-4 border-amber-300 relative\";\n } else {\n modalHeaderAccent.className = \"bg-brand-50 p-6 text-slate-800 border-b-4 border-brand-200 relative\";\n }\n\n \/\/ Status indicator update\n if (item.isSuperseded) {\n modalDocStatus.textContent = \"Superseded \/ Replaced\";\n modalDocStatus.className = \"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-semibold bg-red-100 text-red-800\";\n } else if (item.category === \"other\") {\n modalDocStatus.textContent = \"Non-Circular Reference Document\";\n modalDocStatus.className = \"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-semibold bg-amber-100 text-amber-800\";\n } else {\n modalDocStatus.textContent = \"Active Circular\";\n modalDocStatus.className = \"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-semibold bg-brand-100 text-brand-800\";\n }\n\n \/\/ Remark handling\n if (item.remark) {\n modalRemarkWrapper.classList.remove('hidden');\n modalDocRemark.textContent = item.remark;\n } else {\n modalRemarkWrapper.classList.add('hidden');\n }\n\n \/\/ Link updates\n if (item.link) {\n modalDocLink.classList.remove('hidden');\n modalDocLink.href = item.link;\n } else {\n modalDocLink.classList.add('hidden');\n }\n\n \/\/ Copy setup\n modalCopyBtn.onclick = () => {\n const textToCopy = `Document Info:\\nYear: ${item.year}\\nNumber: ${item.circularNo}\\nTitle: ${item.title}\\nStatus: ${item.isSuperseded ? \"Superseded\" : \"Active\"}\\nLink: ${item.link}`;\n copyToClipboard(textToCopy);\n };\n\n \/\/ Show animation\n detailsModal.classList.remove('hidden');\n setTimeout(() => {\n detailsModal.classList.remove('opacity-0');\n detailsModal.querySelector('.transform').classList.remove('scale-95');\n }, 10);\n }\n\n function closeDetailsModal() {\n detailsModal.classList.add('opacity-0');\n detailsModal.querySelector('.transform').classList.add('scale-95');\n setTimeout(() => {\n detailsModal.classList.add('hidden');\n }, 200);\n }\n\n \/\/ Clipboard Copy Helper\n function copyToClipboard(text) {\n const textarea = document.createElement(\"textarea\");\n textarea.value = text;\n textarea.style.position = \"fixed\"; \/\/ Avoid scrolling to bottom\n document.body.appendChild(textarea);\n textarea.select();\n try {\n document.execCommand(\"copy\");\n showToast(\"Document details copied successfully!\");\n } catch (err) {\n showToast(\"Could not copy details automatically.\");\n }\n document.body.removeChild(textarea);\n }\n\n \/\/ Notification toast trigger\n function showToast(message) {\n const toast = document.getElementById('toast');\n const toastMessage = document.getElementById('toastMessage');\n toastMessage.textContent = message;\n toast.classList.remove('opacity-0', 'translate-y-2');\n toast.classList.add('opacity-100');\n\n setTimeout(() => {\n toast.classList.remove('opacity-100');\n toast.classList.add('opacity-0', 'translate-y-2');\n }, 3000);\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Finance Division Circulars Directory Finance Circulars by Years Official compilation of financial policies, authority delegation, procurement guidelines, and administrative procedures. Search Directory Last updated: Jan 2025 Official Circulars — Superseded Documents — All Calendar Years Hide Superseded Items Reset Filters Filters applied. Found 0 items. Clear all Year Document \/ Circular ID Title & Subject …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/division.iium.edu.my\/finance\/financial-circulars\/\"> <span class=\"screen-reader-text\">Financial Circulars<\/span> Read More »<\/a><\/p>\n","protected":false},"author":14,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-13040","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/pages\/13040","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/comments?post=13040"}],"version-history":[{"count":11,"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/pages\/13040\/revisions"}],"predecessor-version":[{"id":13051,"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/pages\/13040\/revisions\/13051"}],"wp:attachment":[{"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/media?parent=13040"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":13040,"date":"2026-07-06T11:05:34","date_gmt":"2026-07-06T03:05:34","guid":{"rendered":"https:\/\/division.iium.edu.my\/finance\/?page_id=13040"},"modified":"2026-07-06T11:45:12","modified_gmt":"2026-07-06T03:45:12","slug":"financial-circulars","status":"publish","type":"page","link":"https:\/\/division.iium.edu.my\/finance\/financial-circulars\/","title":{"rendered":"Financial Circulars"},"content":{"rendered":"\n\n\n\n \n \n Finance Division Circulars Directory<\/title>\n \n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n \n <script src=\"https:\/\/unpkg.com\/lucide@latest\"><\/script>\n \n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <style>\n body {\n font-family: 'Inter', sans-serif;\n }\n <\/style>\n <script>\n tailwind.config = {\n theme: {\n extend: {\n colors: {\n brand: {\n 50: '#f2faf5', \/* Soft pastel mint cream *\/\n 100: '#e2f5ea', \/* Pastel mint highlight *\/\n 200: '#c5ebd5', \/* Soft sage boundary *\/\n 300: '#99dbae', \/* Mid pastel green *\/\n 600: '#40a070', \/* Soft emerald reading tone *\/\n 800: '#286b4b', \/* Deep pastel green for readable text *\/\n 900: '#1c4d36', \/* Primary dark slate-green text *\/\n 950: '#0c261a', \/* Dark pastel forest accent *\/\n },\n gold: {\n 50: '#fffdf6', \/* Soft buttery cream *\/\n 100: '#fff9e1', \/* Pastel gold cream *\/\n 200: '#fef0bc', \/* Soft gold highlight *\/\n 500: '#e2be5a', \/* Muted gold accent *\/\n 600: '#c59f3f', \/* Readable gold text *\/\n 700: '#9b7824', \/* Dark brass text *\/\n }\n }\n }\n }\n }\n <\/script>\n<\/head>\n<body class=\"bg-slate-50\/50 text-slate-700 min-h-screen flex flex-col\">\n\n \n <header class=\"bg-gradient-to-r from-brand-50 via-white to-gold-50\/70 text-slate-800 shadow-xs border-b border-brand-200\">\n <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-6 sm:py-8\">\n <div class=\"flex flex-col md:flex-row md:items-center md:justify-between gap-4\">\n <div class=\"flex items-center gap-4\">\n <div class=\"p-3 bg-brand-100\/80 rounded-xl border border-brand-200 shadow-xs\">\n <i data-lucide=\"landmark\" class=\"w-8 h-8 text-brand-600\"><\/i>\n <\/div>\n <div>\n <h1 class=\"text-xl sm:text-2xl font-extrabold tracking-tight text-brand-900 mt-0.5\">Finance Circulars by Years<\/h1>\n <p class=\"text-xs sm:text-sm text-slate-500 mt-1 max-w-xl\">\n Official compilation of financial policies, authority delegation, procurement guidelines, and administrative procedures.\n <\/p>\n <\/div>\n <\/div>\n <div class=\"flex flex-wrap items-center gap-2\">\n <button onclick=\"window.scrollTo({top: document.getElementById('searchSection').offsetTop - 20, behavior: 'smooth'})\" class=\"px-4 py-2 bg-brand-600 hover:bg-brand-800 text-white font-semibold text-sm rounded-lg shadow-xs transition-all duration-200 flex items-center gap-2\">\n <i data-lucide=\"search\" class=\"w-4 h-4\"><\/i> Search Directory\n <\/button>\n <span class=\"px-3 py-1.5 bg-gold-100 rounded-lg border border-gold-200 text-gold-700 text-xs font-medium\">\n Last updated: Jan 2025\n <\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n\n \n <main class=\"flex-grow max-w-7xl w-full mx-auto px-4 sm:px-6 lg:px-8 py-8\">\n\n \n <section class=\"grid grid-cols-1 sm:grid-cols-2 gap-4 mb-8\">\n <div class=\"bg-white rounded-2xl p-4 sm:p-5 shadow-xs border border-slate-100 flex items-center justify-between transition-all hover:shadow-sm\">\n <div>\n <span class=\"text-xs text-slate-400 block font-bold uppercase tracking-wider\">Official Circulars<\/span>\n <span id=\"stat-circulars\" class=\"text-2xl sm:text-3xl font-extrabold text-blue-950 mt-1 block\">—<\/span>\n <\/div>\n <div class=\"p-2.5 bg-blue-50\/60 rounded-xl border border-blue-100\"><i data-lucide=\"file-text\" class=\"w-5 h-5 text-blue-500\"><\/i><\/div>\n <\/div>\n <div class=\"bg-white rounded-2xl p-4 sm:p-5 shadow-xs border border-slate-100 flex items-center justify-between transition-all hover:shadow-sm\">\n <div>\n <span class=\"text-xs text-slate-400 block font-bold uppercase tracking-wider\">Superseded Documents<\/span>\n <span id=\"stat-superseded\" class=\"text-2xl sm:text-3xl font-extrabold text-red-950 mt-1 block\">—<\/span>\n <\/div>\n <div class=\"p-2.5 bg-red-50\/60 rounded-xl border border-red-100\"><i data-lucide=\"refresh-cw\" class=\"w-5 h-5 text-red-500\"><\/i><\/div>\n <\/div>\n <\/section>\n\n \n <div id=\"searchSection\" class=\"bg-white rounded-3xl shadow-sm border border-slate-100 overflow-hidden\">\n \n \n <div class=\"p-6 bg-slate-50\/40 border-b border-slate-100\">\n <div class=\"flex flex-col gap-6\">\n \n \n <div class=\"grid grid-cols-1 lg:grid-cols-3 gap-4\">\n <div class=\"lg:col-span-2 relative\">\n <i data-lucide=\"search\" class=\"absolute left-3.5 top-1\/2 -translate-y-1\/2 w-5 h-5 text-slate-400\"><\/i>\n <input type=\"text\" id=\"searchInput\" placeholder=\"Search by circular number, title, keywords, remarks...\" class=\"w-full pl-11 pr-4 py-3 bg-white border border-slate-200 rounded-xl text-sm placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-brand-200 focus:border-brand-600 shadow-xs transition-all\">\n <\/div>\n <div class=\"relative\">\n <i data-lucide=\"calendar\" class=\"absolute left-3.5 top-1\/2 -translate-y-1\/2 w-5 h-5 text-slate-400\"><\/i>\n <select id=\"yearFilter\" class=\"w-full pl-11 pr-10 py-3 bg-white border border-slate-200 rounded-xl text-sm focus:outline-none focus:ring-2 focus:ring-brand-200 focus:border-brand-600 shadow-xs appearance-none cursor-pointer transition-all\">\n <option value=\"all\">All Calendar Years<\/option>\n <\/select>\n <i data-lucide=\"chevron-down\" class=\"absolute right-3 top-1\/2 -translate-y-1\/2 w-4 h-4 text-slate-400 pointer-events-none\"><\/i>\n <\/div>\n <\/div>\n\n \n <div class=\"flex items-center justify-between gap-4 pt-2 border-t border-slate-100\">\n <label class=\"flex items-center gap-2 text-xs font-semibold text-slate-600 cursor-pointer\">\n <input type=\"checkbox\" id=\"hideSupersededCheckbox\" class=\"rounded border-slate-300 text-brand-600 focus:ring-brand-500 w-4 h-4\">\n Hide Superseded Items\n <\/label>\n <button onclick=\"resetFilters()\" class=\"text-xs text-brand-600 hover:text-brand-800 font-semibold flex items-center gap-1 transition-all\">\n <i data-lucide=\"rotate-ccw\" class=\"w-3 h-3\"><\/i> Reset Filters\n <\/button>\n <\/div>\n\n <\/div>\n <\/div>\n\n \n <div id=\"activeFiltersIndicator\" class=\"hidden px-6 py-3 bg-brand-50\/50 border-b border-slate-100 flex items-center justify-between\">\n <div class=\"text-xs text-brand-800 flex items-center gap-2\">\n <span class=\"w-2 h-2 rounded-full bg-brand-500 animate-pulse\"><\/span>\n <span id=\"activeFiltersText\">Filters applied. Found 0 items.<\/span>\n <\/div>\n <button onclick=\"resetFilters()\" class=\"text-xs text-brand-800 hover:underline font-semibold\">Clear all<\/button>\n <\/div>\n\n \n <div class=\"overflow-x-auto\">\n \n \n <table class=\"w-full text-left border-collapse hidden sm:table\">\n <thead>\n <tr class=\"bg-slate-50\/60 text-slate-500 text-xs font-bold uppercase tracking-wider border-b border-slate-100\">\n <th class=\"py-4 px-6 w-16 text-center\">Year<\/th>\n <th class=\"py-4 px-6 w-56\">Document \/ Circular ID<\/th>\n <th class=\"py-4 px-6\">Title & Subject<\/th>\n <th class=\"py-4 px-6 w-44\">Status & Action<\/th>\n <\/tr>\n <\/thead>\n <tbody id=\"tableBody\" class=\"divide-y divide-slate-100 text-sm\">\n \n <\/tbody>\n <\/table>\n\n \n <div id=\"cardsContainer\" class=\"sm:hidden divide-y divide-slate-100\">\n \n <\/div>\n\n \n <div id=\"emptyState\" class=\"hidden py-16 px-6 text-center\">\n <div class=\"w-16 h-16 bg-slate-100 rounded-full flex items-center justify-center mx-auto mb-4\">\n <i data-lucide=\"file-question\" class=\"w-8 h-8 text-slate-400\"><\/i>\n <\/div>\n <h3 class=\"text-base font-bold text-slate-800\">No match found<\/h3>\n <p class=\"text-sm text-slate-500 mt-1 max-w-sm mx-auto\">We couldn’t find any circular or document matching your filters or search keywords. Please adjust your criteria.<\/p>\n <button onclick=\"resetFilters()\" class=\"mt-4 px-4 py-2 bg-brand-800 text-white font-semibold text-xs rounded-lg shadow-xs hover:bg-brand-900 transition-all\">Clear Filters & Show All<\/button>\n <\/div>\n\n <\/div>\n\n \n <div class=\"px-6 py-4 bg-slate-50 border-t border-slate-100 flex items-center justify-between text-xs text-slate-500\">\n <div id=\"footerCount\">Showing 0 documents.<\/div>\n <div class=\"flex items-center gap-1.5 text-slate-400 font-medium\">\n <i data-lucide=\"shield-alert\" class=\"w-4 h-4 text-brand-600\"><\/i> Double-click any row or card for dynamic options.\n <\/div>\n <\/div>\n\n <\/div>\n\n \n <section class=\"mt-8 grid grid-cols-1 md:grid-cols-2 gap-6\">\n <div class=\"bg-white p-6 rounded-2xl border border-slate-100 shadow-sm\">\n <h3 class=\"text-sm font-bold text-slate-800 flex items-center gap-2 mb-3\">\n <i data-lucide=\"alert-triangle\" class=\"w-4 h-4 text-gold-500\"><\/i> Verification & Accuracy Disclaimer\n <\/h3>\n <p class=\"text-xs text-slate-500 leading-relaxed\">\n Some older circulars or specific guidelines may refer to internal university platforms or have been modified by newer Senate\/Board of Governors decisions (e.g., procurement limits revised in 2025 supersede those in 2017). Please read the <strong>Remarks<\/strong> column or check the primary drive link provided for the authoritative version.\n <\/p>\n <\/div>\n <div class=\"bg-white p-6 rounded-2xl border border-slate-100 shadow-sm\">\n <h3 class=\"text-sm font-bold text-slate-800 flex items-center gap-2 mb-3\">\n <i data-lucide=\"help-circle\" class=\"w-4 h-4 text-brand-600\"><\/i> Looking for something else?\n <\/h3>\n <p class=\"text-xs text-slate-500 leading-relaxed\">\n If you cannot find a specific form, policy document, or file, please contact the central Finance Office or refer to your local campus directory administrator. All current documents featured here have active reference drive links for quick previewing.\n <\/p>\n <\/div>\n <\/section>\n\n <\/main>\n\n \n <div id=\"detailsModal\" class=\"fixed inset-0 bg-slate-900\/40 backdrop-blur-xs flex items-center justify-center p-4 z-50 hidden opacity-0 transition-opacity duration-200\">\n <div class=\"bg-white rounded-3xl max-w-xl w-full shadow-2xl border border-slate-100 overflow-hidden transform scale-95 transition-transform duration-200\">\n \n <div id=\"modalHeaderAccent\" class=\"bg-brand-50 p-6 text-slate-800 border-b-4 border-gold-200 relative\">\n <button onclick=\"closeDetailsModal()\" class=\"absolute top-4 right-4 text-slate-600 hover:text-slate-900 bg-slate-100 hover:bg-slate-200 p-1.5 rounded-lg transition-all\">\n <i data-lucide=\"x\" class=\"w-5 h-5\"><\/i>\n <\/button>\n <span id=\"modalDocYearBadge\" class=\"text-xs font-bold text-brand-800 uppercase tracking-widest block mb-1\">YEAR —<\/span>\n <h3 id=\"modalDocTitle\" class=\"text-lg font-bold pr-8 text-brand-900 leading-snug\">Document Title<\/h3>\n <p id=\"modalDocNo\" class=\"text-xs text-slate-500 font-mono mt-1\">Circular No. —<\/p>\n <\/div>\n \n <div class=\"p-6 space-y-4\">\n <div>\n <span class=\"text-xs text-slate-400 font-bold uppercase tracking-wider block mb-1\">Status<\/span>\n <span id=\"modalDocStatus\" class=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-semibold\">Active<\/span>\n <\/div>\n <div id=\"modalRemarkWrapper\">\n <span class=\"text-xs text-slate-400 font-bold uppercase tracking-wider block mb-1\">Remarks \/ Notes<\/span>\n <p id=\"modalDocRemark\" class=\"text-sm text-slate-600 bg-slate-50 p-3 rounded-lg border border-slate-100 leading-relaxed\">No custom notes associated with this entry.<\/p>\n <\/div>\n <div class=\"pt-4 border-t border-slate-100 flex items-center justify-end gap-2\">\n <button onclick=\"closeDetailsModal()\" class=\"px-4 py-2 bg-slate-100 hover:bg-slate-200 text-slate-700 text-xs font-semibold rounded-lg transition-all\">\n Close\n <\/button>\n <button id=\"modalCopyBtn\" class=\"px-4 py-2 bg-brand-50 hover:bg-brand-100 text-brand-800 text-xs font-bold rounded-lg transition-all flex items-center gap-1.5\">\n <i data-lucide=\"copy\" class=\"w-3.5 h-3.5\"><\/i> Copy Details\n <\/button>\n <a id=\"modalDocLink\" href=\"#\" target=\"_blank\" class=\"px-4 py-2 bg-brand-800 hover:bg-brand-900 text-white text-xs font-bold rounded-lg transition-all flex items-center gap-1.5 shadow-sm\">\n <i data-lucide=\"external-link\" class=\"w-3.5 h-3.5\"><\/i> View \/ Download Document\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div id=\"toast\" class=\"fixed bottom-6 right-6 bg-slate-900 text-white px-4 py-3 rounded-xl shadow-xl flex items-center gap-2.5 text-xs font-medium border border-slate-800 z-50 pointer-events-none opacity-0 translate-y-2 transition-all duration-300\">\n <i data-lucide=\"check-circle\" class=\"w-4 h-4 text-emerald-400\"><\/i>\n <span id=\"toastMessage\">Copied to clipboard!<\/span>\n <\/div>\n\n \n <script>\n \/\/ Filtered dataset: Only contains documents with links.\n const database = [\n {\n year: \"2025\",\n circularNo: \"Finance Circular No.1\/2025\",\n title: \"Malaysian Students Fee Exclusively to Palestinian Students from Gaza or any Other Conflict Area in Palestine\",\n remark: \"Approved via Board of Governors Paper (Paper BOG)\",\n link: \"https:\/\/drive.google.com\/file\/d\/1P7_UzP7Uy3qPzhGvYy9uRX9MnRFLvfv2\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2025\",\n circularNo: \"Finance Circular No.2\/2025\",\n title: \"Delegation of Authority to IIUM Budget Committee\",\n remark: \"Official delegation and structure framework guidelines\",\n link: \"https:\/\/drive.google.com\/file\/d\/1yXoNy1MYpwzVAg40KLh_t6Bk-_5svid8\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2025\",\n circularNo: \"Finance Circular No.3\/2025\",\n title: \"Revised Procurement Authority Limits\",\n remark: \"Updates and structures threshold limits\",\n link: \"https:\/\/drive.google.com\/drive\/folders\/1MswEynP5aIlFVTqqeaZk0Getb1YQfaXU?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2025\",\n circularNo: \"Finance Circular No.4\/2025\",\n title: \"Revised Nomenclature Asset Disposal Authority\",\n remark: \"New terminology and procedural governance alignment\",\n link: \"https:\/\/drive.google.com\/file\/d\/18V5O5M4Tc-smi6WaPTOqF-rmDw_05ReM\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2024\",\n circularNo: \"Finance Circular No.1\/2024\",\n title: \"Revision on Financial Policies and Procedures\",\n remark: \"Updates key structural procedures\",\n link: \"https:\/\/drive.google.com\/file\/d\/1o_sS-wU5gf0DhJV2GqmVrP4tWcOwjF1t\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2024\",\n circularNo: \"Finance Circular No.2\/2024\",\n title: \"New Guideline on Standard Rate for Refreshment (Meeting \/ Workshop \/ Other Functions)\",\n remark: \"Supersedes the older 2\/2019 Circular\",\n link: \"https:\/\/drive.google.com\/file\/d\/1Z4SUJyJL2s8JdHvKihAcBfgr4j3hgZxj\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2022\",\n circularNo: \"Finance Circular No.1\/2022\",\n title: \"Adoption of Treasury Circular PB3.1 guidelines on Public Expenditure saving\",\n remark: \"Prudent spending framework alignment\",\n link: \"https:\/\/drive.google.com\/file\/d\/13N35rxzUQk9hx6Y5UesXnDzLx8JED3X_\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2022\",\n circularNo: \"Finance Circular No.2\/2022\",\n title: \"Policy for waiver and discount of IIUM fees and charges\",\n remark: \"Student aid and discount procedures\",\n link: \"https:\/\/drive.google.com\/file\/d\/1GyTr6nQM06PIFc3XjxEA2_vv48QtJ_oH\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2022\",\n circularNo: \"Finance Circular No.3\/2022\",\n title: \"Policy on the procurement through an online Platform as an additional method at IIUM\",\n remark: \"E-procurement framework details\",\n link: \"https:\/\/drive.google.com\/file\/d\/1eUfMYxZHM11_8fETs1sX-JiCwfcpY4SG\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2022\",\n circularNo: \"Finance Circular No.4\/2022\",\n title: \"Revision of policy for the procurement under emergency expenditure\",\n remark: \"Fast-track approval criteria for urgent repairs\/works\",\n link: \"https:\/\/drive.google.com\/file\/d\/1evGCJZKST0j2Djf4eN_wsDO3kqSBxgSJ\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2020\",\n circularNo: \"Finance Circular No.1\/2020\",\n title: \"Guidelines on Tax Exemption for Donation and Contribution to the University Under Subsection 44(6) Income Tax 1967\",\n remark: \"Critical tax incentive and accounting guidelines\",\n link: \"https:\/\/drive.google.com\/file\/d\/1UxA27V6KEO-ezO8DuotCg2RM9kwRabvK\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2019\",\n circularNo: \"Finance Circular No.1\/2019\",\n title: \"Revision on Financial Policies and Procedures\",\n remark: \"Structural policies framework\",\n link: \"https:\/\/drive.google.com\/file\/d\/17Qu_l5l1VmniB4WEd-rcZaSeGNuCXAKf\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2019\",\n circularNo: \"Finance Circular No.2\/2019\",\n title: \"New Guideline on Standard Rate for Refreshment (Meeting\/Workshop\/Other Functions)\",\n remark: \"SUPERSEDED. Please refer to newest circular No. 2\/2024\",\n link: \"https:\/\/drive.google.com\/file\/d\/13DJzgZ3VndPRlcQrBtdO57AWiIjf_wWW\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: true\n },\n {\n year: \"2017\",\n circularNo: \"Finance Circular No.1\/2017\",\n title: \"Revised of Rate for Hand phone Allowance\",\n remark: \"See corresponding .docx references below\",\n link: \"https:\/\/drive.google.com\/file\/d\/1a3FUkgI_Lm0BLQVTCTBeqvGH2Pbl1itP\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2017\",\n circularNo: \"Finance Circular No.2\/2017\",\n title: \"New Eligibility of Housing Financing Scheme\",\n remark: \"Updated limits and processing steps\",\n link: \"https:\/\/drive.google.com\/file\/d\/13isKF08OPtEY2K7nkS-sBKkMs8XWUOKx\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2017\",\n circularNo: \"Finance Circular No.3\/2017\",\n title: \"New Eligibility for IIUM Vehicle Financing Scheme\",\n remark: \"Transport allocation criteria details\",\n link: \"https:\/\/drive.google.com\/file\/d\/1H72X8-7kIZLvrXINrEN4r97h3zXOSGGB\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2017\",\n circularNo: \"Finance Circular No.4\/2017\",\n title: \"Delegation of Authority for Procurement of Goods, Services and Works For IIUM Kuantan Campus\",\n remark: \"Decentralized approving power guidelines\",\n link: \"https:\/\/drive.google.com\/file\/d\/1fy8vmI0pBdPXKsEQ55yvcbQOWAw-I9ne\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2017\",\n circularNo: \"Finance Circular No.5\/2017\",\n title: \"Revision of Approving Authority Limit for Director of Research Management Centre and Procurement method for purchases of Goods and Services Related to research activities\",\n remark: \"Expediting academic & research funding purchases\",\n link: \"https:\/\/drive.google.com\/file\/d\/1BhVDzrR7huP_5UBmXrZ7PEO7Goj-LI3H\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2017\",\n circularNo: \"Finance Circular No.6\/2017\",\n title: \"IIUM Computer Financing Scheme for Purchase of Smartphones\",\n remark: \"Allows dynamic allowances toward modern communication assets\",\n link: \"https:\/\/drive.google.com\/file\/d\/1nWVkM5uO2vOCU90OkhmUZDf1MqY8uALT\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2017\",\n circularNo: \"Finance Circular No.7\/2017\",\n title: \"Revision of Threshold to Capitalize Renovation Expenses\",\n remark: \"Capital expenditure accounting policies\",\n link: \"https:\/\/drive.google.com\/file\/d\/1_BDhXWsE0RgNLYNZ42k4IJmMZs8mG5zv\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2015\",\n circularNo: \"Finance Circular No.1\/2015\",\n title: \"Salary Deduction Period For Outstanding Advancement\",\n remark: \"Stipulated schedules for reclaiming advance payroll funds\",\n link: \"https:\/\/drive.google.com\/file\/d\/1C_z9QA8TkvIC6Q4u8FYa9KPLWFxMFFwO\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2015\",\n circularNo: \"Finance Circular No.2\/2015\",\n title: \"Guidelines for subscribing of newspapers\",\n remark: \"Institutional and departmental allocations\",\n link: \"https:\/\/drive.google.com\/file\/d\/1maHWIdutU-4w-5hM5BhRdxJOskb87mrs\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2015\",\n circularNo: \"Finance Circular No.3\/2015\",\n title: \"Policy of IIUM Asset Management\",\n remark: \"Primary asset lifecycle management guidelines\",\n link: \"https:\/\/drive.google.com\/file\/d\/1RcRIKrR2WFE8cyfsRsbGBIAJWeljTR-w\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2015\",\n circularNo: \"Finance Circular No.4\/2015\",\n title: \"Procedure for Procurement Activities that are Funded by Foreign Funds and Local Non-Government Funds\",\n remark: \"External funding protocol guidelines\",\n link: \"https:\/\/drive.google.com\/file\/d\/1U-6fO3XOAfEKSQWydmat1_4zIJTh57_1\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2014\",\n circularNo: \"Finance Circular No.1\/2015 (2014)\",\n title: \"Allowable Expenses for Ibadah Camp using Operating Budget\",\n remark: \"Spiritual camp \/ corporate training criteria\",\n link: \"https:\/\/drive.google.com\/file\/d\/1k5edQ3FAXa4k_fbtLrkpbBSTo_vQL_pn\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2014\",\n circularNo: \"Finance Circular No.2\/2015 (2014)\",\n title: \"Withdrawal of finance division circular no.2 year 2011 pertaining to Utilization of Printing Services offered by IIUM Printing Sdn Bhd\",\n remark: \"Repealing printing service requirements\",\n link: \"https:\/\/drive.google.com\/file\/d\/1nv5wdkvEQ8QPRERy5xOLo4XqGrmtKd2R\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2014\",\n circularNo: \"Finance Circular No.3\/2015 (2014)\",\n title: \"Guidelines on Prudent Spending for Reducing Public Expenditure 2014\",\n remark: \"University savings initiatives policy document\",\n link: \"https:\/\/drive.google.com\/file\/d\/1f1QX5pgLAyYXzh--6EydFwftym1Iz_nE\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2014\",\n circularNo: \"Finance Circular No.4\/2015 (2014)\",\n title: \"Revision of Cash Management Policy Related to Custody and Deposit of Collection\",\n remark: \"Revenue security and tracking protocols\",\n link: \"https:\/\/drive.google.com\/file\/d\/1z1ytC6tQEJrQFLV7PStgIAM6H7IriS6J\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2010\",\n circularNo: \"Finance Circular No.4\/2010\",\n title: \"Implementation Of Integrity Pact In Government Procurement\",\n remark: \"Anti-corruption pledge structures in vendor registration\",\n link: \"https:\/\/drive.google.com\/file\/d\/1EwGJm8r6UMJJg4mj7_BpL2MgAw1ieqgT\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2010\",\n circularNo: \"Finance Circular No.6\/2010\",\n title: \"Amendment To Treasury Circular NO 3 Year 2003 And Treasury Circular Letter NO 18 Year 1982 With Regards To Travelling Allowance Rate\",\n remark: \"Travel per diem adjustments and transport claims\",\n link: \"https:\/\/drive.google.com\/file\/d\/1q459egNSZQ8mjfSwmFnuGWnkzVBrvalV\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n },\n {\n year: \"2009\",\n circularNo: \"Finance Circular No.6\/2009\",\n title: \"Amendment to IIUM Financial Policy No 4 Petty Cash Fund\",\n remark: \"Revises disbursements thresholds for quick department expenses\",\n link: \"https:\/\/drive.google.com\/file\/d\/1g5awUNEWZSdR47NS3MUfo8U2x28GXCrr\/view?usp=drive_link\",\n category: \"circular\",\n isSuperseded: false\n }\n ];\n\n \/\/ State Management variables\n let selectedCategory = 'all';\n let yearsList = [];\n\n \/\/ UI Selectors\n const searchInput = document.getElementById('searchInput');\n const yearFilter = document.getElementById('yearFilter');\n const hideSupersededCheckbox = document.getElementById('hideSupersededCheckbox');\n const tableBody = document.getElementById('tableBody');\n const cardsContainer = document.getElementById('cardsContainer');\n const emptyState = document.getElementById('emptyState');\n const footerCount = document.getElementById('footerCount');\n const activeFiltersIndicator = document.getElementById('activeFiltersIndicator');\n const activeFiltersText = document.getElementById('activeFiltersText');\n\n \/\/ Initializer\n window.addEventListener('DOMContentLoaded', () => {\n \/\/ Apply true LIFO sorting on load to prioritize the latest items\n sortDatabaseLIFO();\n initializeLucide();\n calculateKPIs();\n populateYearFilter();\n applyFilters();\n\n \/\/ Setup listeners\n searchInput.addEventListener('input', applyFilters);\n yearFilter.addEventListener('change', applyFilters);\n hideSupersededCheckbox.addEventListener('change', applyFilters);\n });\n\n function initializeLucide() {\n lucide.createIcons();\n }\n\n \/\/ Explicit LIFO Sorter (Descending Year, then Descending Circular ID priority)\n function sortDatabaseLIFO() {\n database.sort((a, b) => {\n \/\/ Primary sorting: Year Descending\n const yearA = parseInt(a.year) || 0;\n const yearB = parseInt(b.year) || 0;\n if (yearB !== yearA) {\n return yearB - yearA;\n }\n \n \/\/ Secondary sorting: Try to place formal circulars ahead of other files, or sort descendingly by Circular Number if numerical\n const circularNumA = extractCircularNumber(a.circularNo);\n const circularNumB = extractCircularNumber(b.circularNo);\n if (circularNumA !== null && circularNumB !== null) {\n return circularNumB - circularNumA; \/\/ Descending circular number (e.g. No. 4\/2025 above No. 3\/2025)\n }\n\n \/\/ If only one is an official circular, prioritize circulars first\n if (a.category === 'circular' && b.category !== 'circular') return -1;\n if (b.category === 'circular' && a.category !== 'circular') return 1;\n\n return 0;\n });\n }\n\n \/\/ Helper function to pull the circular index for finer LIFO sort\n function extractCircularNumber(circularNoStr) {\n const match = circularNoStr.match(\/No\\.?\\s*(\\d+)\/i);\n return match ? parseInt(match[1]) : null;\n }\n\n \/\/ Calculate statistics & top metrics\n function calculateKPIs() {\n const circulars = database.filter(item => item.category === 'circular').length;\n const superseded = database.filter(item => item.isSuperseded).length;\n\n document.getElementById('stat-circulars').textContent = circulars;\n document.getElementById('stat-superseded').textContent = superseded;\n }\n\n \/\/ Build Year Dropdown selections dynamically\n function populateYearFilter() {\n const years = [...new Set(database.map(item => item.year))];\n \/\/ Sort years in descending order (LIFO)\n years.sort((a, b) => b - a);\n yearsList = years;\n\n \/\/ Clear previous except first\n yearFilter.innerHTML = '<option value=\"all\">All Calendar Years<\/option>';\n\n years.forEach(year => {\n const opt = document.createElement('option');\n opt.value = year;\n opt.textContent = `Year ${year}`;\n yearFilter.appendChild(opt);\n });\n }\n\n \/\/ Main filter execution logic\n function applyFilters() {\n const query = searchInput.value.toLowerCase().trim();\n const selectedYear = yearFilter.value;\n const hideSuperseded = hideSupersededCheckbox.checked;\n\n const filteredData = database.filter(item => {\n \/\/ Category match\n if (selectedCategory !== 'all' && item.category !== selectedCategory) {\n return false;\n }\n \/\/ Year match\n if (selectedYear !== 'all' && item.year !== selectedYear) {\n return false;\n }\n \/\/ Superseded hiding\n if (hideSuperseded && item.isSuperseded) {\n return false;\n }\n \/\/ Search query match\n if (query) {\n const titleMatch = item.title.toLowerCase().includes(query);\n const docNoMatch = item.circularNo.toLowerCase().includes(query);\n const remarkMatch = item.remark.toLowerCase().includes(query);\n const yearMatch = item.year.includes(query);\n if (!titleMatch && !docNoMatch && !remarkMatch && !yearMatch) {\n return false;\n }\n }\n return true;\n });\n\n \/\/ Update Active Filter Indicator\n const isFilteringActive = query !== \"\" || selectedYear !== \"all\" || selectedCategory !== \"all\" || hideSuperseded;\n if (isFilteringActive) {\n activeFiltersIndicator.classList.remove('hidden');\n activeFiltersText.textContent = `Filtered View Enabled: Found ${filteredData.length} of ${database.length} documents.`;\n } else {\n activeFiltersIndicator.classList.add('hidden');\n }\n\n renderData(filteredData);\n }\n\n \/\/ Render data elements into structural lists\n function renderData(data) {\n tableBody.innerHTML = '';\n cardsContainer.innerHTML = '';\n\n if (data.length === 0) {\n emptyState.classList.remove('hidden');\n footerCount.textContent = \"Showing 0 items.\";\n return;\n }\n\n emptyState.classList.add('hidden');\n footerCount.textContent = `Displaying ${data.length} document${data.length > 1 ? 's' : ''}.`;\n\n data.forEach((item, index) => {\n \/\/ Determine Soft Pastel Badges for Statuses\n let statusBadge = \"\";\n if (item.isSuperseded) {\n statusBadge = `<span class=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md text-xs font-semibold bg-red-100 text-red-800 border border-red-200\"><span class=\"w-1.5 h-1.5 rounded-full bg-red-500\"><\/span>Superseded<\/span>`;\n } else if (item.category === \"other\") {\n statusBadge = `<span class=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md text-xs font-semibold bg-amber-100 text-amber-800 border border-amber-200\"><span class=\"w-1.5 h-1.5 rounded-full bg-amber-500\"><\/span>Survey \/ Doc<\/span>`;\n } else {\n statusBadge = `<span class=\"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-md text-xs font-semibold bg-brand-100 text-brand-800 border border-brand-200\"><span class=\"w-1.5 h-1.5 rounded-full bg-brand-600\"><\/span>Active Policy<\/span>`;\n }\n\n \/\/ Render Table row (Desktop)\n const tr = document.createElement('tr');\n tr.className = \"hover:bg-brand-50\/40 border-b border-slate-100 transition-all cursor-pointer group\";\n tr.setAttribute('onclick', `openDetailsModal(${JSON.stringify(encodeURIComponent(JSON.stringify(item)))})`);\n \n tr.innerHTML = `\n <td class=\"py-4 px-6 text-center\">\n <span class=\"inline-block px-2.5 py-1 bg-slate-100 text-slate-700 rounded-md font-bold text-xs\">${item.year}<\/span>\n <\/td>\n <td class=\"py-4 px-6 font-mono text-xs font-bold text-brand-900 group-hover:text-brand-800 transition-colors\">\n <div class=\"flex items-center gap-2\">\n <i data-lucide=\"${item.category === 'circular' ? 'file-text' : 'file-spreadsheet'}\" class=\"w-4 h-4 shrink-0 text-slate-400 group-hover:text-brand-600\"><\/i>\n <span>${item.circularNo}<\/span>\n <\/div>\n <\/td>\n <td class=\"py-4 px-6\">\n <div class=\"font-semibold text-slate-800 text-sm leading-snug\">${item.title}<\/div>\n ${item.remark ? `<div class=\"text-xs text-slate-400 mt-1 italic font-medium flex items-center gap-1\"><i data-lucide=\"info\" class=\"w-3.5 h-3.5 shrink-0\"><\/i> ${item.remark}<\/div>` : ''}\n <\/td>\n <td class=\"py-4 px-6\">\n <div class=\"flex flex-col gap-2\">\n <div>${statusBadge}<\/div>\n <div class=\"flex gap-2\">\n <a href=\"${item.link}\" target=\"_blank\" onclick=\"event.stopPropagation();\" class=\"text-xs font-bold text-brand-600 hover:text-brand-800 transition-colors flex items-center gap-1\">\n <i data-lucide=\"download-cloud\" class=\"w-3.5 h-3.5\"><\/i> Download\n <\/a>\n <\/div>\n <\/div>\n <\/td>\n `;\n tableBody.appendChild(tr);\n\n \/\/ Render Card (Mobile Optimized with pastel boundary accents)\n const card = document.createElement('div');\n card.className = \"p-4 space-y-3 cursor-pointer hover:bg-brand-50\/20 transition-all border-b border-slate-100\";\n card.setAttribute('onclick', `openDetailsModal(${JSON.stringify(encodeURIComponent(JSON.stringify(item)))})`);\n card.innerHTML = `\n <div class=\"flex items-center justify-between\">\n <span class=\"px-2 py-0.5 bg-slate-100 text-slate-700 rounded-md font-bold text-[10px]\">${item.year}<\/span>\n <div>${statusBadge}<\/div>\n <\/div>\n <div>\n <div class=\"text-xs font-mono font-bold text-slate-400 mb-1 flex items-center gap-1.5\">\n <i data-lucide=\"${item.category === 'circular' ? 'file-text' : 'file-spreadsheet'}\" class=\"w-3.5 h-3.5 text-slate-400\"><\/i>\n <span>${item.circularNo}<\/span>\n <\/div>\n <h4 class=\"text-sm font-semibold text-slate-900 leading-snug\">${item.title}<\/h4>\n ${item.remark ? `<p class=\"text-xs text-slate-400 mt-1 italic\">${item.remark}<\/p>` : ''}\n <\/div>\n <div class=\"flex items-center justify-end gap-3 pt-1\">\n <a href=\"${item.link}\" target=\"_blank\" onclick=\"event.stopPropagation();\" class=\"text-xs font-bold text-brand-800 flex items-center gap-1 py-1.5 px-2 bg-brand-100 rounded-lg\">\n <i data-lucide=\"external-link\" class=\"w-3.5 h-3.5\"><\/i> Get Document\n <\/a>\n <\/div>\n `;\n cardsContainer.appendChild(card);\n });\n\n \/\/ Re-initialize dynamic icons\n initializeLucide();\n }\n\n \/\/ Reset all directory controls\n function resetFilters() {\n searchInput.value = '';\n yearFilter.value = 'all';\n hideSupersededCheckbox.checked = false;\n applyFilters();\n }\n\n \/\/ Details Modal Actions\n const detailsModal = document.getElementById('detailsModal');\n const modalDocYearBadge = document.getElementById('modalDocYearBadge');\n const modalDocTitle = document.getElementById('modalDocTitle');\n const modalDocNo = document.getElementById('modalDocNo');\n const modalDocStatus = document.getElementById('modalDocStatus');\n const modalDocRemark = document.getElementById('modalDocRemark');\n const modalDocLink = document.getElementById('modalDocLink');\n const modalCopyBtn = document.getElementById('modalCopyBtn');\n const modalRemarkWrapper = document.getElementById('modalRemarkWrapper');\n const modalHeaderAccent = document.getElementById('modalHeaderAccent');\n\n function openDetailsModal(encodedItem) {\n const item = JSON.parse(decodeURIComponent(encodedItem));\n\n \/\/ Populate Modal Fields\n modalDocYearBadge.textContent = `Year ${item.year}`;\n modalDocTitle.textContent = item.title;\n modalDocNo.textContent = item.circularNo;\n \n \/\/ Set header accents using light pastel tones\n if (item.isSuperseded) {\n modalHeaderAccent.className = \"bg-red-50 p-6 text-slate-800 border-b-4 border-red-300 relative\";\n } else if (item.category === \"other\") {\n modalHeaderAccent.className = \"bg-amber-50 p-6 text-slate-800 border-b-4 border-amber-300 relative\";\n } else {\n modalHeaderAccent.className = \"bg-brand-50 p-6 text-slate-800 border-b-4 border-brand-200 relative\";\n }\n\n \/\/ Status indicator update\n if (item.isSuperseded) {\n modalDocStatus.textContent = \"Superseded \/ Replaced\";\n modalDocStatus.className = \"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-semibold bg-red-100 text-red-800\";\n } else if (item.category === \"other\") {\n modalDocStatus.textContent = \"Non-Circular Reference Document\";\n modalDocStatus.className = \"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-semibold bg-amber-100 text-amber-800\";\n } else {\n modalDocStatus.textContent = \"Active Circular\";\n modalDocStatus.className = \"inline-flex items-center gap-1.5 px-2.5 py-1 rounded-full text-xs font-semibold bg-brand-100 text-brand-800\";\n }\n\n \/\/ Remark handling\n if (item.remark) {\n modalRemarkWrapper.classList.remove('hidden');\n modalDocRemark.textContent = item.remark;\n } else {\n modalRemarkWrapper.classList.add('hidden');\n }\n\n \/\/ Link updates\n if (item.link) {\n modalDocLink.classList.remove('hidden');\n modalDocLink.href = item.link;\n } else {\n modalDocLink.classList.add('hidden');\n }\n\n \/\/ Copy setup\n modalCopyBtn.onclick = () => {\n const textToCopy = `Document Info:\\nYear: ${item.year}\\nNumber: ${item.circularNo}\\nTitle: ${item.title}\\nStatus: ${item.isSuperseded ? \"Superseded\" : \"Active\"}\\nLink: ${item.link}`;\n copyToClipboard(textToCopy);\n };\n\n \/\/ Show animation\n detailsModal.classList.remove('hidden');\n setTimeout(() => {\n detailsModal.classList.remove('opacity-0');\n detailsModal.querySelector('.transform').classList.remove('scale-95');\n }, 10);\n }\n\n function closeDetailsModal() {\n detailsModal.classList.add('opacity-0');\n detailsModal.querySelector('.transform').classList.add('scale-95');\n setTimeout(() => {\n detailsModal.classList.add('hidden');\n }, 200);\n }\n\n \/\/ Clipboard Copy Helper\n function copyToClipboard(text) {\n const textarea = document.createElement(\"textarea\");\n textarea.value = text;\n textarea.style.position = \"fixed\"; \/\/ Avoid scrolling to bottom\n document.body.appendChild(textarea);\n textarea.select();\n try {\n document.execCommand(\"copy\");\n showToast(\"Document details copied successfully!\");\n } catch (err) {\n showToast(\"Could not copy details automatically.\");\n }\n document.body.removeChild(textarea);\n }\n\n \/\/ Notification toast trigger\n function showToast(message) {\n const toast = document.getElementById('toast');\n const toastMessage = document.getElementById('toastMessage');\n toastMessage.textContent = message;\n toast.classList.remove('opacity-0', 'translate-y-2');\n toast.classList.add('opacity-100');\n\n setTimeout(() => {\n toast.classList.remove('opacity-100');\n toast.classList.add('opacity-0', 'translate-y-2');\n }, 3000);\n }\n <\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Finance Division Circulars Directory Finance Circulars by Years Official compilation of financial policies, authority delegation, procurement guidelines, and administrative procedures. Search Directory Last updated: Jan 2025 Official Circulars — Superseded Documents — All Calendar Years Hide Superseded Items Reset Filters Filters applied. Found 0 items. Clear all Year Document \/ Circular ID Title & Subject …<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/division.iium.edu.my\/finance\/financial-circulars\/\"> <span class=\"screen-reader-text\">Financial Circulars<\/span> Read More »<\/a><\/p>\n","protected":false},"author":14,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":""},"class_list":["post-13040","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/pages\/13040","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/users\/14"}],"replies":[{"embeddable":true,"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/comments?post=13040"}],"version-history":[{"count":11,"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/pages\/13040\/revisions"}],"predecessor-version":[{"id":13051,"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/pages\/13040\/revisions\/13051"}],"wp:attachment":[{"href":"https:\/\/division.iium.edu.my\/finance\/wp-json\/wp\/v2\/media?parent=13040"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}