{"id":17988,"date":"2026-03-08T10:44:03","date_gmt":"2026-03-08T10:44:03","guid":{"rendered":"https:\/\/mldcdev.vtech2u.in\/?page_id=17988"},"modified":"2026-03-08T10:44:05","modified_gmt":"2026-03-08T10:44:05","slug":"notice-board","status":"publish","type":"page","link":"https:\/\/mldcc.com\/mldcc\/notice-board\/","title":{"rendered":"Notice Board"},"content":{"rendered":"    <style>\n    .unb-wrap,.unb-wrap *{ box-sizing:border-box; }\n    .unb-wrap{ font-family:'Segoe UI',system-ui,sans-serif; color:#1e293b; }\n\n    .unb-btn{ display:inline-flex; align-items:center; gap:6px; padding:9px 20px; border-radius:8px; font-size:13px; font-weight:600; cursor:pointer; border:2px solid #3b82f6; background:#3b82f6; color:#fff; transition:all .18s; text-decoration:none; line-height:1.3; }\n    .unb-btn:hover{ background:#2563eb; border-color:#2563eb; color:#fff; }\n    .unb-btn:disabled{ opacity:.5; cursor:not-allowed; }\n    .unb-btn-ghost{ background:transparent; color:#3b82f6; }\n    .unb-btn-ghost:hover{ background:#eff6ff; color:#1d4ed8; }\n    .unb-btn-red{ background:#ef4444; border-color:#ef4444; color:#fff; }\n    .unb-btn-red:hover{ background:#dc2626; border-color:#dc2626; }\n    .unb-btn-red:disabled{ background:#fca5a5; border-color:#fca5a5; }\n    .unb-btn-full{ width:100%; justify-content:center; font-size:15px; padding:12px; }\n    .unb-btn-sm{ padding:5px 12px; font-size:12px; }\n\n    .unb-alert{ padding:11px 16px; border-radius:8px; margin-bottom:14px; font-size:13px; line-height:1.5; }\n    .unb-error  { background:#fef2f2; color:#b91c1c; border:1px solid #fecaca; }\n    .unb-warning{ background:#fffbeb; color:#b45309; border:1px solid #fde68a; }\n    .unb-info   { background:#eff6ff; color:#1d4ed8; border:1px solid #bfdbfe; }\n    .unb-success{ background:#f0fdf4; color:#15803d; border:1px solid #bbf7d0; }\n\n    .unb-form,.unb-modal-body form{ width:100%; }\n    .unb-field{ margin-bottom:16px; }\n    .unb-field label{ display:block; font-size:13px; font-weight:600; color:#374151; margin-bottom:6px; }\n    .unb-field .req{ color:#ef4444; }\n    .unb-field input[type=text],.unb-field input[type=email],.unb-field input[type=password],.unb-field select{ width:100%; padding:10px 12px; border:2px solid #e2e8f0; border-radius:8px; font-size:14px; transition:border .18s,box-shadow .18s; background:#fff; }\n    .unb-field input:focus,.unb-field select:focus{ outline:none; border-color:#3b82f6; box-shadow:0 0 0 3px rgba(59,130,246,.15); }\n    .unb-field small{ color:#94a3b8; font-size:12px; margin-top:4px; display:block; }\n    .unb-select{ padding:8px 10px; border:2px solid #e2e8f0; border-radius:8px; font-size:13px; }\n    .unb-form-btns{ display:flex; gap:10px; justify-content:flex-end; margin-top:24px; }\n\n    .unb-badge{ display:inline-block; padding:3px 12px; border-radius:20px; font-size:12px; font-weight:700; background:#dbeafe; color:#1d4ed8; margin-left:8px; }\n    .unb-badge-admin{ background:#fef9c3; color:#92400e; }\n    .tag-cat{ background:#e0f2fe; color:#0369a1; padding:3px 9px; border-radius:12px; font-size:12px; font-weight:600; white-space:nowrap; }\n    .tag-sub{ background:#ede9fe; color:#6d28d9; padding:3px 9px; border-radius:12px; font-size:12px; font-weight:600; white-space:nowrap; }\n    .tag-yr { background:#dcfce7; color:#15803d; padding:3px 9px; border-radius:12px; font-size:12px; font-weight:600; }\n\n    .unb-login-box{ max-width:420px; margin:40px auto; background:#fff; border-radius:16px; box-shadow:0 20px 60px rgba(0,0,0,.08); padding:40px 36px; border:1px solid #f1f5f9; }\n    .unb-login-top{ text-align:center; margin-bottom:28px; }\n    .unb-login-icon{ font-size:48px; margin-bottom:12px; }\n    .unb-login-top h2{ margin:0 0 6px; font-size:22px; font-weight:700; color:#0f172a; }\n    .unb-login-top p{ margin:0; color:#94a3b8; font-size:13px; }\n\n    .unb-dash{ max-width:1100px; margin:0 auto; padding:20px 0; }\n    .unb-dash-head{ display:flex; justify-content:space-between; align-items:flex-start; flex-wrap:wrap; gap:16px; padding-bottom:20px; border-bottom:2px solid #e2e8f0; margin-bottom:24px; }\n    .unb-dash-head h2{ margin:0 0 6px; font-size:22px; font-weight:700; color:#0f172a; }\n    .unb-head-btns{ display:flex; gap:8px; align-items:center; flex-wrap:wrap; }\n    .unb-stats{ display:flex; gap:16px; margin-bottom:24px; flex-wrap:wrap; }\n    .unb-stat{ flex:1; min-width:130px; background:#fff; border:2px solid #e2e8f0; border-radius:12px; padding:20px 24px; text-align:center; }\n    .unb-stat-num{ display:block; font-size:38px; font-weight:800; color:#3b82f6; line-height:1.1; }\n    .unb-stat span:last-child{ font-size:12px; color:#94a3b8; font-weight:500; margin-top:4px; display:block; }\n    .unb-card{ background:#fff; border:2px solid #e2e8f0; border-radius:12px; overflow:hidden; }\n    .unb-card-head{ display:flex; justify-content:space-between; align-items:center; padding:14px 20px; background:#f8fafc; border-bottom:2px solid #e2e8f0; }\n    .unb-card-head h3{ margin:0; font-size:15px; font-weight:700; }\n    #unb-category-filter{ min-width:190px; padding:8px 30px 8px 10px; border:1px solid #cbd5e1; border-radius:7px; background:#fff; color:#334155; font:inherit; }\n    .unb-empty{ padding:60px; text-align:center; color:#94a3b8; font-size:15px; }\n\n    .unb-tbl-wrap{ overflow-x:auto; }\n    .unb-tbl{ width:100%; border-collapse:collapse; font-size:13px; }\n    .unb-tbl th{ background:#f1f5f9; padding:11px 14px; text-align:left; font-weight:600; color:#475569; border-bottom:2px solid #e2e8f0; white-space:nowrap; }\n    .unb-tbl td{ padding:11px 14px; border-bottom:1px solid #f1f5f9; color:#334155; vertical-align:middle; }\n    .unb-tbl tr:hover td{ background:#f8fafc; }\n    .unb-link{ color:#3b82f6; text-decoration:none; font-weight:500; }\n    .unb-link:hover{ text-decoration:underline; }\n    .unb-desc-cell{ max-width:280px; white-space:pre-wrap; word-break:break-word; color:#475569; font-size:12.5px; line-height:1.5; }\n    .unb-field textarea:focus{ outline:none; border-color:#3b82f6; box-shadow:0 0 0 3px rgba(59,130,246,.15); }\n\n    .unb-modal-bg{ position:fixed; inset:0; background:rgba(15,23,42,.5); z-index:99999; display:flex; align-items:center; justify-content:center; padding:16px; }\n    .unb-modal{ background:#fff; border-radius:14px; width:100%; max-width:500px; max-height:92vh; overflow-y:auto; box-shadow:0 32px 80px rgba(0,0,0,.25); }\n    .unb-modal-head{ display:flex; justify-content:space-between; align-items:center; padding:18px 22px; border-bottom:2px solid #e2e8f0; }\n    .unb-modal-head h3{ margin:0; font-size:17px; font-weight:700; }\n    .unb-modal-x{ background:none; border:none; font-size:20px; cursor:pointer; color:#64748b; padding:0; }\n    .unb-modal-body{ padding:22px; }\n    .unb-drop{ border:2px dashed #cbd5e1; border-radius:10px; padding:22px; text-align:center; cursor:pointer; transition:border .18s; position:relative; }\n    .unb-drop:hover{ border-color:#3b82f6; background:#eff6ff; }\n    .unb-drop input[type=file]{ position:absolute; inset:0; opacity:0; cursor:pointer; width:100%; height:100%; }\n    #unb-drop-txt span{ display:block; font-weight:600; color:#334155; margin-bottom:4px; }\n    #unb-drop-txt small{ color:#94a3b8; }\n    #unb-file-name{ color:#15803d; font-size:13px; font-weight:500; }\n    .unb-prog-track{ height:5px; background:#e2e8f0; border-radius:3px; margin-bottom:4px; overflow:hidden; }\n    .unb-prog-fill{ height:100%; background:#3b82f6; width:0; transition:width .25s; border-radius:3px; }\n\n    .unb-nb{ max-width:1100px; margin:0 auto; }\n    .unb-nb-hero{ text-align:center; padding:36px 24px; background:linear-gradient(135deg,#1e3a8a 0%,#2563eb 100%); color:#fff; border-radius:16px; margin-bottom:24px; }\n    .unb-nb-hero h2{ margin:0 0 8px; font-size:26px; font-weight:800; }\n    .unb-nb-hero p{ margin:0; opacity:.85; font-size:14px; }\n    .unb-nb-filters{ background:#fff; border:2px solid #e2e8f0; border-radius:12px; padding:22px 24px; margin-bottom:24px; }\n    .unb-filter-row{ display:flex; gap:16px; flex-wrap:wrap; align-items:flex-end; }\n    .unb-filter-row .unb-field{ flex:1; min-width:180px; margin-bottom:0; }\n    .unb-field-btns{ flex:0; display:flex; gap:8px; align-items:flex-end; }\n    .unb-nb-placeholder{ background:#f8fafc; border:2px dashed #e2e8f0; border-radius:12px; padding:54px; text-align:center; color:#94a3b8; }\n    .unb-ph-icon{ font-size:40px; margin-bottom:10px; }\n    .unb-loading{ text-align:center; padding:44px; color:#64748b; font-size:14px; }\n    .unb-spinner{ width:32px; height:32px; border:3px solid #e2e8f0; border-top-color:#3b82f6; border-radius:50%; margin:0 auto 12px; animation:unb-spin 0.7s linear infinite; }\n    @keyframes unb-spin{ to{ transform:rotate(360deg); } }\n    .unb-nb-res-head{ display:flex; justify-content:space-between; align-items:center; margin-bottom:14px; }\n    .unb-nb-res-head h3{ margin:0; font-size:17px; font-weight:700; color:#0f172a; }\n    .unb-dl-btn{ color:#2563eb; text-decoration:none; font-weight:600; font-size:13px; white-space:nowrap; }\n    .unb-dl-btn:hover{ text-decoration:underline; }\n\n    \/* FIX 2: Toast \u2014 stays visible for 2.5s *\/\n    .unb-toast{\n        position:fixed; top:24px; right:24px; z-index:999999;\n        padding:14px 22px; border-radius:10px; font-size:14px; font-weight:600;\n        box-shadow:0 8px 30px rgba(0,0,0,.2); pointer-events:none;\n        transform:translateY(-20px); opacity:0;\n        transition:transform .3s ease, opacity .3s ease;\n        min-width:240px; text-align:center;\n    }\n    .unb-toast.show{ transform:translateY(0); opacity:1; }\n    .unb-toast-success{ background:#16a34a; color:#fff; }\n    .unb-toast-error  { background:#dc2626; color:#fff; }\n\n    @media(max-width:640px){\n        .unb-dash-head,.unb-head-btns{ flex-direction:column; align-items:flex-start; }\n        .unb-filter-row .unb-field{ min-width:100%; }\n        .unb-login-box{ padding:26px 20px; }\n        .unb-stats{ flex-direction:column; }\n    }\n    <\/style>\n        <div class=\"unb-wrap unb-nb\">\n        <div class=\"unb-nb-hero\">\n            <h2>\ud83d\udccb Notices<\/h2>\n            <p>Search department notices, circulars, timetables & announcements<\/p>\n        <\/div>\n        <div class=\"unb-nb-filters\">\n            <div class=\"unb-filter-row\">\n                <div class=\"unb-field\">\n                    <label>Category<\/label>\n                    <select id=\"nb-dept\" onchange=\"nbPopulateSubs()\">\n                        <option value=\"\">\u2014 Select Category \u2014<\/option>\n                                                    <option value=\"Annual Prize Distribution\">Annual Prize Distribution<\/option>\n                                                    <option value=\"B.Com.\">B.Com.<\/option>\n                                                    <option value=\"Competitions\">Competitions<\/option>\n                                                    <option value=\"Conferences \/ Workshops\">Conferences \/ Workshops<\/option>\n                                                    <option value=\"Extra-Curricular and Co-Curricular Activities\">Extra-Curricular and Co-Curricular Activities<\/option>\n                                                    <option value=\"Freeship \/ Scholarship\">Freeship \/ Scholarship<\/option>\n                                                    <option value=\"General\">General<\/option>\n                                                    <option value=\"Guest Lectures\">Guest Lectures<\/option>\n                                                    <option value=\"Gymkhana\">Gymkhana<\/option>\n                                                    <option value=\"Holiday \/ Break Notifications\">Holiday \/ Break Notifications<\/option>\n                                                    <option value=\"Library\">Library<\/option>\n                                                    <option value=\"M.Com.\">M.Com.<\/option>\n                                                    <option value=\"N.S.S.\">N.S.S.<\/option>\n                                                    <option value=\"Research Cell\">Research Cell<\/option>\n                                                    <option value=\"Self Financing Courses (S.F.C.)\">Self Financing Courses (S.F.C.)<\/option>\n                                                    <option value=\"Short-Term Courses\">Short-Term Courses<\/option>\n                                                    <option value=\"Student Council\">Student Council<\/option>\n                                                    <option value=\"SWAYAM\">SWAYAM<\/option>\n                                            <\/select>\n                <\/div>\n                <div class=\"unb-field\">\n                    <label>Sub-Category<\/label>\n                    <select id=\"nb-sub\" disabled>\n                        <option value=\"\">\u2014 All Sub-Categories \u2014<\/option>\n                    <\/select>\n                <\/div>\n                <div class=\"unb-field unb-field-btns\">\n                    <button class=\"unb-btn\" onclick=\"nbSearch()\">\ud83d\udd0d Search<\/button>\n                    <button class=\"unb-btn unb-btn-ghost\" onclick=\"nbReset()\">Reset<\/button>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div id=\"nb-results\">\n            <div class=\"unb-nb-placeholder\">\n                <div class=\"unb-ph-icon\">\ud83d\udd0e<\/div>\n                <p>Select a department above and click <strong>Search<\/strong> to view notices.<\/p>\n            <\/div>\n        <\/div>\n    <\/div>\n    <script>\n    (function($){\n        var ajaxUrl = 'https:\/\/mldcc.com\/mldcc\/wp-admin\/admin-ajax.php';\n        var nonce   = '144ab969ab';\n        var subMap  = {\"Annual Prize Distribution\":[\"General\"],\"B.Com.\":[\"Examination Time-Table\",\"General\"],\"Competitions\":[\"General\"],\"Conferences \\\/ Workshops\":[\"General\"],\"Extra-Curricular and Co-Curricular Activities\":[\"General\"],\"Freeship \\\/ Scholarship\":[\"General\"],\"General\":[\"General\"],\"Guest Lectures\":[\"General\"],\"Gymkhana\":[\"General\"],\"Holiday \\\/ Break Notifications\":[\"General\"],\"Library\":[\"General\"],\"M.Com.\":[\"General\"],\"N.S.S.\":[\"General\"],\"Research Cell\":[\"General\"],\"Self Financing Courses (S.F.C.)\":[\"General\",\"Examination Time-Table\"],\"Short-Term Courses\":[\"General\"],\"Student Council\":[\"General\"],\"SWAYAM\":[\"General\"]};\n\n        \/* Populate sub-category from local JS map \u2014 instant, no AJAX needed *\/\n        window.nbPopulateSubs = function(){\n            var cat  = $('#nb-dept').val();\n            var sel  = $('#nb-sub');\n            sel.html('<option value=\"\">\u2014 All Sub-Categories \u2014<\/option>');\n            if(!cat){ sel.prop('disabled',true); return; }\n            var subs = subMap[cat] || [];\n            subs.forEach(function(s){ sel.append('<option value=\"'+e2(s)+'\">'+e2(s)+'<\/option>'); });\n            sel.prop('disabled', false);\n            \/\/ Default to the \"General\" sub-category when a category is selected, if it exists,\n            \/\/ then run the search automatically so results show immediately\n            var hasGeneral = subs.some(function(s){ return String(s).toLowerCase() === 'general'; });\n            if(hasGeneral){ sel.val('General'); nbSearch(); }\n        };\n\n        window.nbSearch = function(){\n            var dept = $('#nb-dept').val();\n            if(!dept){\n                $('#nb-results').html('<div class=\"unb-nb-placeholder\"><p>\u26a0 Please select a category first.<\/p><\/div>');\n                return;\n            }\n            $('#nb-results').html('<div class=\"unb-loading\"><div class=\"unb-spinner\"><\/div>Loading notices\u2026<\/div>');\n            $.post(ajaxUrl, { action:'unb_get_notices', department:dept, subcategory:$('#nb-sub').val(), nonce:nonce }, function(r){\n                if(!r.success || !r.data.length){\n                    $('#nb-results').html('<div class=\"unb-nb-placeholder unb-nb-empty\"><div class=\"unb-ph-icon\">\ud83d\udced<\/div><p>No notices found for the selected filters.<\/p><\/div>');\n                    return;\n                }\n                var html = '<div class=\"unb-nb-res-head\"><h3>'+e2(dept)+'<\/h3>'\n                    +'<span class=\"unb-badge\">'+r.data.length+' notice'+(r.data.length!==1?'s':'')+'<\/span><\/div>'\n                    +'<div class=\"unb-tbl-wrap\"><table class=\"unb-tbl unb-nb-tbl\">'\n                    +'<thead><tr><th>#<\/th><th>Notice Title<\/th><th>Sub-Category<\/th><th>Description<\/th><th>Download<\/th><\/tr><\/thead><tbody>';\n                r.data.forEach(function(n,i){\n                    html += '<tr><td>'+(i+1)+'<\/td><td>'+e2(n.notice_title)+'<\/td>'\n                        +'<td><span class=\"tag-sub\">'+e2(n.subcategory)+'<\/span><\/td>'\n                        +'<td class=\"unb-desc-cell\">'+(n.description?e2(n.description):'<span style=\"color:#cbd5e1;\">\u2014<\/span>')+'<\/td>'\n                        +'<td>'+(n.file_url?'<a href=\"'+e2(n.file_url)+'\" target=\"_blank\" class=\"unb-dl-btn\"> View <\/a>':'<span style=\"color:#cbd5e1;\">\u2014<\/span>')+'<\/td><\/tr>';\n                });\n                html += '<\/tbody><\/table><\/div>';\n                $('#nb-results').html(html);\n            });\n        };\n\n        window.nbReset = function(){\n            $('#nb-dept').val('');\n            $('#nb-sub').html('<option value=\"\">\u2014 All Sub-Categories \u2014<\/option>').prop('disabled',true);\n            $('#nb-results').html('<div class=\"unb-nb-placeholder\"><div class=\"unb-ph-icon\">\ud83d\udd0e<\/div><p>Select a category above and click <strong>Search<\/strong> to view notices.<\/p><\/div>');\n        };\n\n        function e2(s){ return $('<div>').text(s+'').html(); }\n    })(jQuery);\n    <\/script>\n    \n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-17988","page","type-page","status-publish","hentry"],"acf":[],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/mldcc.com\/mldcc\/wp-json\/wp\/v2\/pages\/17988","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mldcc.com\/mldcc\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mldcc.com\/mldcc\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mldcc.com\/mldcc\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mldcc.com\/mldcc\/wp-json\/wp\/v2\/comments?post=17988"}],"version-history":[{"count":1,"href":"https:\/\/mldcc.com\/mldcc\/wp-json\/wp\/v2\/pages\/17988\/revisions"}],"predecessor-version":[{"id":17990,"href":"https:\/\/mldcc.com\/mldcc\/wp-json\/wp\/v2\/pages\/17988\/revisions\/17990"}],"wp:attachment":[{"href":"https:\/\/mldcc.com\/mldcc\/wp-json\/wp\/v2\/media?parent=17988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}