GIRI PRASAD SARMA'S DAIRY<\/title>\r\n <style>\r\n * { box-sizing: border-box; font-family: Arial, sans-serif; }\r\n\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n background: #f4f7fb;\r\n color: #222;\r\n }\r\n\r\n .container {\r\n max-width: 1300px;\r\n margin: 20px auto;\r\n padding: 20px;\r\n }\r\n\r\n .title {\r\n text-align: center;\r\n font-size: 34px;\r\n font-weight: 800;\r\n color: #8b0000;\r\n margin-bottom: 18px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .top-panel {\r\n display: grid;\r\n grid-template-columns: 1.2fr 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .card {\r\n background: #fff;\r\n border-radius: 16px;\r\n padding: 18px;\r\n box-shadow: 0 4px 14px rgba(0,0,0,0.08);\r\n }\r\n\r\n .section-title {\r\n font-size: 24px;\r\n font-weight: 800;\r\n color: #8b0000;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .calendar-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 14px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .calendar-header h2 {\r\n margin: 0;\r\n font-size: 24px;\r\n }\r\n\r\n .nav-btn {\r\n background: #8b0000;\r\n color: #fff;\r\n border: none;\r\n padding: 10px 16px;\r\n border-radius: 10px;\r\n font-size: 15px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n }\r\n\r\n .nav-btn:hover {\r\n background: #b10000;\r\n }\r\n\r\n .calendar-grid {\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n gap: 8px;\r\n }\r\n\r\n .day-name {\r\n background: #ecf1f7;\r\n text-align: center;\r\n padding: 10px 4px;\r\n border-radius: 10px;\r\n font-weight: 700;\r\n color: #333;\r\n font-size: 14px;\r\n }\r\n\r\n .day {\r\n min-height: 92px;\r\n background: #fafafa;\r\n border: 1px solid #e0e0e0;\r\n border-radius: 12px;\r\n padding: 8px;\r\n position: relative;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n }\r\n\r\n .day:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 3px 10px rgba(0,0,0,0.08);\r\n }\r\n\r\n .day.empty {\r\n background: #f0f0f0;\r\n cursor: default;\r\n }\r\n\r\n .day-number {\r\n font-size: 16px;\r\n font-weight: 800;\r\n color: #333;\r\n }\r\n\r\n .selected-day {\r\n outline: 3px solid #0056b3;\r\n background: #eef6ff;\r\n }\r\n\r\n .today {\r\n border: 2px solid #28a745;\r\n }\r\n\r\n .entry-badge {\r\n position: absolute;\r\n top: 6px;\r\n right: 6px;\r\n background: red;\r\n color: #fff;\r\n min-width: 26px;\r\n height: 26px;\r\n border-radius: 50px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 0 8px;\r\n font-size: 13px;\r\n font-weight: 800;\r\n box-shadow: 0 2px 6px rgba(0,0,0,0.18);\r\n }\r\n\r\n .approved-badge {\r\n position: absolute;\r\n bottom: 6px;\r\n right: 6px;\r\n background: #198754;\r\n color: #fff;\r\n min-width: 24px;\r\n height: 24px;\r\n border-radius: 50px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 12px;\r\n font-weight: 800;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 14px;\r\n }\r\n\r\n label {\r\n display: block;\r\n margin-bottom: 6px;\r\n font-weight: 700;\r\n font-size: 15px;\r\n }\r\n\r\n input[type=\"date\"],\r\n input[type=\"time\"],\r\n input[type=\"text\"],\r\n textarea {\r\n width: 100%;\r\n padding: 12px;\r\n border: 1px solid #cfcfcf;\r\n border-radius: 10px;\r\n font-size: 15px;\r\n background: #fff;\r\n color: #111;\r\n }\r\n\r\n textarea {\r\n resize: vertical;\r\n min-height: 90px;\r\n }\r\n\r\n .readonly-box {\r\n background: #f1f3f5;\r\n font-weight: 800;\r\n }\r\n\r\n .selected-date-box {\r\n background: #fff3cd;\r\n border: 1px solid #ffe69c;\r\n color: #7a5900;\r\n padding: 12px;\r\n border-radius: 10px;\r\n margin-bottom: 15px;\r\n font-weight: 700;\r\n font-size: 16px;\r\n }\r\n\r\n .btn-row {\r\n display: flex;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n margin-top: 12px;\r\n }\r\n\r\n .btn {\r\n border: none;\r\n padding: 12px 18px;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n font-size: 15px;\r\n font-weight: 700;\r\n }\r\n\r\n .btn-primary {\r\n background: #8b0000;\r\n color: white;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: #b10000;\r\n }\r\n\r\n .btn-secondary {\r\n background: #6c757d;\r\n color: white;\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: #58616a;\r\n }\r\n\r\n .btn-green {\r\n background: #198754;\r\n color: white;\r\n }\r\n\r\n .btn-green:hover {\r\n background: #157347;\r\n }\r\n\r\n .btn-blue {\r\n background: #0d6efd;\r\n color: white;\r\n }\r\n\r\n .btn-blue:hover {\r\n background: #0b5ed7;\r\n }\r\n\r\n .btn-red {\r\n background: #dc3545;\r\n color: white;\r\n }\r\n\r\n .btn-red:hover {\r\n background: #bb2d3b;\r\n }\r\n\r\n .records-section {\r\n margin-top: 20px;\r\n }\r\n\r\n .no-records {\r\n background: #f1f3f5;\r\n padding: 14px;\r\n border-radius: 10px;\r\n font-weight: 600;\r\n color: #555;\r\n }\r\n\r\n .record-card {\r\n background: #fff;\r\n border: 1px solid #e3e3e3;\r\n border-left: 5px solid #8b0000;\r\n border-radius: 12px;\r\n padding: 15px;\r\n margin-bottom: 12px;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\r\n }\r\n\r\n .record-card.approved {\r\n border-left-color: #198754;\r\n background: #f6fff8;\r\n }\r\n\r\n .record-row {\r\n margin-bottom: 8px;\r\n line-height: 1.5;\r\n font-size: 15px;\r\n }\r\n\r\n .record-actions {\r\n display: flex;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n margin-top: 10px;\r\n }\r\n\r\n .small-btn {\r\n border: none;\r\n padding: 9px 14px;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n font-size: 14px;\r\n font-weight: 700;\r\n }\r\n\r\n .legend {\r\n margin-top: 14px;\r\n display: flex;\r\n gap: 14px;\r\n flex-wrap: wrap;\r\n font-size: 14px;\r\n font-weight: 700;\r\n }\r\n\r\n .legend span {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n }\r\n\r\n .legend-box-red,\r\n .legend-box-green {\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50px;\r\n display: inline-block;\r\n }\r\n\r\n .legend-box-red { background: red; }\r\n .legend-box-green { background: #198754; }\r\n\r\n @media (max-width: 960px) {\r\n .top-panel { grid-template-columns: 1fr; }\r\n }\r\n\r\n @media (max-width: 620px) {\r\n .day { min-height: 72px; }\r\n .day-name { font-size: 12px; padding: 8px 3px; }\r\n .day-number { font-size: 14px; }\r\n .entry-badge {\r\n min-width: 22px;\r\n height: 22px;\r\n font-size: 11px;\r\n }\r\n .approved-badge {\r\n min-width: 20px;\r\n height: 20px;\r\n font-size: 10px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"title\">GIRI PRASAD SARMA'S DAIRY<\/div>\r\n\r\n <div class=\"top-panel\">\r\n <div class=\"card\">\r\n <div class=\"calendar-header\">\r\n <button class=\"nav-btn\" onclick=\"changeMonth(-1)\">\u25c0 Prev<\/button>\r\n <h2 id=\"monthYear\"><\/h2>\r\n <button class=\"nav-btn\" onclick=\"changeMonth(1)\">Next \u25b6<\/button>\r\n <\/div>\r\n\r\n <div class=\"calendar-grid\" id=\"calendar\"><\/div>\r\n\r\n <div class=\"legend\">\r\n <span><i class=\"legend-box-red\"><\/i> Total Entries<\/span>\r\n <span><i class=\"legend-box-green\"><\/i> Approved Entries<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"section-title\">Program Entry<\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"manualDate\">Select Date<\/label>\r\n <input type=\"date\" id=\"manualDate\" \/>\r\n <\/div>\r\n\r\n <div class=\"selected-date-box\" id=\"selectedDateDisplay\">\r\n Selected Date: Not Selected\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"serialNumber\">Sl. No. (Automatic)<\/label>\r\n <input type=\"text\" id=\"serialNumber\" class=\"readonly-box\" readonly \/>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"programTime\">Program Time<\/label>\r\n <input type=\"time\" id=\"programTime\" \/>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"schedule\">Schedule<\/label>\r\n <textarea id=\"schedule\" placeholder=\"Enter Schedule\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"remarks\">Remarks<\/label>\r\n <textarea id=\"remarks\" placeholder=\"Enter Remarks\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"btn-row\">\r\n <button class=\"btn btn-primary\" id=\"insertBtn\" onclick=\"saveEntry()\">Insert<\/button>\r\n <button class=\"btn btn-secondary\" onclick=\"clearForm()\">Clear<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card records-section\">\r\n <div class=\"section-title\">Programs on Selected Date<\/div>\r\n <div id=\"recordsContainer\" class=\"no-records\">No records for selected date.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const SECRET_KEY = \"1528\";\r\n let currentDate = new Date();\r\n let selectedDate = \"\";\r\n let editIndex = null;\r\n\r\n function getStorage() {\r\n return JSON.parse(localStorage.getItem(\"giriDiaryRecords\") || \"{}\");\r\n }\r\n\r\n function setStorage(data) {\r\n localStorage.setItem(\"giriDiaryRecords\", JSON.stringify(data));\r\n }\r\n\r\n function formatDate(date) {\r\n const y = date.getFullYear();\r\n const m = String(date.getMonth() + 1).padStart(2, '0');\r\n const d = String(date.getDate()).padStart(2, '0');\r\n return `${y}-${m}-${d}`;\r\n }\r\n\r\n function formatReadableDate(dateStr) {\r\n if (!dateStr) return \"Not Selected\";\r\n const d = new Date(dateStr + \"T00:00:00\");\r\n return d.toLocaleDateString(\"en-GB\", {\r\n day: \"2-digit\",\r\n month: \"long\",\r\n year: \"numeric\"\r\n });\r\n }\r\n\r\n function formatTime12(time24) {\r\n if (!time24) return \"-\";\r\n const [hour, minute] = time24.split(\":\");\r\n let h = parseInt(hour, 10);\r\n const ampm = h >= 12 ? \"PM\" : \"AM\";\r\n h = h % 12;\r\n if (h === 0) h = 12;\r\n return `${String(h).padStart(2, '0')}:${minute} ${ampm}`;\r\n }\r\n\r\n function authCheck() {\r\n const entered = prompt(\"Enter pass code\");\r\n if (entered === null) return false;\r\n if (entered !== SECRET_KEY) {\r\n alert(\"Access denied.\");\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n function getNextSerialNumber(dateStr) {\r\n const data = getStorage();\r\n const list = data[dateStr] || [];\r\n\r\n if (editIndex !== null && list[editIndex]) {\r\n return list[editIndex].serialNumber;\r\n }\r\n\r\n const used = list.map(item => parseInt(item.serialNumber, 10)).filter(n => !isNaN(n));\r\n for (let i = 1; i <= 20; i++) {\r\n if (!used.includes(i)) return i;\r\n }\r\n return null;\r\n }\r\n\r\n function updateSerialNumberField() {\r\n const sl = selectedDate ? getNextSerialNumber(selectedDate) : \"\";\r\n document.getElementById(\"serialNumber\").value = sl ? sl : \"Max 20 Reached\";\r\n }\r\n\r\n function renderCalendar() {\r\n const calendar = document.getElementById(\"calendar\");\r\n calendar.innerHTML = \"\";\r\n\r\n const monthYear = document.getElementById(\"monthYear\");\r\n const year = currentDate.getFullYear();\r\n const month = currentDate.getMonth();\r\n\r\n monthYear.textContent = currentDate.toLocaleString(\"en-US\", {\r\n month: \"long\",\r\n year: \"numeric\"\r\n });\r\n\r\n const dayNames = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\r\n dayNames.forEach(day => {\r\n const div = document.createElement(\"div\");\r\n div.className = \"day-name\";\r\n div.textContent = day;\r\n calendar.appendChild(div);\r\n });\r\n\r\n const firstDay = new Date(year, month, 1).getDay();\r\n const daysInMonth = new Date(year, month + 1, 0).getDate();\r\n const todayStr = formatDate(new Date());\r\n const records = getStorage();\r\n\r\n for (let i = 0; i < firstDay; i++) {\r\n const empty = document.createElement(\"div\");\r\n empty.className = \"day empty\";\r\n calendar.appendChild(empty);\r\n }\r\n\r\n for (let day = 1; day <= daysInMonth; day++) {\r\n const dateObj = new Date(year, month, day);\r\n const dateStr = formatDate(dateObj);\r\n\r\n const dayDiv = document.createElement(\"div\");\r\n dayDiv.className = \"day\";\r\n\r\n if (dateStr === selectedDate) dayDiv.classList.add(\"selected-day\");\r\n if (dateStr === todayStr) dayDiv.classList.add(\"today\");\r\n\r\n dayDiv.onclick = () => {\r\n selectedDate = dateStr;\r\n editIndex = null;\r\n document.getElementById(\"manualDate\").value = dateStr;\r\n document.getElementById(\"selectedDateDisplay\").textContent =\r\n \"Selected Date: \" + formatReadableDate(dateStr);\r\n updateSerialNumberField();\r\n clearEntryFieldsOnly();\r\n renderCalendar();\r\n renderRecords();\r\n };\r\n\r\n const dayNum = document.createElement(\"div\");\r\n dayNum.className = \"day-number\";\r\n dayNum.textContent = day;\r\n dayDiv.appendChild(dayNum);\r\n\r\n const count = records[dateStr] ? records[dateStr].length : 0;\r\n if (count > 0) {\r\n const badge = document.createElement(\"div\");\r\n badge.className = \"entry-badge\";\r\n badge.textContent = count;\r\n dayDiv.appendChild(badge);\r\n }\r\n\r\n const approvedCount = (records[dateStr] || []).filter(x => x.approved).length;\r\n if (approvedCount > 0) {\r\n const approvedBadge = document.createElement(\"div\");\r\n approvedBadge.className = \"approved-badge\";\r\n approvedBadge.textContent = approvedCount;\r\n dayDiv.appendChild(approvedBadge);\r\n }\r\n\r\n calendar.appendChild(dayDiv);\r\n }\r\n }\r\n\r\n function changeMonth(step) {\r\n currentDate.setMonth(currentDate.getMonth() + step);\r\n renderCalendar();\r\n }\r\n\r\n function clearEntryFieldsOnly() {\r\n document.getElementById(\"programTime\").value = \"\";\r\n document.getElementById(\"schedule\").value = \"\";\r\n document.getElementById(\"remarks\").value = \"\";\r\n document.getElementById(\"insertBtn\").textContent = \"Insert\";\r\n }\r\n\r\n function clearForm() {\r\n editIndex = null;\r\n clearEntryFieldsOnly();\r\n updateSerialNumberField();\r\n }\r\n\r\n function saveEntry() {\r\n if (!authCheck()) return;\r\n\r\n const manualDate = document.getElementById(\"manualDate\").value;\r\n const programTime = document.getElementById(\"programTime\").value;\r\n const schedule = document.getElementById(\"schedule\").value.trim();\r\n const remarks = document.getElementById(\"remarks\").value.trim();\r\n\r\n if (!manualDate) {\r\n alert(\"Please select a date.\");\r\n return;\r\n }\r\n\r\n if (!programTime) {\r\n alert(\"Please select program time.\");\r\n return;\r\n }\r\n\r\n if (!schedule) {\r\n alert(\"Please enter schedule.\");\r\n return;\r\n }\r\n\r\n selectedDate = manualDate;\r\n\r\n const data = getStorage();\r\n if (!data[selectedDate]) data[selectedDate] = [];\r\n\r\n let serialNumber;\r\n if (editIndex !== null) {\r\n serialNumber = data[selectedDate][editIndex].serialNumber;\r\n } else {\r\n serialNumber = getNextSerialNumber(selectedDate);\r\n if (!serialNumber) {\r\n alert(\"Maximum 20 entries already reached for this date.\");\r\n return;\r\n }\r\n }\r\n\r\n const entry = {\r\n serialNumber: serialNumber,\r\n programTime: programTime,\r\n schedule: schedule,\r\n remarks: remarks,\r\n approved: editIndex !== null ? data[selectedDate][editIndex].approved : false,\r\n createdAt: new Date().toLocaleString()\r\n };\r\n\r\n if (editIndex !== null) {\r\n data[selectedDate][editIndex] = entry;\r\n } else {\r\n data[selectedDate].push(entry);\r\n data[selectedDate].sort((a, b) => parseInt(a.serialNumber) - parseInt(b.serialNumber));\r\n }\r\n\r\n setStorage(data);\r\n editIndex = null;\r\n document.getElementById(\"selectedDateDisplay\").textContent =\r\n \"Selected Date: \" + formatReadableDate(selectedDate);\r\n\r\n clearForm();\r\n renderCalendar();\r\n renderRecords();\r\n alert(\"Record saved successfully.\");\r\n }\r\n\r\n function renderRecords() {\r\n const container = document.getElementById(\"recordsContainer\");\r\n\r\n if (!selectedDate) {\r\n container.className = \"no-records\";\r\n container.innerHTML = \"No records for selected date.\";\r\n return;\r\n }\r\n\r\n const data = getStorage();\r\n const records = data[selectedDate] || [];\r\n\r\n if (records.length === 0) {\r\n container.className = \"no-records\";\r\n container.innerHTML = \"No records for \" + formatReadableDate(selectedDate) + \".\";\r\n return;\r\n }\r\n\r\n container.className = \"\";\r\n container.innerHTML = \"\";\r\n\r\n records.sort((a, b) => parseInt(a.serialNumber) - parseInt(b.serialNumber));\r\n\r\n records.forEach((record, index) => {\r\n const card = document.createElement(\"div\");\r\n card.className = \"record-card\" + (record.approved ? \" approved\" : \"\");\r\n\r\n card.innerHTML = `\r\n <div class=\"record-row\"><strong>Date:<\/strong> ${formatReadableDate(selectedDate)}<\/div>\r\n <div class=\"record-row\"><strong>Sl. No.:<\/strong> ${record.serialNumber}<\/div>\r\n <div class=\"record-row\"><strong>Program Time:<\/strong> ${formatTime12(record.programTime)}<\/div>\r\n <div class=\"record-row\"><strong>Schedule:<\/strong> ${record.schedule}<\/div>\r\n <div class=\"record-row\"><strong>Remarks:<\/strong> ${record.remarks || \"-\"}<\/div>\r\n <div class=\"record-row\"><strong>Status:<\/strong> ${record.approved ? '<span style=\"color:#198754;font-weight:800;\">Approved<\/span>' : '<span style=\"color:#dc3545;font-weight:800;\">Pending<\/span>'}<\/div>\r\n <div class=\"record-row\"><strong>Saved On:<\/strong> ${record.createdAt || \"-\"}<\/div>\r\n <div class=\"record-actions\">\r\n <button class=\"small-btn btn-blue\" onclick=\"editEntry(${index})\">Edit<\/button>\r\n <button class=\"small-btn btn-green\" onclick=\"approveEntry(${index})\">Approve<\/button>\r\n <button class=\"small-btn btn-red\" onclick=\"deleteEntry(${index})\">Delete<\/button>\r\n <\/div>\r\n `;\r\n\r\n container.appendChild(card);\r\n });\r\n }\r\n\r\n function editEntry(index) {\r\n if (!authCheck()) return;\r\n\r\n const data = getStorage();\r\n const records = data[selectedDate] || [];\r\n const record = records[index];\r\n if (!record) return;\r\n\r\n editIndex = index;\r\n document.getElementById(\"manualDate\").value = selectedDate;\r\n document.getElementById(\"selectedDateDisplay\").textContent =\r\n \"Selected Date: \" + formatReadableDate(selectedDate);\r\n document.getElementById(\"serialNumber\").value = record.serialNumber;\r\n document.getElementById(\"programTime\").value = record.programTime || \"\";\r\n document.getElementById(\"schedule\").value = record.schedule || \"\";\r\n document.getElementById(\"remarks\").value = record.remarks || \"\";\r\n document.getElementById(\"insertBtn\").textContent = \"Update\";\r\n\r\n window.scrollTo({ top: 0, behavior: \"smooth\" });\r\n }\r\n\r\n function approveEntry(index) {\r\n if (!authCheck()) return;\r\n\r\n const data = getStorage();\r\n if (!data[selectedDate] || !data[selectedDate][index]) return;\r\n\r\n data[selectedDate][index].approved = true;\r\n setStorage(data);\r\n renderCalendar();\r\n renderRecords();\r\n alert(\"Record approved successfully.\");\r\n }\r\n\r\n function deleteEntry(index) {\r\n if (!authCheck()) return;\r\n if (!confirm(\"Are you sure you want to delete this record?\")) return;\r\n\r\n const data = getStorage();\r\n if (!data[selectedDate]) return;\r\n\r\n data[selectedDate].splice(index, 1);\r\n\r\n if (data[selectedDate].length === 0) {\r\n delete data[selectedDate];\r\n }\r\n\r\n setStorage(data);\r\n editIndex = null;\r\n clearForm();\r\n renderCalendar();\r\n renderRecords();\r\n alert(\"Record deleted successfully.\");\r\n }\r\n\r\n document.getElementById(\"manualDate\").addEventListener(\"change\", function () {\r\n selectedDate = this.value;\r\n editIndex = null;\r\n document.getElementById(\"selectedDateDisplay\").textContent =\r\n \"Selected Date: \" + formatReadableDate(selectedDate);\r\n clearEntryFieldsOnly();\r\n updateSerialNumberField();\r\n renderCalendar();\r\n renderRecords();\r\n });\r\n\r\n selectedDate = formatDate(new Date());\r\n document.getElementById(\"manualDate\").value = selectedDate;\r\n document.getElementById(\"selectedDateDisplay\").textContent =\r\n \"Selected Date: \" + formatReadableDate(selectedDate);\r\n\r\n updateSerialNumberField();\r\n renderCalendar();\r\n renderRecords();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>GIRI PRASAD SARMA’S DAIRY GIRI PRASAD SARMA’S DAIRY \u25c0 Prev Next \u25b6 Total Entries Approved Entries Program Entry Select Date Selected Date: Not Selected Sl. No. (Automatic) Program Time Schedule Remarks Insert Clear Programs on Selected Date No records for selected date.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12960","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/indianbrahmins.com\/index.php\/wp-json\/wp\/v2\/pages\/12960","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/indianbrahmins.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/indianbrahmins.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/indianbrahmins.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/indianbrahmins.com\/index.php\/wp-json\/wp\/v2\/comments?post=12960"}],"version-history":[{"count":10,"href":"https:\/\/indianbrahmins.com\/index.php\/wp-json\/wp\/v2\/pages\/12960\/revisions"}],"predecessor-version":[{"id":12972,"href":"https:\/\/indianbrahmins.com\/index.php\/wp-json\/wp\/v2\/pages\/12960\/revisions\/12972"}],"wp:attachment":[{"href":"https:\/\/indianbrahmins.com\/index.php\/wp-json\/wp\/v2\/media?parent=12960"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

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

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n GIRI PRASAD SARMA'S DAIRY<\/title>\r\n <style>\r\n * { box-sizing: border-box; font-family: Arial, sans-serif; }\r\n\r\n body {\r\n margin: 0;\r\n padding: 0;\r\n background: #f4f7fb;\r\n color: #222;\r\n }\r\n\r\n .container {\r\n max-width: 1300px;\r\n margin: 20px auto;\r\n padding: 20px;\r\n }\r\n\r\n .title {\r\n text-align: center;\r\n font-size: 34px;\r\n font-weight: 800;\r\n color: #8b0000;\r\n margin-bottom: 18px;\r\n text-transform: uppercase;\r\n letter-spacing: 1px;\r\n }\r\n\r\n .top-panel {\r\n display: grid;\r\n grid-template-columns: 1.2fr 1fr;\r\n gap: 20px;\r\n }\r\n\r\n .card {\r\n background: #fff;\r\n border-radius: 16px;\r\n padding: 18px;\r\n box-shadow: 0 4px 14px rgba(0,0,0,0.08);\r\n }\r\n\r\n .section-title {\r\n font-size: 24px;\r\n font-weight: 800;\r\n color: #8b0000;\r\n margin-bottom: 14px;\r\n }\r\n\r\n .calendar-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 10px;\r\n margin-bottom: 14px;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .calendar-header h2 {\r\n margin: 0;\r\n font-size: 24px;\r\n }\r\n\r\n .nav-btn {\r\n background: #8b0000;\r\n color: #fff;\r\n border: none;\r\n padding: 10px 16px;\r\n border-radius: 10px;\r\n font-size: 15px;\r\n font-weight: 700;\r\n cursor: pointer;\r\n }\r\n\r\n .nav-btn:hover {\r\n background: #b10000;\r\n }\r\n\r\n .calendar-grid {\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n gap: 8px;\r\n }\r\n\r\n .day-name {\r\n background: #ecf1f7;\r\n text-align: center;\r\n padding: 10px 4px;\r\n border-radius: 10px;\r\n font-weight: 700;\r\n color: #333;\r\n font-size: 14px;\r\n }\r\n\r\n .day {\r\n min-height: 92px;\r\n background: #fafafa;\r\n border: 1px solid #e0e0e0;\r\n border-radius: 12px;\r\n padding: 8px;\r\n position: relative;\r\n cursor: pointer;\r\n transition: 0.2s;\r\n }\r\n\r\n .day:hover {\r\n transform: translateY(-2px);\r\n box-shadow: 0 3px 10px rgba(0,0,0,0.08);\r\n }\r\n\r\n .day.empty {\r\n background: #f0f0f0;\r\n cursor: default;\r\n }\r\n\r\n .day-number {\r\n font-size: 16px;\r\n font-weight: 800;\r\n color: #333;\r\n }\r\n\r\n .selected-day {\r\n outline: 3px solid #0056b3;\r\n background: #eef6ff;\r\n }\r\n\r\n .today {\r\n border: 2px solid #28a745;\r\n }\r\n\r\n .entry-badge {\r\n position: absolute;\r\n top: 6px;\r\n right: 6px;\r\n background: red;\r\n color: #fff;\r\n min-width: 26px;\r\n height: 26px;\r\n border-radius: 50px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 0 8px;\r\n font-size: 13px;\r\n font-weight: 800;\r\n box-shadow: 0 2px 6px rgba(0,0,0,0.18);\r\n }\r\n\r\n .approved-badge {\r\n position: absolute;\r\n bottom: 6px;\r\n right: 6px;\r\n background: #198754;\r\n color: #fff;\r\n min-width: 24px;\r\n height: 24px;\r\n border-radius: 50px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n font-size: 12px;\r\n font-weight: 800;\r\n }\r\n\r\n .form-group {\r\n margin-bottom: 14px;\r\n }\r\n\r\n label {\r\n display: block;\r\n margin-bottom: 6px;\r\n font-weight: 700;\r\n font-size: 15px;\r\n }\r\n\r\n input[type=\"date\"],\r\n input[type=\"time\"],\r\n input[type=\"text\"],\r\n textarea {\r\n width: 100%;\r\n padding: 12px;\r\n border: 1px solid #cfcfcf;\r\n border-radius: 10px;\r\n font-size: 15px;\r\n background: #fff;\r\n color: #111;\r\n }\r\n\r\n textarea {\r\n resize: vertical;\r\n min-height: 90px;\r\n }\r\n\r\n .readonly-box {\r\n background: #f1f3f5;\r\n font-weight: 800;\r\n }\r\n\r\n .selected-date-box {\r\n background: #fff3cd;\r\n border: 1px solid #ffe69c;\r\n color: #7a5900;\r\n padding: 12px;\r\n border-radius: 10px;\r\n margin-bottom: 15px;\r\n font-weight: 700;\r\n font-size: 16px;\r\n }\r\n\r\n .btn-row {\r\n display: flex;\r\n gap: 10px;\r\n flex-wrap: wrap;\r\n margin-top: 12px;\r\n }\r\n\r\n .btn {\r\n border: none;\r\n padding: 12px 18px;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n font-size: 15px;\r\n font-weight: 700;\r\n }\r\n\r\n .btn-primary {\r\n background: #8b0000;\r\n color: white;\r\n }\r\n\r\n .btn-primary:hover {\r\n background: #b10000;\r\n }\r\n\r\n .btn-secondary {\r\n background: #6c757d;\r\n color: white;\r\n }\r\n\r\n .btn-secondary:hover {\r\n background: #58616a;\r\n }\r\n\r\n .btn-green {\r\n background: #198754;\r\n color: white;\r\n }\r\n\r\n .btn-green:hover {\r\n background: #157347;\r\n }\r\n\r\n .btn-blue {\r\n background: #0d6efd;\r\n color: white;\r\n }\r\n\r\n .btn-blue:hover {\r\n background: #0b5ed7;\r\n }\r\n\r\n .btn-red {\r\n background: #dc3545;\r\n color: white;\r\n }\r\n\r\n .btn-red:hover {\r\n background: #bb2d3b;\r\n }\r\n\r\n .records-section {\r\n margin-top: 20px;\r\n }\r\n\r\n .no-records {\r\n background: #f1f3f5;\r\n padding: 14px;\r\n border-radius: 10px;\r\n font-weight: 600;\r\n color: #555;\r\n }\r\n\r\n .record-card {\r\n background: #fff;\r\n border: 1px solid #e3e3e3;\r\n border-left: 5px solid #8b0000;\r\n border-radius: 12px;\r\n padding: 15px;\r\n margin-bottom: 12px;\r\n box-shadow: 0 2px 8px rgba(0,0,0,0.05);\r\n }\r\n\r\n .record-card.approved {\r\n border-left-color: #198754;\r\n background: #f6fff8;\r\n }\r\n\r\n .record-row {\r\n margin-bottom: 8px;\r\n line-height: 1.5;\r\n font-size: 15px;\r\n }\r\n\r\n .record-actions {\r\n display: flex;\r\n gap: 8px;\r\n flex-wrap: wrap;\r\n margin-top: 10px;\r\n }\r\n\r\n .small-btn {\r\n border: none;\r\n padding: 9px 14px;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n font-size: 14px;\r\n font-weight: 700;\r\n }\r\n\r\n .legend {\r\n margin-top: 14px;\r\n display: flex;\r\n gap: 14px;\r\n flex-wrap: wrap;\r\n font-size: 14px;\r\n font-weight: 700;\r\n }\r\n\r\n .legend span {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 7px;\r\n }\r\n\r\n .legend-box-red,\r\n .legend-box-green {\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50px;\r\n display: inline-block;\r\n }\r\n\r\n .legend-box-red { background: red; }\r\n .legend-box-green { background: #198754; }\r\n\r\n @media (max-width: 960px) {\r\n .top-panel { grid-template-columns: 1fr; }\r\n }\r\n\r\n @media (max-width: 620px) {\r\n .day { min-height: 72px; }\r\n .day-name { font-size: 12px; padding: 8px 3px; }\r\n .day-number { font-size: 14px; }\r\n .entry-badge {\r\n min-width: 22px;\r\n height: 22px;\r\n font-size: 11px;\r\n }\r\n .approved-badge {\r\n min-width: 20px;\r\n height: 20px;\r\n font-size: 10px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"title\">GIRI PRASAD SARMA'S DAIRY<\/div>\r\n\r\n <div class=\"top-panel\">\r\n <div class=\"card\">\r\n <div class=\"calendar-header\">\r\n <button class=\"nav-btn\" onclick=\"changeMonth(-1)\">\u25c0 Prev<\/button>\r\n <h2 id=\"monthYear\"><\/h2>\r\n <button class=\"nav-btn\" onclick=\"changeMonth(1)\">Next \u25b6<\/button>\r\n <\/div>\r\n\r\n <div class=\"calendar-grid\" id=\"calendar\"><\/div>\r\n\r\n <div class=\"legend\">\r\n <span><i class=\"legend-box-red\"><\/i> Total Entries<\/span>\r\n <span><i class=\"legend-box-green\"><\/i> Approved Entries<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card\">\r\n <div class=\"section-title\">Program Entry<\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"manualDate\">Select Date<\/label>\r\n <input type=\"date\" id=\"manualDate\" \/>\r\n <\/div>\r\n\r\n <div class=\"selected-date-box\" id=\"selectedDateDisplay\">\r\n Selected Date: Not Selected\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"serialNumber\">Sl. No. (Automatic)<\/label>\r\n <input type=\"text\" id=\"serialNumber\" class=\"readonly-box\" readonly \/>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"programTime\">Program Time<\/label>\r\n <input type=\"time\" id=\"programTime\" \/>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"schedule\">Schedule<\/label>\r\n <textarea id=\"schedule\" placeholder=\"Enter Schedule\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"form-group\">\r\n <label for=\"remarks\">Remarks<\/label>\r\n <textarea id=\"remarks\" placeholder=\"Enter Remarks\"><\/textarea>\r\n <\/div>\r\n\r\n <div class=\"btn-row\">\r\n <button class=\"btn btn-primary\" id=\"insertBtn\" onclick=\"saveEntry()\">Insert<\/button>\r\n <button class=\"btn btn-secondary\" onclick=\"clearForm()\">Clear<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"card records-section\">\r\n <div class=\"section-title\">Programs on Selected Date<\/div>\r\n <div id=\"recordsContainer\" class=\"no-records\">No records for selected date.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n const SECRET_KEY = \"1528\";\r\n let currentDate = new Date();\r\n let selectedDate = \"\";\r\n let editIndex = null;\r\n\r\n function getStorage() {\r\n return JSON.parse(localStorage.getItem(\"giriDiaryRecords\") || \"{}\");\r\n }\r\n\r\n function setStorage(data) {\r\n localStorage.setItem(\"giriDiaryRecords\", JSON.stringify(data));\r\n }\r\n\r\n function formatDate(date) {\r\n const y = date.getFullYear();\r\n const m = String(date.getMonth() + 1).padStart(2, '0');\r\n const d = String(date.getDate()).padStart(2, '0');\r\n return `${y}-${m}-${d}`;\r\n }\r\n\r\n function formatReadableDate(dateStr) {\r\n if (!dateStr) return \"Not Selected\";\r\n const d = new Date(dateStr + \"T00:00:00\");\r\n return d.toLocaleDateString(\"en-GB\", {\r\n day: \"2-digit\",\r\n month: \"long\",\r\n year: \"numeric\"\r\n });\r\n }\r\n\r\n function formatTime12(time24) {\r\n if (!time24) return \"-\";\r\n const [hour, minute] = time24.split(\":\");\r\n let h = parseInt(hour, 10);\r\n const ampm = h >= 12 ? \"PM\" : \"AM\";\r\n h = h % 12;\r\n if (h === 0) h = 12;\r\n return `${String(h).padStart(2, '0')}:${minute} ${ampm}`;\r\n }\r\n\r\n function authCheck() {\r\n const entered = prompt(\"Enter pass code\");\r\n if (entered === null) return false;\r\n if (entered !== SECRET_KEY) {\r\n alert(\"Access denied.\");\r\n return false;\r\n }\r\n return true;\r\n }\r\n\r\n function getNextSerialNumber(dateStr) {\r\n const data = getStorage();\r\n const list = data[dateStr] || [];\r\n\r\n if (editIndex !== null && list[editIndex]) {\r\n return list[editIndex].serialNumber;\r\n }\r\n\r\n const used = list.map(item => parseInt(item.serialNumber, 10)).filter(n => !isNaN(n));\r\n for (let i = 1; i <= 20; i++) {\r\n if (!used.includes(i)) return i;\r\n }\r\n return null;\r\n }\r\n\r\n function updateSerialNumberField() {\r\n const sl = selectedDate ? getNextSerialNumber(selectedDate) : \"\";\r\n document.getElementById(\"serialNumber\").value = sl ? sl : \"Max 20 Reached\";\r\n }\r\n\r\n function renderCalendar() {\r\n const calendar = document.getElementById(\"calendar\");\r\n calendar.innerHTML = \"\";\r\n\r\n const monthYear = document.getElementById(\"monthYear\");\r\n const year = currentDate.getFullYear();\r\n const month = currentDate.getMonth();\r\n\r\n monthYear.textContent = currentDate.toLocaleString(\"en-US\", {\r\n month: \"long\",\r\n year: \"numeric\"\r\n });\r\n\r\n const dayNames = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\r\n dayNames.forEach(day => {\r\n const div = document.createElement(\"div\");\r\n div.className = \"day-name\";\r\n div.textContent = day;\r\n calendar.appendChild(div);\r\n });\r\n\r\n const firstDay = new Date(year, month, 1).getDay();\r\n const daysInMonth = new Date(year, month + 1, 0).getDate();\r\n const todayStr = formatDate(new Date());\r\n const records = getStorage();\r\n\r\n for (let i = 0; i < firstDay; i++) {\r\n const empty = document.createElement(\"div\");\r\n empty.className = \"day empty\";\r\n calendar.appendChild(empty);\r\n }\r\n\r\n for (let day = 1; day <= daysInMonth; day++) {\r\n const dateObj = new Date(year, month, day);\r\n const dateStr = formatDate(dateObj);\r\n\r\n const dayDiv = document.createElement(\"div\");\r\n dayDiv.className = \"day\";\r\n\r\n if (dateStr === selectedDate) dayDiv.classList.add(\"selected-day\");\r\n if (dateStr === todayStr) dayDiv.classList.add(\"today\");\r\n\r\n dayDiv.onclick = () => {\r\n selectedDate = dateStr;\r\n editIndex = null;\r\n document.getElementById(\"manualDate\").value = dateStr;\r\n document.getElementById(\"selectedDateDisplay\").textContent =\r\n \"Selected Date: \" + formatReadableDate(dateStr);\r\n updateSerialNumberField();\r\n clearEntryFieldsOnly();\r\n renderCalendar();\r\n renderRecords();\r\n };\r\n\r\n const dayNum = document.createElement(\"div\");\r\n dayNum.className = \"day-number\";\r\n dayNum.textContent = day;\r\n dayDiv.appendChild(dayNum);\r\n\r\n const count = records[dateStr] ? records[dateStr].length : 0;\r\n if (count > 0) {\r\n const badge = document.createElement(\"div\");\r\n badge.className = \"entry-badge\";\r\n badge.textContent = count;\r\n dayDiv.appendChild(badge);\r\n }\r\n\r\n const approvedCount = (records[dateStr] || []).filter(x => x.approved).length;\r\n if (approvedCount > 0) {\r\n const approvedBadge = document.createElement(\"div\");\r\n approvedBadge.className = \"approved-badge\";\r\n approvedBadge.textContent = approvedCount;\r\n dayDiv.appendChild(approvedBadge);\r\n }\r\n\r\n calendar.appendChild(dayDiv);\r\n }\r\n }\r\n\r\n function changeMonth(step) {\r\n currentDate.setMonth(currentDate.getMonth() + step);\r\n renderCalendar();\r\n }\r\n\r\n function clearEntryFieldsOnly() {\r\n document.getElementById(\"programTime\").value = \"\";\r\n document.getElementById(\"schedule\").value = \"\";\r\n document.getElementById(\"remarks\").value = \"\";\r\n document.getElementById(\"insertBtn\").textContent = \"Insert\";\r\n }\r\n\r\n function clearForm() {\r\n editIndex = null;\r\n clearEntryFieldsOnly();\r\n updateSerialNumberField();\r\n }\r\n\r\n function saveEntry() {\r\n if (!authCheck()) return;\r\n\r\n const manualDate = document.getElementById(\"manualDate\").value;\r\n const programTime = document.getElementById(\"programTime\").value;\r\n const schedule = document.getElementById(\"schedule\").value.trim();\r\n const remarks = document.getElementById(\"remarks\").value.trim();\r\n\r\n if (!manualDate) {\r\n alert(\"Please select a date.\");\r\n return;\r\n }\r\n\r\n if (!programTime) {\r\n alert(\"Please select program time.\");\r\n return;\r\n }\r\n\r\n if (!schedule) {\r\n alert(\"Please enter schedule.\");\r\n return;\r\n }\r\n\r\n selectedDate = manualDate;\r\n\r\n const data = getStorage();\r\n if (!data[selectedDate]) data[selectedDate] = [];\r\n\r\n let serialNumber;\r\n if (editIndex !== null) {\r\n serialNumber = data[selectedDate][editIndex].serialNumber;\r\n } else {\r\n serialNumber = getNextSerialNumber(selectedDate);\r\n if (!serialNumber) {\r\n alert(\"Maximum 20 entries already reached for this date.\");\r\n return;\r\n }\r\n }\r\n\r\n const entry = {\r\n serialNumber: serialNumber,\r\n programTime: programTime,\r\n schedule: schedule,\r\n remarks: remarks,\r\n approved: editIndex !== null ? data[selectedDate][editIndex].approved : false,\r\n createdAt: new Date().toLocaleString()\r\n };\r\n\r\n if (editIndex !== null) {\r\n data[selectedDate][editIndex] = entry;\r\n } else {\r\n data[selectedDate].push(entry);\r\n data[selectedDate].sort((a, b) => parseInt(a.serialNumber) - parseInt(b.serialNumber));\r\n }\r\n\r\n setStorage(data);\r\n editIndex = null;\r\n document.getElementById(\"selectedDateDisplay\").textContent =\r\n \"Selected Date: \" + formatReadableDate(selectedDate);\r\n\r\n clearForm();\r\n renderCalendar();\r\n renderRecords();\r\n alert(\"Record saved successfully.\");\r\n }\r\n\r\n function renderRecords() {\r\n const container = document.getElementById(\"recordsContainer\");\r\n\r\n if (!selectedDate) {\r\n container.className = \"no-records\";\r\n container.innerHTML = \"No records for selected date.\";\r\n return;\r\n }\r\n\r\n const data = getStorage();\r\n const records = data[selectedDate] || [];\r\n\r\n if (records.length === 0) {\r\n container.className = \"no-records\";\r\n container.innerHTML = \"No records for \" + formatReadableDate(selectedDate) + \".\";\r\n return;\r\n }\r\n\r\n container.className = \"\";\r\n container.innerHTML = \"\";\r\n\r\n records.sort((a, b) => parseInt(a.serialNumber) - parseInt(b.serialNumber));\r\n\r\n records.forEach((record, index) => {\r\n const card = document.createElement(\"div\");\r\n card.className = \"record-card\" + (record.approved ? \" approved\" : \"\");\r\n\r\n card.innerHTML = `\r\n <div class=\"record-row\"><strong>Date:<\/strong> ${formatReadableDate(selectedDate)}<\/div>\r\n <div class=\"record-row\"><strong>Sl. No.:<\/strong> ${record.serialNumber}<\/div>\r\n <div class=\"record-row\"><strong>Program Time:<\/strong> ${formatTime12(record.programTime)}<\/div>\r\n <div class=\"record-row\"><strong>Schedule:<\/strong> ${record.schedule}<\/div>\r\n <div class=\"record-row\"><strong>Remarks:<\/strong> ${record.remarks || \"-\"}<\/div>\r\n <div class=\"record-row\"><strong>Status:<\/strong> ${record.approved ? '<span style=\"color:#198754;font-weight:800;\">Approved<\/span>' : '<span style=\"color:#dc3545;font-weight:800;\">Pending<\/span>'}<\/div>\r\n <div class=\"record-row\"><strong>Saved On:<\/strong> ${record.createdAt || \"-\"}<\/div>\r\n <div class=\"record-actions\">\r\n <button class=\"small-btn btn-blue\" onclick=\"editEntry(${index})\">Edit<\/button>\r\n <button class=\"small-btn btn-green\" onclick=\"approveEntry(${index})\">Approve<\/button>\r\n <button class=\"small-btn btn-red\" onclick=\"deleteEntry(${index})\">Delete<\/button>\r\n <\/div>\r\n `;\r\n\r\n container.appendChild(card);\r\n });\r\n }\r\n\r\n function editEntry(index) {\r\n if (!authCheck()) return;\r\n\r\n const data = getStorage();\r\n const records = data[selectedDate] || [];\r\n const record = records[index];\r\n if (!record) return;\r\n\r\n editIndex = index;\r\n document.getElementById(\"manualDate\").value = selectedDate;\r\n document.getElementById(\"selectedDateDisplay\").textContent =\r\n \"Selected Date: \" + formatReadableDate(selectedDate);\r\n document.getElementById(\"serialNumber\").value = record.serialNumber;\r\n document.getElementById(\"programTime\").value = record.programTime || \"\";\r\n document.getElementById(\"schedule\").value = record.schedule || \"\";\r\n document.getElementById(\"remarks\").value = record.remarks || \"\";\r\n document.getElementById(\"insertBtn\").textContent = \"Update\";\r\n\r\n window.scrollTo({ top: 0, behavior: \"smooth\" });\r\n }\r\n\r\n function approveEntry(index) {\r\n if (!authCheck()) return;\r\n\r\n const data = getStorage();\r\n if (!data[selectedDate] || !data[selectedDate][index]) return;\r\n\r\n data[selectedDate][index].approved = true;\r\n setStorage(data);\r\n renderCalendar();\r\n renderRecords();\r\n alert(\"Record approved successfully.\");\r\n }\r\n\r\n function deleteEntry(index) {\r\n if (!authCheck()) return;\r\n if (!confirm(\"Are you sure you want to delete this record?\")) return;\r\n\r\n const data = getStorage();\r\n if (!data[selectedDate]) return;\r\n\r\n data[selectedDate].splice(index, 1);\r\n\r\n if (data[selectedDate].length === 0) {\r\n delete data[selectedDate];\r\n }\r\n\r\n setStorage(data);\r\n editIndex = null;\r\n clearForm();\r\n renderCalendar();\r\n renderRecords();\r\n alert(\"Record deleted successfully.\");\r\n }\r\n\r\n document.getElementById(\"manualDate\").addEventListener(\"change\", function () {\r\n selectedDate = this.value;\r\n editIndex = null;\r\n document.getElementById(\"selectedDateDisplay\").textContent =\r\n \"Selected Date: \" + formatReadableDate(selectedDate);\r\n clearEntryFieldsOnly();\r\n updateSerialNumberField();\r\n renderCalendar();\r\n renderRecords();\r\n });\r\n\r\n selectedDate = formatDate(new Date());\r\n document.getElementById(\"manualDate\").value = selectedDate;\r\n document.getElementById(\"selectedDateDisplay\").textContent =\r\n \"Selected Date: \" + formatReadableDate(selectedDate);\r\n\r\n updateSerialNumberField();\r\n renderCalendar();\r\n renderRecords();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>GIRI PRASAD SARMA’S DAIRY GIRI PRASAD SARMA’S DAIRY \u25c0 Prev Next \u25b6 Total Entries Approved Entries Program Entry Select Date Selected Date: Not Selected Sl. No. (Automatic) Program Time Schedule Remarks Insert Clear Programs on Selected Date No records for selected date.<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12960","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/indianbrahmins.com\/index.php\/wp-json\/wp\/v2\/pages\/12960","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/indianbrahmins.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/indianbrahmins.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/indianbrahmins.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/indianbrahmins.com\/index.php\/wp-json\/wp\/v2\/comments?post=12960"}],"version-history":[{"count":10,"href":"https:\/\/indianbrahmins.com\/index.php\/wp-json\/wp\/v2\/pages\/12960\/revisions"}],"predecessor-version":[{"id":12972,"href":"https:\/\/indianbrahmins.com\/index.php\/wp-json\/wp\/v2\/pages\/12960\/revisions\/12972"}],"wp:attachment":[{"href":"https:\/\/indianbrahmins.com\/index.php\/wp-json\/wp\/v2\/media?parent=12960"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}