\u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea \u05e0\u05d9\u05d4\u05d5\u05dc \u05dc\u05e7\u05d5\u05e1\u05de\u05d8\u05d9\u05e7\u05d0\u05d9\u05ea<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n line-height: 1.6;\r\n margin: 0;\r\n padding: 0;\r\n background-color: #fff;\r\n color: #333;\r\n}\r\n\r\nheader {\r\n background: #ff69b4;\r\n color: #fff;\r\n padding: 1rem;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.logo img {\r\n max-width: 100px;\r\n height: auto;\r\n}\r\n\r\nnav ul {\r\n list-style: none;\r\n padding: 0;\r\n display: flex;\r\n}\r\n\r\nnav ul li {\r\n margin-left: 20px;\r\n}\r\n\r\nnav ul li a {\r\n color: #fff;\r\n text-decoration: none;\r\n font-weight: bold;\r\n}\r\n\r\nmain {\r\n padding: 2rem;\r\n}\r\n\r\nsection {\r\n background-color: #fff;\r\n border-radius: 10px;\r\n padding: 20px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\r\n}\r\n\r\n#services ul {\r\n list-style: none;\r\n padding: 0;\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n}\r\n\r\n#services li {\r\n flex-basis: calc(33.333% - 20px);\r\n margin-bottom: 20px;\r\n text-align: center;\r\n}\r\n\r\n.service-image {\r\n width: 100%;\r\n height: 200px;\r\n perspective: 1000px;\r\n}\r\n\r\n.service-image .flipper {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n transition: transform 0.8s;\r\n transform-style: preserve-3d;\r\n cursor: pointer;\r\n}\r\n\r\n.service-image .front,\r\n.service-image .back {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n backface-visibility: hidden;\r\n}\r\n\r\n.service-image .front {\r\n background-color: #f0f0f0;\r\n}\r\n\r\n.service-image .front img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n}\r\n\r\n.service-image .back {\r\n background-color: #ff69b4;\r\n color: white;\r\n transform: rotateY(180deg);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n text-align: center;\r\n}\r\n\r\n.service-image .flipper.flipped {\r\n transform: rotateY(180deg);\r\n}\r\n\r\n#calendar {\r\n max-width: 800px;\r\n margin: 0 auto;\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 padding: 10px;\r\n background-color: #f1f3f4;\r\n}\r\n\r\n.calendar-header button {\r\n background: none;\r\n border: none;\r\n font-size: 18px;\r\n cursor: pointer;\r\n}\r\n\r\n.calendar-body {\r\n border: 1px solid #e0e0e0;\r\n}\r\n\r\n.weekdays {\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n background-color: #f1f3f4;\r\n font-weight: bold;\r\n}\r\n\r\n.weekdays div {\r\n padding: 10px;\r\n text-align: center;\r\n}\r\n\r\n.days {\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n}\r\n\r\n.day {\r\n border: 1px solid #e0e0e0;\r\n padding: 10px;\r\n min-height: 100px;\r\n cursor: pointer;\r\n}\r\n\r\n.day:hover {\r\n background-color: #f1f3f4;\r\n}\r\n\r\n.day.other-month {\r\n color: #bbb;\r\n}\r\n\r\n.day.booked {\r\n background-color: #ffcccb;\r\n}\r\n\r\n.day.today {\r\n font-weight: bold;\r\n color: #1a73e8;\r\n}\r\n\r\n.day.unavailable {\r\n background-color: #f0f0f0;\r\n color: #999;\r\n cursor: not-allowed;\r\n}\r\n\r\n.appointment-info {\r\n font-size: 12px;\r\n margin-top: 5px;\r\n}\r\n\r\n.modal {\r\n display: none;\r\n position: fixed;\r\n z-index: 1;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: auto;\r\n background-color: rgba(0,0,0,0.4);\r\n}\r\n\r\n.modal-content {\r\n background-color: #fefefe;\r\n margin: 15% auto;\r\n padding: 20px;\r\n border: 1px solid #888;\r\n width: 80%;\r\n max-width: 500px;\r\n}\r\n\r\n.hidden {\r\n display: none;\r\n}\r\n\r\n#appointment-form input, #appointment-form button {\r\n display: block;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n padding: 8px;\r\n}\r\n\r\n#appointment-form button {\r\n background-color: #ff69b4;\r\n color: #fff;\r\n border: none;\r\n cursor: pointer;\r\n}\r\n\r\nfooter {\r\n background: #ff69b4;\r\n color: #fff;\r\n text-align: center;\r\n padding: 1rem;\r\n position: fixed;\r\n bottom: 0;\r\n width: 100%;\r\n}\r\n\r\n#business-login {\r\n position: fixed;\r\n top: 10px;\r\n left: 10px;\r\n background-color: #ff69b4;\r\n color: #fff;\r\n border: none;\r\n padding: 10px;\r\n cursor: pointer;\r\n}\r\n\r\n <\/style>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n<\/head>\r\n<body>\r\n <header>\r\n <div class=\"logo\">\r\n <img decoding=\"async\" src=\"path_to_your_logo.png\" alt=\"\u05dc\u05d5\u05d2\u05d5 \u05d4\u05e2\u05e1\u05e7\">\r\n <\/div>\r\n <h1>\u05e9\u05dd \u05d4\u05e2\u05e1\u05e7 \u05e9\u05dc\u05da<\/h1>\r\n <nav>\r\n <ul>\r\n <li><a href=\"#\" data-section=\"about\">\u05d0\u05d5\u05d3\u05d5\u05ea<\/a><\/li>\r\n <li><a href=\"#\" data-section=\"services\">\u05e9\u05d9\u05e8\u05d5\u05ea\u05d9\u05dd<\/a><\/li>\r\n <li><a href=\"#\" data-section=\"gallery\">\u05d2\u05dc\u05e8\u05d9\u05d4<\/a><\/li>\r\n <li><a href=\"#\" data-section=\"appointments\">\u05e7\u05d1\u05d9\u05e2\u05ea \u05ea\u05d5\u05e8<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <\/header>\r\n\r\n <main>\r\n <section id=\"about\" class=\"hidden\">\r\n <h2>\u05d0\u05d5\u05d3\u05d5\u05ea<\/h2>\r\n <p>\u05db\u05d0\u05df \u05d9\u05d1\u05d5\u05d0 \u05de\u05d9\u05d3\u05e2 \u05de\u05e4\u05d5\u05e8\u05d8 \u05e2\u05dc \u05d4\u05e2\u05e1\u05e7 \u05d5\u05d4\u05e7\u05d5\u05e1\u05de\u05d8\u05d9\u05e7\u05d0\u05d9\u05ea<\/p>\r\n <\/section>\r\n\r\n <section id=\"services\" class=\"hidden\">\r\n <h2>\u05d4\u05e9\u05d9\u05e8\u05d5\u05ea\u05d9\u05dd \u05e9\u05dc\u05e0\u05d5<\/h2>\r\n <ul>\r\n <li>\r\n <h3>\u05d8\u05d9\u05e4\u05d5\u05dc \u05e4\u05e0\u05d9\u05dd<\/h3>\r\n <div class=\"service-image\">\r\n <div class=\"flipper\">\r\n <div class=\"front\">\r\n \r\n <img decoding=\"async\" src=\"path_to_facial_treatment_image.jpg\" alt=\"\u05d8\u05d9\u05e4\u05d5\u05dc \u05e4\u05e0\u05d9\u05dd\">\r\n <\/div>\r\n <div class=\"back\">\r\n <p>\u05d8\u05d9\u05e4\u05d5\u05dc \u05e4\u05e0\u05d9\u05dd \u05de\u05e7\u05d9\u05e3 \u05dc\u05d4\u05d6\u05e0\u05ea \u05d4\u05e2\u05d5\u05e8 \u05d5\u05e9\u05d9\u05e4\u05d5\u05e8 \u05de\u05e8\u05d0\u05d4\u05d5. \u05de\u05ea\u05d0\u05d9\u05dd \u05dc\u05db\u05dc \u05e1\u05d5\u05d2\u05d9 \u05d4\u05e2\u05d5\u05e8 \u05d5\u05de\u05e1\u05d9\u05d9\u05e2 \u05d1\u05d4\u05ea\u05d7\u05d3\u05e9\u05d5\u05ea \u05ea\u05d0\u05d9 \u05d4\u05e2\u05d5\u05e8.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/li>\r\n <li>\r\n <h3>\u05d8\u05d9\u05e4\u05d5\u05dc \u05d0\u05e0\u05d8\u05d9-\u05d0\u05d9\u05d9\u05d2'\u05d9\u05e0\u05d2<\/h3>\r\n <div class=\"service-image\">\r\n <div class=\"flipper\">\r\n <div class=\"front\">\r\n <img decoding=\"async\" src=\"path_to_anti_aging_image.jpg\" alt=\"\u05d8\u05d9\u05e4\u05d5\u05dc \u05d0\u05e0\u05d8\u05d9-\u05d0\u05d9\u05d9\u05d2'\u05d9\u05e0\u05d2\">\r\n <\/div>\r\n <div class=\"back\">\r\n <p>\u05d8\u05d9\u05e4\u05d5\u05dc \u05de\u05ea\u05e7\u05d3\u05dd \u05dc\u05d4\u05e4\u05d7\u05ea\u05ea \u05e1\u05d9\u05de\u05e0\u05d9 \u05d4\u05d2\u05d9\u05dc. \u05de\u05e9\u05dc\u05d1 \u05d8\u05db\u05e0\u05d5\u05dc\u05d5\u05d2\u05d9\u05d5\u05ea \u05d7\u05d3\u05e9\u05e0\u05d9\u05d5\u05ea \u05dc\u05e9\u05d9\u05e4\u05d5\u05e8 \u05de\u05e8\u05e7\u05dd \u05d4\u05e2\u05d5\u05e8 \u05d5\u05e6\u05de\u05e6\u05d5\u05dd \u05e7\u05de\u05d8\u05d9\u05dd.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/li>\r\n <li>\r\n <h3>\u05d4\u05e1\u05e8\u05ea \u05e9\u05d9\u05e2\u05e8 \u05d1\u05dc\u05d9\u05d9\u05d6\u05e8<\/h3>\r\n <div class=\"service-image\">\r\n <div class=\"flipper\">\r\n <div class=\"front\">\r\n <img decoding=\"async\" src=\"path_to_laser_hair_removal_image.jpg\" alt=\"\u05d4\u05e1\u05e8\u05ea \u05e9\u05d9\u05e2\u05e8 \u05d1\u05dc\u05d9\u05d9\u05d6\u05e8\">\r\n <\/div>\r\n <div class=\"back\">\r\n <p>\u05d4\u05e1\u05e8\u05ea \u05e9\u05d9\u05e2\u05e8 \u05e7\u05d1\u05d5\u05e2\u05d4 \u05d1\u05d0\u05de\u05e6\u05e2\u05d5\u05ea \u05d8\u05db\u05e0\u05d5\u05dc\u05d5\u05d2\u05d9\u05d9\u05ea \u05dc\u05d9\u05d9\u05d6\u05e8 \u05de\u05ea\u05e7\u05d3\u05de\u05ea. \u05d1\u05d8\u05d5\u05d7 \u05d5\u05d9\u05e2\u05d9\u05dc \u05dc\u05db\u05dc \u05d0\u05d6\u05d5\u05e8\u05d9 \u05d4\u05d2\u05d5\u05e3.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/li>\r\n <li>\r\n <h3>\u05de\u05e0\u05d9\u05e7\u05d5\u05e8 \u05d5\u05e4\u05d3\u05d9\u05e7\u05d5\u05e8<\/h3>\r\n <div class=\"service-image\">\r\n <div class=\"flipper\">\r\n <div class=\"front\">\r\n <img decoding=\"async\" src=\"path_to_manicure_pedicure_image.jpg\" alt=\"\u05de\u05e0\u05d9\u05e7\u05d5\u05e8 \u05d5\u05e4\u05d3\u05d9\u05e7\u05d5\u05e8\">\r\n <\/div>\r\n <div class=\"back\">\r\n <p>\u05d8\u05d9\u05e4\u05d5\u05dc \u05de\u05e7\u05e6\u05d5\u05e2\u05d9 \u05dc\u05d9\u05d3\u05d9\u05d9\u05dd \u05d5\u05dc\u05e8\u05d2\u05dc\u05d9\u05d9\u05dd. \u05db\u05d5\u05dc\u05dc \u05e2\u05d9\u05e6\u05d5\u05d1 \u05e6\u05d9\u05e4\u05d5\u05e8\u05e0\u05d9\u05d9\u05dd, \u05d8\u05d9\u05e4\u05d5\u05dc \u05d1\u05e2\u05d5\u05e8 \u05d5\u05dc\u05e7 \u05d2'\u05dc \u05e2\u05de\u05d9\u05d3.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/li>\r\n <li>\r\n <h3>\u05d8\u05d9\u05e4\u05d5\u05dc\u05d9 \u05e2\u05d9\u05e1\u05d5\u05d9<\/h3>\r\n <div class=\"service-image\">\r\n <div class=\"flipper\">\r\n <div class=\"front\">\r\n <img decoding=\"async\" src=\"path_to_massage_image.jpg\" alt=\"\u05d8\u05d9\u05e4\u05d5\u05dc\u05d9 \u05e2\u05d9\u05e1\u05d5\u05d9\">\r\n <\/div>\r\n <div class=\"back\">\r\n <p>\u05de\u05d2\u05d5\u05d5\u05df \u05d8\u05d9\u05e4\u05d5\u05dc\u05d9 \u05e2\u05d9\u05e1\u05d5\u05d9 \u05dc\u05d4\u05e8\u05d2\u05e2\u05d4, \u05e9\u05d7\u05e8\u05d5\u05e8 \u05de\u05ea\u05d7\u05d9\u05dd \u05d5\u05e9\u05d9\u05e4\u05d5\u05e8 \u05d6\u05e8\u05d9\u05de\u05ea \u05d4\u05d3\u05dd. \u05db\u05d5\u05dc\u05dc \u05e2\u05d9\u05e1\u05d5\u05d9 \u05e9\u05d5\u05d5\u05d3\u05d9, \u05d0\u05d1\u05e0\u05d9\u05dd \u05d7\u05de\u05d5\u05ea \u05d5\u05e8\u05e4\u05dc\u05e7\u05e1\u05d5\u05dc\u05d5\u05d2\u05d9\u05d4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n <section id=\"gallery\" class=\"hidden\">\r\n <h2>\u05d2\u05dc\u05e8\u05d9\u05d4<\/h2>\r\n <div class=\"gallery-container\">\r\n \r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"appointments\" class=\"hidden\">\r\n <h2>\u05e7\u05d1\u05d9\u05e2\u05ea \u05ea\u05d5\u05e8<\/h2>\r\n <div id=\"calendar\">\r\n <div class=\"calendar-header\">\r\n <button id=\"prev-month\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n <h3 id=\"current-month-year\"><\/h3>\r\n <button id=\"next-month\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n <\/div>\r\n <div class=\"calendar-body\">\r\n <div class=\"weekdays\">\r\n <div>\u05e8\u05d0\u05e9\u05d5\u05df<\/div>\r\n <div>\u05e9\u05e0\u05d9<\/div>\r\n <div>\u05e9\u05dc\u05d9\u05e9\u05d9<\/div>\r\n <div>\u05e8\u05d1\u05d9\u05e2\u05d9<\/div>\r\n <div>\u05d7\u05de\u05d9\u05e9\u05d9<\/div>\r\n <div>\u05e9\u05d9\u05e9\u05d9<\/div>\r\n <div>\u05e9\u05d1\u05ea<\/div>\r\n <\/div>\r\n <div class=\"days\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <form id=\"appointment-form\" class=\"hidden\">\r\n <input type=\"text\" name=\"name\" placeholder=\"\u05e9\u05dd \u05de\u05dc\u05d0\" required>\r\n <input type=\"tel\" name=\"phone\" placeholder=\"\u05d8\u05dc\u05e4\u05d5\u05df\" required>\r\n <input type=\"email\" name=\"email\" placeholder=\"\u05d0\u05d9\u05de\u05d9\u05d9\u05dc\" required>\r\n <input type=\"date\" name=\"date\" required>\r\n <input type=\"time\" name=\"time\" required>\r\n <button type=\"submit\">\u05e7\u05d1\u05e2 \u05ea\u05d5\u05e8<\/button>\r\n <\/form>\r\n <\/section>\r\n <\/main>\r\n\r\n <footer>\r\n <p>\u00a9 2023 \u05db\u05dc \u05d4\u05d6\u05db\u05d5\u05d9\u05d5\u05ea \u05e9\u05de\u05d5\u05e8\u05d5\u05ea \u05dc-DR Digital<\/p>\r\n <\/footer>\r\n\r\n <button id=\"business-login\">\u05db\u05e0\u05d9\u05e1\u05ea \u05d1\u05e2\u05dc \u05e2\u05e1\u05e7<\/button>\r\n <div id=\"business-login-modal\" class=\"modal hidden\">\r\n <div class=\"modal-content\">\r\n <h2>\u05db\u05e0\u05d9\u05e1\u05ea \u05d1\u05e2\u05dc \u05e2\u05e1\u05e7<\/h2>\r\n <form id=\"business-login-form\">\r\n <input type=\"email\" name=\"email\" placeholder=\"\u05d0\u05d9\u05de\u05d9\u05d9\u05dc\" required>\r\n <input type=\"password\" name=\"password\" placeholder=\"\u05e1\u05d9\u05e1\u05de\u05d4\" required>\r\n <button type=\"submit\">\u05db\u05e0\u05d9\u05e1\u05d4<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const calendar = document.querySelector('#calendar .days');\r\n const currentMonthYear = document.getElementById('current-month-year');\r\n const appointmentForm = document.getElementById('appointment-form');\r\n const businessLoginModal = document.getElementById('business-login-modal');\r\n const businessLoginForm = document.getElementById('business-login-form');\r\n const navLinks = document.querySelectorAll('nav ul li a');\r\n const sections = document.querySelectorAll('main section');\r\n let currentDate = new Date();\r\n let appointments = JSON.parse(localStorage.getItem('appointments')) || {};\r\n let isBusinessOwner = false;\r\n\r\n const workingHours = {\r\n start: 8,\r\n end: 18\r\n };\r\n\r\n const holidays = [\r\n '2023-09-16', '2023-09-17', \/\/ \u05e8\u05d0\u05e9 \u05d4\u05e9\u05e0\u05d4\r\n '2023-09-25', \/\/ \u05d9\u05d5\u05dd \u05db\u05d9\u05e4\u05d5\u05e8\r\n '2023-09-30', '2023-10-01', '2023-10-02', '2023-10-03', '2023-10-04', '2023-10-05', '2023-10-06', '2023-10-07', \/\/ \u05e1\u05d5\u05db\u05d5\u05ea\r\n ];\r\n\r\n function isHoliday(date) {\r\n const dateString = formatDate(date);\r\n return holidays.includes(dateString);\r\n }\r\n\r\n function isUnavailableDay(date) {\r\n return date.getDay() === 5 || date.getDay() === 6 || isHoliday(date);\r\n }\r\n\r\n function createCalendar(year, month) {\r\n const firstDay = new Date(year, month, 1);\r\n const lastDay = new Date(year, month + 1, 0);\r\n const monthNames = [\"\u05d9\u05e0\u05d5\u05d0\u05e8\", \"\u05e4\u05d1\u05e8\u05d5\u05d0\u05e8\", \"\u05de\u05e8\u05e5\", \"\u05d0\u05e4\u05e8\u05d9\u05dc\", \"\u05de\u05d0\u05d9\", \"\u05d9\u05d5\u05e0\u05d9\", \"\u05d9\u05d5\u05dc\u05d9\", \"\u05d0\u05d5\u05d2\u05d5\u05e1\u05d8\", \"\u05e1\u05e4\u05d8\u05de\u05d1\u05e8\", \"\u05d0\u05d5\u05e7\u05d8\u05d5\u05d1\u05e8\", \"\u05e0\u05d5\u05d1\u05de\u05d1\u05e8\", \"\u05d3\u05e6\u05de\u05d1\u05e8\"];\r\n\r\n currentMonthYear.textContent = `${monthNames[month]} ${year}`;\r\n calendar.innerHTML = '';\r\n\r\n \/\/ \u05d9\u05de\u05d9\u05dd \u05de\u05d4\u05d7\u05d5\u05d3\u05e9 \u05d4\u05e7\u05d5\u05d3\u05dd\r\n const daysBeforeFirstDay = firstDay.getDay();\r\n for (let i = daysBeforeFirstDay; i > 0; i--) {\r\n const date = new Date(year, month, 1 - i);\r\n const dateString = formatDate(date);\r\n calendar.innerHTML += `<div class=\"day other-month\" data-date=\"${dateString}\">${date.getDate()}<\/div>`;\r\n }\r\n\r\n \/\/ \u05d9\u05de\u05d9\u05dd \u05de\u05d4\u05d7\u05d5\u05d3\u05e9 \u05d4\u05e0\u05d5\u05db\u05d7\u05d9\r\n for (let i = 1; i <= lastDay.getDate(); i++) {\r\n const date = new Date(year, month, i);\r\n const dateString = formatDate(date);\r\n const isToday = date.toDateString() === new Date().toDateString();\r\n const isUnavailable = isUnavailableDay(date);\r\n const isBooked = appointments[dateString] && appointments[dateString].length > 0;\r\n \r\n let appointmentInfo = '';\r\n if (isBooked && isBusinessOwner) {\r\n appointmentInfo = appointments[dateString].map(app => `<div class=\"appointment-info\">\u05ea\u05e4\u05d5\u05e1 ${app.time}<\/div>`).join('');\r\n }\r\n\r\n calendar.innerHTML += `\r\n <div class=\"day${isToday ? ' today' : ''}${isBooked ? ' booked' : ''}${isUnavailable ? ' unavailable' : ''}\" data-date=\"${dateString}\">\r\n ${i}\r\n ${appointmentInfo}\r\n <\/div>\r\n `;\r\n }\r\n\r\n \/\/ \u05d9\u05de\u05d9\u05dd \u05de\u05d4\u05d7\u05d5\u05d3\u05e9 \u05d4\u05d1\u05d0\r\n const daysAfterLastDay = 42 - calendar.children.length;\r\n for (let i = 1; i <= daysAfterLastDay; i++) {\r\n const date = new Date(year, month + 1, i);\r\n const dateString = formatDate(date);\r\n calendar.innerHTML += `<div class=\"day other-month\" data-date=\"${dateString}\">${i}<\/div>`;\r\n }\r\n\r\n \/\/ \u05d4\u05d5\u05e1\u05e4\u05ea \u05d0\u05d9\u05e8\u05d5\u05e2\u05d9 \u05dc\u05d7\u05d9\u05e6\u05d4 \u05dc\u05d9\u05de\u05d9\u05dd\r\n document.querySelectorAll('.day').forEach(day => {\r\n day.addEventListener('click', dayClicked);\r\n });\r\n }\r\n\r\n function dayClicked(event) {\r\n const dayElement = event.currentTarget;\r\n const date = new Date(dayElement.dataset.date);\r\n \r\n if (dayElement.classList.contains('other-month')) {\r\n currentDate = new Date(date);\r\n createCalendar(currentDate.getFullYear(), currentDate.getMonth());\r\n return;\r\n }\r\n \r\n if (isUnavailableDay(date)) {\r\n alert('\u05dc\u05d0 \u05e0\u05d9\u05ea\u05df \u05dc\u05e7\u05d1\u05d5\u05e2 \u05e4\u05d2\u05d9\u05e9\u05d5\u05ea \u05d1\u05e9\u05d9\u05e9\u05d9, \u05e9\u05d1\u05ea \u05d0\u05d5 \u05d1\u05d7\u05d2\u05d9\u05dd');\r\n return;\r\n }\r\n \r\n if (isBusinessOwner) {\r\n showAppointments(date);\r\n } else {\r\n showAppointmentForm(date);\r\n }\r\n }\r\n\r\n function showAppointmentForm(date) {\r\n appointmentForm.style.display = 'block';\r\n appointmentForm.querySelector('[name=\"date\"]').value = formatDate(date);\r\n\r\n const timeSelect = appointmentForm.querySelector('[name=\"time\"]');\r\n timeSelect.innerHTML = '';\r\n for (let hour = workingHours.start; hour < workingHours.end; hour++) {\r\n const hourString = hour.toString().padStart(2, '0');\r\n const option = document.createElement('option');\r\n option.value = `${hourString}:00`;\r\n option.textContent = `${hourString}:00 - ${(hour + 1).toString().padStart(2, '0')}:00`;\r\n \r\n const dateString = formatDate(date);\r\n const isBooked = appointments[dateString] && appointments[dateString].some(app => app.time === `${hourString}:00`);\r\n \r\n if (isBooked) {\r\n option.disabled = true;\r\n }\r\n \r\n timeSelect.appendChild(option);\r\n }\r\n }\r\n\r\n function showAppointments(date) {\r\n const dateString = formatDate(date);\r\n const dayAppointments = appointments[dateString] || [];\r\n let message = `\u05e4\u05d2\u05d9\u05e9\u05d5\u05ea \u05dc-${dateString}:\\n\\n`;\r\n if (dayAppointments.length === 0) {\r\n message += '\u05d0\u05d9\u05df \u05e4\u05d2\u05d9\u05e9\u05d5\u05ea \u05dc\u05d4\u05d9\u05d5\u05dd.';\r\n } else {\r\n dayAppointments.forEach(app => {\r\n message += `${app.time} - ${app.name} (${app.phone})\\n`;\r\n });\r\n }\r\n alert(message);\r\n }\r\n\r\n function formatDate(date) {\r\n const d = new Date(date);\r\n let month = '' + (d.getMonth() + 1);\r\n let day = '' + d.getDate();\r\n const year = d.getFullYear();\r\n\r\n if (month.length < 2) month = '0' + month;\r\n if (day.length < 2) day = '0' + day;\r\n\r\n return [year, month, day].join('-');\r\n }\r\n\r\n appointmentForm.addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n const formData = new FormData(appointmentForm);\r\n const appointmentData = Object.fromEntries(formData.entries());\r\n \r\n const date = new Date(appointmentData.date);\r\n if (isUnavailableDay(date)) {\r\n alert('\u05dc\u05d0 \u05e0\u05d9\u05ea\u05df \u05dc\u05e7\u05d1\u05d5\u05e2 \u05e4\u05d2\u05d9\u05e9\u05d5\u05ea \u05d1\u05e9\u05d9\u05e9\u05d9, \u05e9\u05d1\u05ea \u05d0\u05d5 \u05d1\u05d7\u05d2\u05d9\u05dd');\r\n return;\r\n }\r\n\r\n const hour = parseInt(appointmentData.time.split(':')[0]);\r\n if (hour < workingHours.start || hour >= workingHours.end) {\r\n alert('\u05e0\u05d9\u05ea\u05df \u05dc\u05e7\u05d1\u05d5\u05e2 \u05e4\u05d2\u05d9\u05e9\u05d5\u05ea \u05e8\u05e7 \u05d1\u05d9\u05df \u05d4\u05e9\u05e2\u05d5\u05ea 8:00 \u05dc-18:00');\r\n return;\r\n }\r\n\r\n if (!appointments[appointmentData.date]) {\r\n appointments[appointmentData.date] = [];\r\n }\r\n\r\n if (appointments[appointmentData.date].some(app => app.time === appointmentData.time)) {\r\n alert('\u05d4\u05e9\u05e2\u05d4 \u05d4\u05d6\u05d5 \u05db\u05d1\u05e8 \u05ea\u05e4\u05d5\u05e1\u05d4, \u05d0\u05e0\u05d0 \u05d1\u05d7\u05e8 \u05e9\u05e2\u05d4 \u05d0\u05d7\u05e8\u05ea');\r\n return;\r\n }\r\n\r\n appointments[appointmentData.date].push(appointmentData);\r\n localStorage.setItem('appointments', JSON.stringify(appointments));\r\n \r\n alert('\u05d4\u05e4\u05d2\u05d9\u05e9\u05d4 \u05e0\u05e7\u05d1\u05e2\u05d4 \u05d1\u05d4\u05e6\u05dc\u05d7\u05d4!');\r\n createCalendar(currentDate.getFullYear(), currentDate.getMonth());\r\n appointmentForm.reset();\r\n appointmentForm.style.display = 'none';\r\n });\r\n\r\n document.getElementById('business-login').addEventListener('click', function() {\r\n businessLoginModal.style.display = 'block';\r\n });\r\n\r\n businessLoginForm.addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n const email = businessLoginForm.querySelector('[name=\"email\"]').value;\r\n const password = businessLoginForm.querySelector('[name=\"password\"]').value;\r\n \r\n if (email === 'd.r.digital112@gmail.com' && password === 'Heli0509') {\r\n isBusinessOwner = true;\r\n alert('\u05d4\u05ea\u05d7\u05d1\u05e8\u05ea \u05d1\u05d4\u05e6\u05dc\u05d7\u05d4 \u05db\u05d1\u05e2\u05dc \u05d4\u05e2\u05e1\u05e7');\r\n businessLoginModal.style.display = 'none';\r\n createCalendar(currentDate.getFullYear(), currentDate.getMonth());\r\n } else {\r\n alert('\u05e4\u05e8\u05d8\u05d9 \u05d4\u05ea\u05d7\u05d1\u05e8\u05d5\u05ea \u05e9\u05d2\u05d5\u05d9\u05d9\u05dd');\r\n }\r\n });\r\n\r\n document.getElementById('prev-month').addEventListener('click', () => {\r\n currentDate.setMonth(currentDate.getMonth() - 1);\r\n createCalendar(currentDate.getFullYear(), currentDate.getMonth());\r\n });\r\n\r\n document.getElementById('next-month').addEventListener('click', () => {\r\n currentDate.setMonth(currentDate.getMonth() + 1);\r\n createCalendar(currentDate.getFullYear(), currentDate.getMonth());\r\n });\r\n\r\n navLinks.forEach(link => {\r\n link.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n const targetSection = this.getAttribute('data-section');\r\n sections.forEach(section => {\r\n section.classList.add('hidden');\r\n });\r\n document.getElementById(targetSection).classList.remove('hidden');\r\n });\r\n });\r\n\r\n \/\/ \u05d4\u05e4\u05d9\u05db\u05ea \u05d4\u05ea\u05de\u05d5\u05e0\u05d5\u05ea \u05d1\u05e9\u05d9\u05e8\u05d5\u05ea\u05d9\u05dd\r\n const serviceImages = document.querySelectorAll('.service-image');\r\n serviceImages.forEach(image => {\r\n image.addEventListener('click', function() {\r\n this.querySelector('.flipper').classList.toggle('flipped');\r\n });\r\n });\r\n\r\n createCalendar(currentDate.getFullYear(), currentDate.getMonth());\r\n});\r\n\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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>\u05e9\u05dd \u05d4\u05e2\u05e1\u05e7 \u05e9\u05dc\u05da \u05d0\u05d5\u05d3\u05d5\u05ea \u05e9\u05d9\u05e8\u05d5\u05ea\u05d9\u05dd \u05d2\u05dc\u05e8\u05d9\u05d4 \u05e7\u05d1\u05d9\u05e2\u05ea \u05ea\u05d5\u05e8 \u05d0\u05d5\u05d3\u05d5\u05ea \u05db\u05d0\u05df \u05d9\u05d1\u05d5\u05d0 \u05de\u05d9\u05d3\u05e2 \u05de\u05e4\u05d5\u05e8\u05d8 \u05e2\u05dc \u05d4\u05e2\u05e1\u05e7 \u05d5\u05d4\u05e7\u05d5\u05e1\u05de\u05d8\u05d9\u05e7\u05d0\u05d9\u05ea \u05d4\u05e9\u05d9\u05e8\u05d5\u05ea\u05d9\u05dd \u05e9\u05dc\u05e0\u05d5 \u05d8\u05d9\u05e4\u05d5\u05dc \u05e4\u05e0\u05d9\u05dd \u05d8\u05d9\u05e4\u05d5\u05dc \u05e4\u05e0\u05d9\u05dd \u05de\u05e7\u05d9\u05e3 \u05dc\u05d4\u05d6\u05e0\u05ea \u05d4\u05e2\u05d5\u05e8 \u05d5\u05e9\u05d9\u05e4\u05d5\u05e8 \u05de\u05e8\u05d0\u05d4\u05d5. \u05de\u05ea\u05d0\u05d9\u05dd \u05dc\u05db\u05dc \u05e1\u05d5\u05d2\u05d9 \u05d4\u05e2\u05d5\u05e8 \u05d5\u05de\u05e1\u05d9\u05d9\u05e2 \u05d1\u05d4\u05ea\u05d7\u05d3\u05e9\u05d5\u05ea \u05ea\u05d0\u05d9 \u05d4\u05e2\u05d5\u05e8. \u05d8\u05d9\u05e4\u05d5\u05dc \u05d0\u05e0\u05d8\u05d9-\u05d0\u05d9\u05d9\u05d2’\u05d9\u05e0\u05d2 \u05d8\u05d9\u05e4\u05d5\u05dc \u05de\u05ea\u05e7\u05d3\u05dd \u05dc\u05d4\u05e4\u05d7\u05ea\u05ea \u05e1\u05d9\u05de\u05e0\u05d9 \u05d4\u05d2\u05d9\u05dc. \u05de\u05e9\u05dc\u05d1 \u05d8\u05db\u05e0\u05d5\u05dc\u05d5\u05d2\u05d9\u05d5\u05ea \u05d7\u05d3\u05e9\u05e0\u05d9\u05d5\u05ea \u05dc\u05e9\u05d9\u05e4\u05d5\u05e8 \u05de\u05e8\u05e7\u05dd \u05d4\u05e2\u05d5\u05e8 \u05d5\u05e6\u05de\u05e6\u05d5\u05dd \u05e7\u05de\u05d8\u05d9\u05dd. \u05d4\u05e1\u05e8\u05ea \u05e9\u05d9\u05e2\u05e8 \u05d1\u05dc\u05d9\u05d9\u05d6\u05e8 \u05d4\u05e1\u05e8\u05ea \u05e9\u05d9\u05e2\u05e8 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_eb_attr":"","content-type":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","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":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8413","page","type-page","status-publish","hentry"],"ams_acf":[],"_links":{"self":[{"href":"https:\/\/digitalrise.art\/index.php?rest_route=\/wp\/v2\/pages\/8413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitalrise.art\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitalrise.art\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitalrise.art\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digitalrise.art\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8413"}],"version-history":[{"count":14,"href":"https:\/\/digitalrise.art\/index.php?rest_route=\/wp\/v2\/pages\/8413\/revisions"}],"predecessor-version":[{"id":8428,"href":"https:\/\/digitalrise.art\/index.php?rest_route=\/wp\/v2\/pages\/8413\/revisions\/8428"}],"wp:attachment":[{"href":"https:\/\/digitalrise.art\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n \u05d0\u05e4\u05dc\u05d9\u05e7\u05e6\u05d9\u05d9\u05ea \u05e0\u05d9\u05d4\u05d5\u05dc \u05dc\u05e7\u05d5\u05e1\u05de\u05d8\u05d9\u05e7\u05d0\u05d9\u05ea<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n line-height: 1.6;\r\n margin: 0;\r\n padding: 0;\r\n background-color: #fff;\r\n color: #333;\r\n}\r\n\r\nheader {\r\n background: #ff69b4;\r\n color: #fff;\r\n padding: 1rem;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n}\r\n\r\n.logo img {\r\n max-width: 100px;\r\n height: auto;\r\n}\r\n\r\nnav ul {\r\n list-style: none;\r\n padding: 0;\r\n display: flex;\r\n}\r\n\r\nnav ul li {\r\n margin-left: 20px;\r\n}\r\n\r\nnav ul li a {\r\n color: #fff;\r\n text-decoration: none;\r\n font-weight: bold;\r\n}\r\n\r\nmain {\r\n padding: 2rem;\r\n}\r\n\r\nsection {\r\n background-color: #fff;\r\n border-radius: 10px;\r\n padding: 20px;\r\n margin-bottom: 20px;\r\n box-shadow: 0 0 10px rgba(0,0,0,0.1);\r\n}\r\n\r\n#services ul {\r\n list-style: none;\r\n padding: 0;\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: space-between;\r\n}\r\n\r\n#services li {\r\n flex-basis: calc(33.333% - 20px);\r\n margin-bottom: 20px;\r\n text-align: center;\r\n}\r\n\r\n.service-image {\r\n width: 100%;\r\n height: 200px;\r\n perspective: 1000px;\r\n}\r\n\r\n.service-image .flipper {\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n transition: transform 0.8s;\r\n transform-style: preserve-3d;\r\n cursor: pointer;\r\n}\r\n\r\n.service-image .front,\r\n.service-image .back {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n backface-visibility: hidden;\r\n}\r\n\r\n.service-image .front {\r\n background-color: #f0f0f0;\r\n}\r\n\r\n.service-image .front img {\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n}\r\n\r\n.service-image .back {\r\n background-color: #ff69b4;\r\n color: white;\r\n transform: rotateY(180deg);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 20px;\r\n text-align: center;\r\n}\r\n\r\n.service-image .flipper.flipped {\r\n transform: rotateY(180deg);\r\n}\r\n\r\n#calendar {\r\n max-width: 800px;\r\n margin: 0 auto;\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 padding: 10px;\r\n background-color: #f1f3f4;\r\n}\r\n\r\n.calendar-header button {\r\n background: none;\r\n border: none;\r\n font-size: 18px;\r\n cursor: pointer;\r\n}\r\n\r\n.calendar-body {\r\n border: 1px solid #e0e0e0;\r\n}\r\n\r\n.weekdays {\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n background-color: #f1f3f4;\r\n font-weight: bold;\r\n}\r\n\r\n.weekdays div {\r\n padding: 10px;\r\n text-align: center;\r\n}\r\n\r\n.days {\r\n display: grid;\r\n grid-template-columns: repeat(7, 1fr);\r\n}\r\n\r\n.day {\r\n border: 1px solid #e0e0e0;\r\n padding: 10px;\r\n min-height: 100px;\r\n cursor: pointer;\r\n}\r\n\r\n.day:hover {\r\n background-color: #f1f3f4;\r\n}\r\n\r\n.day.other-month {\r\n color: #bbb;\r\n}\r\n\r\n.day.booked {\r\n background-color: #ffcccb;\r\n}\r\n\r\n.day.today {\r\n font-weight: bold;\r\n color: #1a73e8;\r\n}\r\n\r\n.day.unavailable {\r\n background-color: #f0f0f0;\r\n color: #999;\r\n cursor: not-allowed;\r\n}\r\n\r\n.appointment-info {\r\n font-size: 12px;\r\n margin-top: 5px;\r\n}\r\n\r\n.modal {\r\n display: none;\r\n position: fixed;\r\n z-index: 1;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: auto;\r\n background-color: rgba(0,0,0,0.4);\r\n}\r\n\r\n.modal-content {\r\n background-color: #fefefe;\r\n margin: 15% auto;\r\n padding: 20px;\r\n border: 1px solid #888;\r\n width: 80%;\r\n max-width: 500px;\r\n}\r\n\r\n.hidden {\r\n display: none;\r\n}\r\n\r\n#appointment-form input, #appointment-form button {\r\n display: block;\r\n margin-bottom: 10px;\r\n width: 100%;\r\n padding: 8px;\r\n}\r\n\r\n#appointment-form button {\r\n background-color: #ff69b4;\r\n color: #fff;\r\n border: none;\r\n cursor: pointer;\r\n}\r\n\r\nfooter {\r\n background: #ff69b4;\r\n color: #fff;\r\n text-align: center;\r\n padding: 1rem;\r\n position: fixed;\r\n bottom: 0;\r\n width: 100%;\r\n}\r\n\r\n#business-login {\r\n position: fixed;\r\n top: 10px;\r\n left: 10px;\r\n background-color: #ff69b4;\r\n color: #fff;\r\n border: none;\r\n padding: 10px;\r\n cursor: pointer;\r\n}\r\n\r\n <\/style>\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0-beta3\/css\/all.min.css\">\r\n<\/head>\r\n<body>\r\n <header>\r\n <div class=\"logo\">\r\n <img decoding=\"async\" src=\"path_to_your_logo.png\" alt=\"\u05dc\u05d5\u05d2\u05d5 \u05d4\u05e2\u05e1\u05e7\">\r\n <\/div>\r\n <h1>\u05e9\u05dd \u05d4\u05e2\u05e1\u05e7 \u05e9\u05dc\u05da<\/h1>\r\n <nav>\r\n <ul>\r\n <li><a href=\"#\" data-section=\"about\">\u05d0\u05d5\u05d3\u05d5\u05ea<\/a><\/li>\r\n <li><a href=\"#\" data-section=\"services\">\u05e9\u05d9\u05e8\u05d5\u05ea\u05d9\u05dd<\/a><\/li>\r\n <li><a href=\"#\" data-section=\"gallery\">\u05d2\u05dc\u05e8\u05d9\u05d4<\/a><\/li>\r\n <li><a href=\"#\" data-section=\"appointments\">\u05e7\u05d1\u05d9\u05e2\u05ea \u05ea\u05d5\u05e8<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n <\/header>\r\n\r\n <main>\r\n <section id=\"about\" class=\"hidden\">\r\n <h2>\u05d0\u05d5\u05d3\u05d5\u05ea<\/h2>\r\n <p>\u05db\u05d0\u05df \u05d9\u05d1\u05d5\u05d0 \u05de\u05d9\u05d3\u05e2 \u05de\u05e4\u05d5\u05e8\u05d8 \u05e2\u05dc \u05d4\u05e2\u05e1\u05e7 \u05d5\u05d4\u05e7\u05d5\u05e1\u05de\u05d8\u05d9\u05e7\u05d0\u05d9\u05ea<\/p>\r\n <\/section>\r\n\r\n <section id=\"services\" class=\"hidden\">\r\n <h2>\u05d4\u05e9\u05d9\u05e8\u05d5\u05ea\u05d9\u05dd \u05e9\u05dc\u05e0\u05d5<\/h2>\r\n <ul>\r\n <li>\r\n <h3>\u05d8\u05d9\u05e4\u05d5\u05dc \u05e4\u05e0\u05d9\u05dd<\/h3>\r\n <div class=\"service-image\">\r\n <div class=\"flipper\">\r\n <div class=\"front\">\r\n \r\n <img decoding=\"async\" src=\"path_to_facial_treatment_image.jpg\" alt=\"\u05d8\u05d9\u05e4\u05d5\u05dc \u05e4\u05e0\u05d9\u05dd\">\r\n <\/div>\r\n <div class=\"back\">\r\n <p>\u05d8\u05d9\u05e4\u05d5\u05dc \u05e4\u05e0\u05d9\u05dd \u05de\u05e7\u05d9\u05e3 \u05dc\u05d4\u05d6\u05e0\u05ea \u05d4\u05e2\u05d5\u05e8 \u05d5\u05e9\u05d9\u05e4\u05d5\u05e8 \u05de\u05e8\u05d0\u05d4\u05d5. \u05de\u05ea\u05d0\u05d9\u05dd \u05dc\u05db\u05dc \u05e1\u05d5\u05d2\u05d9 \u05d4\u05e2\u05d5\u05e8 \u05d5\u05de\u05e1\u05d9\u05d9\u05e2 \u05d1\u05d4\u05ea\u05d7\u05d3\u05e9\u05d5\u05ea \u05ea\u05d0\u05d9 \u05d4\u05e2\u05d5\u05e8.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/li>\r\n <li>\r\n <h3>\u05d8\u05d9\u05e4\u05d5\u05dc \u05d0\u05e0\u05d8\u05d9-\u05d0\u05d9\u05d9\u05d2'\u05d9\u05e0\u05d2<\/h3>\r\n <div class=\"service-image\">\r\n <div class=\"flipper\">\r\n <div class=\"front\">\r\n <img decoding=\"async\" src=\"path_to_anti_aging_image.jpg\" alt=\"\u05d8\u05d9\u05e4\u05d5\u05dc \u05d0\u05e0\u05d8\u05d9-\u05d0\u05d9\u05d9\u05d2'\u05d9\u05e0\u05d2\">\r\n <\/div>\r\n <div class=\"back\">\r\n <p>\u05d8\u05d9\u05e4\u05d5\u05dc \u05de\u05ea\u05e7\u05d3\u05dd \u05dc\u05d4\u05e4\u05d7\u05ea\u05ea \u05e1\u05d9\u05de\u05e0\u05d9 \u05d4\u05d2\u05d9\u05dc. \u05de\u05e9\u05dc\u05d1 \u05d8\u05db\u05e0\u05d5\u05dc\u05d5\u05d2\u05d9\u05d5\u05ea \u05d7\u05d3\u05e9\u05e0\u05d9\u05d5\u05ea \u05dc\u05e9\u05d9\u05e4\u05d5\u05e8 \u05de\u05e8\u05e7\u05dd \u05d4\u05e2\u05d5\u05e8 \u05d5\u05e6\u05de\u05e6\u05d5\u05dd \u05e7\u05de\u05d8\u05d9\u05dd.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/li>\r\n <li>\r\n <h3>\u05d4\u05e1\u05e8\u05ea \u05e9\u05d9\u05e2\u05e8 \u05d1\u05dc\u05d9\u05d9\u05d6\u05e8<\/h3>\r\n <div class=\"service-image\">\r\n <div class=\"flipper\">\r\n <div class=\"front\">\r\n <img decoding=\"async\" src=\"path_to_laser_hair_removal_image.jpg\" alt=\"\u05d4\u05e1\u05e8\u05ea \u05e9\u05d9\u05e2\u05e8 \u05d1\u05dc\u05d9\u05d9\u05d6\u05e8\">\r\n <\/div>\r\n <div class=\"back\">\r\n <p>\u05d4\u05e1\u05e8\u05ea \u05e9\u05d9\u05e2\u05e8 \u05e7\u05d1\u05d5\u05e2\u05d4 \u05d1\u05d0\u05de\u05e6\u05e2\u05d5\u05ea \u05d8\u05db\u05e0\u05d5\u05dc\u05d5\u05d2\u05d9\u05d9\u05ea \u05dc\u05d9\u05d9\u05d6\u05e8 \u05de\u05ea\u05e7\u05d3\u05de\u05ea. \u05d1\u05d8\u05d5\u05d7 \u05d5\u05d9\u05e2\u05d9\u05dc \u05dc\u05db\u05dc \u05d0\u05d6\u05d5\u05e8\u05d9 \u05d4\u05d2\u05d5\u05e3.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/li>\r\n <li>\r\n <h3>\u05de\u05e0\u05d9\u05e7\u05d5\u05e8 \u05d5\u05e4\u05d3\u05d9\u05e7\u05d5\u05e8<\/h3>\r\n <div class=\"service-image\">\r\n <div class=\"flipper\">\r\n <div class=\"front\">\r\n <img decoding=\"async\" src=\"path_to_manicure_pedicure_image.jpg\" alt=\"\u05de\u05e0\u05d9\u05e7\u05d5\u05e8 \u05d5\u05e4\u05d3\u05d9\u05e7\u05d5\u05e8\">\r\n <\/div>\r\n <div class=\"back\">\r\n <p>\u05d8\u05d9\u05e4\u05d5\u05dc \u05de\u05e7\u05e6\u05d5\u05e2\u05d9 \u05dc\u05d9\u05d3\u05d9\u05d9\u05dd \u05d5\u05dc\u05e8\u05d2\u05dc\u05d9\u05d9\u05dd. \u05db\u05d5\u05dc\u05dc \u05e2\u05d9\u05e6\u05d5\u05d1 \u05e6\u05d9\u05e4\u05d5\u05e8\u05e0\u05d9\u05d9\u05dd, \u05d8\u05d9\u05e4\u05d5\u05dc \u05d1\u05e2\u05d5\u05e8 \u05d5\u05dc\u05e7 \u05d2'\u05dc \u05e2\u05de\u05d9\u05d3.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/li>\r\n <li>\r\n <h3>\u05d8\u05d9\u05e4\u05d5\u05dc\u05d9 \u05e2\u05d9\u05e1\u05d5\u05d9<\/h3>\r\n <div class=\"service-image\">\r\n <div class=\"flipper\">\r\n <div class=\"front\">\r\n <img decoding=\"async\" src=\"path_to_massage_image.jpg\" alt=\"\u05d8\u05d9\u05e4\u05d5\u05dc\u05d9 \u05e2\u05d9\u05e1\u05d5\u05d9\">\r\n <\/div>\r\n <div class=\"back\">\r\n <p>\u05de\u05d2\u05d5\u05d5\u05df \u05d8\u05d9\u05e4\u05d5\u05dc\u05d9 \u05e2\u05d9\u05e1\u05d5\u05d9 \u05dc\u05d4\u05e8\u05d2\u05e2\u05d4, \u05e9\u05d7\u05e8\u05d5\u05e8 \u05de\u05ea\u05d7\u05d9\u05dd \u05d5\u05e9\u05d9\u05e4\u05d5\u05e8 \u05d6\u05e8\u05d9\u05de\u05ea \u05d4\u05d3\u05dd. \u05db\u05d5\u05dc\u05dc \u05e2\u05d9\u05e1\u05d5\u05d9 \u05e9\u05d5\u05d5\u05d3\u05d9, \u05d0\u05d1\u05e0\u05d9\u05dd \u05d7\u05de\u05d5\u05ea \u05d5\u05e8\u05e4\u05dc\u05e7\u05e1\u05d5\u05dc\u05d5\u05d2\u05d9\u05d4.<\/p>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/li>\r\n <\/ul>\r\n <\/section>\r\n\r\n <section id=\"gallery\" class=\"hidden\">\r\n <h2>\u05d2\u05dc\u05e8\u05d9\u05d4<\/h2>\r\n <div class=\"gallery-container\">\r\n \r\n <\/div>\r\n <\/section>\r\n\r\n <section id=\"appointments\" class=\"hidden\">\r\n <h2>\u05e7\u05d1\u05d9\u05e2\u05ea \u05ea\u05d5\u05e8<\/h2>\r\n <div id=\"calendar\">\r\n <div class=\"calendar-header\">\r\n <button id=\"prev-month\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\r\n <h3 id=\"current-month-year\"><\/h3>\r\n <button id=\"next-month\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\r\n <\/div>\r\n <div class=\"calendar-body\">\r\n <div class=\"weekdays\">\r\n <div>\u05e8\u05d0\u05e9\u05d5\u05df<\/div>\r\n <div>\u05e9\u05e0\u05d9<\/div>\r\n <div>\u05e9\u05dc\u05d9\u05e9\u05d9<\/div>\r\n <div>\u05e8\u05d1\u05d9\u05e2\u05d9<\/div>\r\n <div>\u05d7\u05de\u05d9\u05e9\u05d9<\/div>\r\n <div>\u05e9\u05d9\u05e9\u05d9<\/div>\r\n <div>\u05e9\u05d1\u05ea<\/div>\r\n <\/div>\r\n <div class=\"days\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <form id=\"appointment-form\" class=\"hidden\">\r\n <input type=\"text\" name=\"name\" placeholder=\"\u05e9\u05dd \u05de\u05dc\u05d0\" required>\r\n <input type=\"tel\" name=\"phone\" placeholder=\"\u05d8\u05dc\u05e4\u05d5\u05df\" required>\r\n <input type=\"email\" name=\"email\" placeholder=\"\u05d0\u05d9\u05de\u05d9\u05d9\u05dc\" required>\r\n <input type=\"date\" name=\"date\" required>\r\n <input type=\"time\" name=\"time\" required>\r\n <button type=\"submit\">\u05e7\u05d1\u05e2 \u05ea\u05d5\u05e8<\/button>\r\n <\/form>\r\n <\/section>\r\n <\/main>\r\n\r\n <footer>\r\n <p>\u00a9 2023 \u05db\u05dc \u05d4\u05d6\u05db\u05d5\u05d9\u05d5\u05ea \u05e9\u05de\u05d5\u05e8\u05d5\u05ea \u05dc-DR Digital<\/p>\r\n <\/footer>\r\n\r\n <button id=\"business-login\">\u05db\u05e0\u05d9\u05e1\u05ea \u05d1\u05e2\u05dc \u05e2\u05e1\u05e7<\/button>\r\n <div id=\"business-login-modal\" class=\"modal hidden\">\r\n <div class=\"modal-content\">\r\n <h2>\u05db\u05e0\u05d9\u05e1\u05ea \u05d1\u05e2\u05dc \u05e2\u05e1\u05e7<\/h2>\r\n <form id=\"business-login-form\">\r\n <input type=\"email\" name=\"email\" placeholder=\"\u05d0\u05d9\u05de\u05d9\u05d9\u05dc\" required>\r\n <input type=\"password\" name=\"password\" placeholder=\"\u05e1\u05d9\u05e1\u05de\u05d4\" required>\r\n <button type=\"submit\">\u05db\u05e0\u05d9\u05e1\u05d4<\/button>\r\n <\/form>\r\n <\/div>\r\n <\/div>\r\n <script>\r\n document.addEventListener('DOMContentLoaded', function() {\r\n const calendar = document.querySelector('#calendar .days');\r\n const currentMonthYear = document.getElementById('current-month-year');\r\n const appointmentForm = document.getElementById('appointment-form');\r\n const businessLoginModal = document.getElementById('business-login-modal');\r\n const businessLoginForm = document.getElementById('business-login-form');\r\n const navLinks = document.querySelectorAll('nav ul li a');\r\n const sections = document.querySelectorAll('main section');\r\n let currentDate = new Date();\r\n let appointments = JSON.parse(localStorage.getItem('appointments')) || {};\r\n let isBusinessOwner = false;\r\n\r\n const workingHours = {\r\n start: 8,\r\n end: 18\r\n };\r\n\r\n const holidays = [\r\n '2023-09-16', '2023-09-17', \/\/ \u05e8\u05d0\u05e9 \u05d4\u05e9\u05e0\u05d4\r\n '2023-09-25', \/\/ \u05d9\u05d5\u05dd \u05db\u05d9\u05e4\u05d5\u05e8\r\n '2023-09-30', '2023-10-01', '2023-10-02', '2023-10-03', '2023-10-04', '2023-10-05', '2023-10-06', '2023-10-07', \/\/ \u05e1\u05d5\u05db\u05d5\u05ea\r\n ];\r\n\r\n function isHoliday(date) {\r\n const dateString = formatDate(date);\r\n return holidays.includes(dateString);\r\n }\r\n\r\n function isUnavailableDay(date) {\r\n return date.getDay() === 5 || date.getDay() === 6 || isHoliday(date);\r\n }\r\n\r\n function createCalendar(year, month) {\r\n const firstDay = new Date(year, month, 1);\r\n const lastDay = new Date(year, month + 1, 0);\r\n const monthNames = [\"\u05d9\u05e0\u05d5\u05d0\u05e8\", \"\u05e4\u05d1\u05e8\u05d5\u05d0\u05e8\", \"\u05de\u05e8\u05e5\", \"\u05d0\u05e4\u05e8\u05d9\u05dc\", \"\u05de\u05d0\u05d9\", \"\u05d9\u05d5\u05e0\u05d9\", \"\u05d9\u05d5\u05dc\u05d9\", \"\u05d0\u05d5\u05d2\u05d5\u05e1\u05d8\", \"\u05e1\u05e4\u05d8\u05de\u05d1\u05e8\", \"\u05d0\u05d5\u05e7\u05d8\u05d5\u05d1\u05e8\", \"\u05e0\u05d5\u05d1\u05de\u05d1\u05e8\", \"\u05d3\u05e6\u05de\u05d1\u05e8\"];\r\n\r\n currentMonthYear.textContent = `${monthNames[month]} ${year}`;\r\n calendar.innerHTML = '';\r\n\r\n \/\/ \u05d9\u05de\u05d9\u05dd \u05de\u05d4\u05d7\u05d5\u05d3\u05e9 \u05d4\u05e7\u05d5\u05d3\u05dd\r\n const daysBeforeFirstDay = firstDay.getDay();\r\n for (let i = daysBeforeFirstDay; i > 0; i--) {\r\n const date = new Date(year, month, 1 - i);\r\n const dateString = formatDate(date);\r\n calendar.innerHTML += `<div class=\"day other-month\" data-date=\"${dateString}\">${date.getDate()}<\/div>`;\r\n }\r\n\r\n \/\/ \u05d9\u05de\u05d9\u05dd \u05de\u05d4\u05d7\u05d5\u05d3\u05e9 \u05d4\u05e0\u05d5\u05db\u05d7\u05d9\r\n for (let i = 1; i <= lastDay.getDate(); i++) {\r\n const date = new Date(year, month, i);\r\n const dateString = formatDate(date);\r\n const isToday = date.toDateString() === new Date().toDateString();\r\n const isUnavailable = isUnavailableDay(date);\r\n const isBooked = appointments[dateString] && appointments[dateString].length > 0;\r\n \r\n let appointmentInfo = '';\r\n if (isBooked && isBusinessOwner) {\r\n appointmentInfo = appointments[dateString].map(app => `<div class=\"appointment-info\">\u05ea\u05e4\u05d5\u05e1 ${app.time}<\/div>`).join('');\r\n }\r\n\r\n calendar.innerHTML += `\r\n <div class=\"day${isToday ? ' today' : ''}${isBooked ? ' booked' : ''}${isUnavailable ? ' unavailable' : ''}\" data-date=\"${dateString}\">\r\n ${i}\r\n ${appointmentInfo}\r\n <\/div>\r\n `;\r\n }\r\n\r\n \/\/ \u05d9\u05de\u05d9\u05dd \u05de\u05d4\u05d7\u05d5\u05d3\u05e9 \u05d4\u05d1\u05d0\r\n const daysAfterLastDay = 42 - calendar.children.length;\r\n for (let i = 1; i <= daysAfterLastDay; i++) {\r\n const date = new Date(year, month + 1, i);\r\n const dateString = formatDate(date);\r\n calendar.innerHTML += `<div class=\"day other-month\" data-date=\"${dateString}\">${i}<\/div>`;\r\n }\r\n\r\n \/\/ \u05d4\u05d5\u05e1\u05e4\u05ea \u05d0\u05d9\u05e8\u05d5\u05e2\u05d9 \u05dc\u05d7\u05d9\u05e6\u05d4 \u05dc\u05d9\u05de\u05d9\u05dd\r\n document.querySelectorAll('.day').forEach(day => {\r\n day.addEventListener('click', dayClicked);\r\n });\r\n }\r\n\r\n function dayClicked(event) {\r\n const dayElement = event.currentTarget;\r\n const date = new Date(dayElement.dataset.date);\r\n \r\n if (dayElement.classList.contains('other-month')) {\r\n currentDate = new Date(date);\r\n createCalendar(currentDate.getFullYear(), currentDate.getMonth());\r\n return;\r\n }\r\n \r\n if (isUnavailableDay(date)) {\r\n alert('\u05dc\u05d0 \u05e0\u05d9\u05ea\u05df \u05dc\u05e7\u05d1\u05d5\u05e2 \u05e4\u05d2\u05d9\u05e9\u05d5\u05ea \u05d1\u05e9\u05d9\u05e9\u05d9, \u05e9\u05d1\u05ea \u05d0\u05d5 \u05d1\u05d7\u05d2\u05d9\u05dd');\r\n return;\r\n }\r\n \r\n if (isBusinessOwner) {\r\n showAppointments(date);\r\n } else {\r\n showAppointmentForm(date);\r\n }\r\n }\r\n\r\n function showAppointmentForm(date) {\r\n appointmentForm.style.display = 'block';\r\n appointmentForm.querySelector('[name=\"date\"]').value = formatDate(date);\r\n\r\n const timeSelect = appointmentForm.querySelector('[name=\"time\"]');\r\n timeSelect.innerHTML = '';\r\n for (let hour = workingHours.start; hour < workingHours.end; hour++) {\r\n const hourString = hour.toString().padStart(2, '0');\r\n const option = document.createElement('option');\r\n option.value = `${hourString}:00`;\r\n option.textContent = `${hourString}:00 - ${(hour + 1).toString().padStart(2, '0')}:00`;\r\n \r\n const dateString = formatDate(date);\r\n const isBooked = appointments[dateString] && appointments[dateString].some(app => app.time === `${hourString}:00`);\r\n \r\n if (isBooked) {\r\n option.disabled = true;\r\n }\r\n \r\n timeSelect.appendChild(option);\r\n }\r\n }\r\n\r\n function showAppointments(date) {\r\n const dateString = formatDate(date);\r\n const dayAppointments = appointments[dateString] || [];\r\n let message = `\u05e4\u05d2\u05d9\u05e9\u05d5\u05ea \u05dc-${dateString}:\\n\\n`;\r\n if (dayAppointments.length === 0) {\r\n message += '\u05d0\u05d9\u05df \u05e4\u05d2\u05d9\u05e9\u05d5\u05ea \u05dc\u05d4\u05d9\u05d5\u05dd.';\r\n } else {\r\n dayAppointments.forEach(app => {\r\n message += `${app.time} - ${app.name} (${app.phone})\\n`;\r\n });\r\n }\r\n alert(message);\r\n }\r\n\r\n function formatDate(date) {\r\n const d = new Date(date);\r\n let month = '' + (d.getMonth() + 1);\r\n let day = '' + d.getDate();\r\n const year = d.getFullYear();\r\n\r\n if (month.length < 2) month = '0' + month;\r\n if (day.length < 2) day = '0' + day;\r\n\r\n return [year, month, day].join('-');\r\n }\r\n\r\n appointmentForm.addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n const formData = new FormData(appointmentForm);\r\n const appointmentData = Object.fromEntries(formData.entries());\r\n \r\n const date = new Date(appointmentData.date);\r\n if (isUnavailableDay(date)) {\r\n alert('\u05dc\u05d0 \u05e0\u05d9\u05ea\u05df \u05dc\u05e7\u05d1\u05d5\u05e2 \u05e4\u05d2\u05d9\u05e9\u05d5\u05ea \u05d1\u05e9\u05d9\u05e9\u05d9, \u05e9\u05d1\u05ea \u05d0\u05d5 \u05d1\u05d7\u05d2\u05d9\u05dd');\r\n return;\r\n }\r\n\r\n const hour = parseInt(appointmentData.time.split(':')[0]);\r\n if (hour < workingHours.start || hour >= workingHours.end) {\r\n alert('\u05e0\u05d9\u05ea\u05df \u05dc\u05e7\u05d1\u05d5\u05e2 \u05e4\u05d2\u05d9\u05e9\u05d5\u05ea \u05e8\u05e7 \u05d1\u05d9\u05df \u05d4\u05e9\u05e2\u05d5\u05ea 8:00 \u05dc-18:00');\r\n return;\r\n }\r\n\r\n if (!appointments[appointmentData.date]) {\r\n appointments[appointmentData.date] = [];\r\n }\r\n\r\n if (appointments[appointmentData.date].some(app => app.time === appointmentData.time)) {\r\n alert('\u05d4\u05e9\u05e2\u05d4 \u05d4\u05d6\u05d5 \u05db\u05d1\u05e8 \u05ea\u05e4\u05d5\u05e1\u05d4, \u05d0\u05e0\u05d0 \u05d1\u05d7\u05e8 \u05e9\u05e2\u05d4 \u05d0\u05d7\u05e8\u05ea');\r\n return;\r\n }\r\n\r\n appointments[appointmentData.date].push(appointmentData);\r\n localStorage.setItem('appointments', JSON.stringify(appointments));\r\n \r\n alert('\u05d4\u05e4\u05d2\u05d9\u05e9\u05d4 \u05e0\u05e7\u05d1\u05e2\u05d4 \u05d1\u05d4\u05e6\u05dc\u05d7\u05d4!');\r\n createCalendar(currentDate.getFullYear(), currentDate.getMonth());\r\n appointmentForm.reset();\r\n appointmentForm.style.display = 'none';\r\n });\r\n\r\n document.getElementById('business-login').addEventListener('click', function() {\r\n businessLoginModal.style.display = 'block';\r\n });\r\n\r\n businessLoginForm.addEventListener('submit', function(e) {\r\n e.preventDefault();\r\n const email = businessLoginForm.querySelector('[name=\"email\"]').value;\r\n const password = businessLoginForm.querySelector('[name=\"password\"]').value;\r\n \r\n if (email === 'd.r.digital112@gmail.com' && password === 'Heli0509') {\r\n isBusinessOwner = true;\r\n alert('\u05d4\u05ea\u05d7\u05d1\u05e8\u05ea \u05d1\u05d4\u05e6\u05dc\u05d7\u05d4 \u05db\u05d1\u05e2\u05dc \u05d4\u05e2\u05e1\u05e7');\r\n businessLoginModal.style.display = 'none';\r\n createCalendar(currentDate.getFullYear(), currentDate.getMonth());\r\n } else {\r\n alert('\u05e4\u05e8\u05d8\u05d9 \u05d4\u05ea\u05d7\u05d1\u05e8\u05d5\u05ea \u05e9\u05d2\u05d5\u05d9\u05d9\u05dd');\r\n }\r\n });\r\n\r\n document.getElementById('prev-month').addEventListener('click', () => {\r\n currentDate.setMonth(currentDate.getMonth() - 1);\r\n createCalendar(currentDate.getFullYear(), currentDate.getMonth());\r\n });\r\n\r\n document.getElementById('next-month').addEventListener('click', () => {\r\n currentDate.setMonth(currentDate.getMonth() + 1);\r\n createCalendar(currentDate.getFullYear(), currentDate.getMonth());\r\n });\r\n\r\n navLinks.forEach(link => {\r\n link.addEventListener('click', function(e) {\r\n e.preventDefault();\r\n const targetSection = this.getAttribute('data-section');\r\n sections.forEach(section => {\r\n section.classList.add('hidden');\r\n });\r\n document.getElementById(targetSection).classList.remove('hidden');\r\n });\r\n });\r\n\r\n \/\/ \u05d4\u05e4\u05d9\u05db\u05ea \u05d4\u05ea\u05de\u05d5\u05e0\u05d5\u05ea \u05d1\u05e9\u05d9\u05e8\u05d5\u05ea\u05d9\u05dd\r\n const serviceImages = document.querySelectorAll('.service-image');\r\n serviceImages.forEach(image => {\r\n image.addEventListener('click', function() {\r\n this.querySelector('.flipper').classList.toggle('flipped');\r\n });\r\n });\r\n\r\n createCalendar(currentDate.getFullYear(), currentDate.getMonth());\r\n});\r\n\r\n <\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t\t\t<\/div>\n\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>\u05e9\u05dd \u05d4\u05e2\u05e1\u05e7 \u05e9\u05dc\u05da \u05d0\u05d5\u05d3\u05d5\u05ea \u05e9\u05d9\u05e8\u05d5\u05ea\u05d9\u05dd \u05d2\u05dc\u05e8\u05d9\u05d4 \u05e7\u05d1\u05d9\u05e2\u05ea \u05ea\u05d5\u05e8 \u05d0\u05d5\u05d3\u05d5\u05ea \u05db\u05d0\u05df \u05d9\u05d1\u05d5\u05d0 \u05de\u05d9\u05d3\u05e2 \u05de\u05e4\u05d5\u05e8\u05d8 \u05e2\u05dc \u05d4\u05e2\u05e1\u05e7 \u05d5\u05d4\u05e7\u05d5\u05e1\u05de\u05d8\u05d9\u05e7\u05d0\u05d9\u05ea \u05d4\u05e9\u05d9\u05e8\u05d5\u05ea\u05d9\u05dd \u05e9\u05dc\u05e0\u05d5 \u05d8\u05d9\u05e4\u05d5\u05dc \u05e4\u05e0\u05d9\u05dd \u05d8\u05d9\u05e4\u05d5\u05dc \u05e4\u05e0\u05d9\u05dd \u05de\u05e7\u05d9\u05e3 \u05dc\u05d4\u05d6\u05e0\u05ea \u05d4\u05e2\u05d5\u05e8 \u05d5\u05e9\u05d9\u05e4\u05d5\u05e8 \u05de\u05e8\u05d0\u05d4\u05d5. \u05de\u05ea\u05d0\u05d9\u05dd \u05dc\u05db\u05dc \u05e1\u05d5\u05d2\u05d9 \u05d4\u05e2\u05d5\u05e8 \u05d5\u05de\u05e1\u05d9\u05d9\u05e2 \u05d1\u05d4\u05ea\u05d7\u05d3\u05e9\u05d5\u05ea \u05ea\u05d0\u05d9 \u05d4\u05e2\u05d5\u05e8. \u05d8\u05d9\u05e4\u05d5\u05dc \u05d0\u05e0\u05d8\u05d9-\u05d0\u05d9\u05d9\u05d2’\u05d9\u05e0\u05d2 \u05d8\u05d9\u05e4\u05d5\u05dc \u05de\u05ea\u05e7\u05d3\u05dd \u05dc\u05d4\u05e4\u05d7\u05ea\u05ea \u05e1\u05d9\u05de\u05e0\u05d9 \u05d4\u05d2\u05d9\u05dc. \u05de\u05e9\u05dc\u05d1 \u05d8\u05db\u05e0\u05d5\u05dc\u05d5\u05d2\u05d9\u05d5\u05ea \u05d7\u05d3\u05e9\u05e0\u05d9\u05d5\u05ea \u05dc\u05e9\u05d9\u05e4\u05d5\u05e8 \u05de\u05e8\u05e7\u05dd \u05d4\u05e2\u05d5\u05e8 \u05d5\u05e6\u05de\u05e6\u05d5\u05dd \u05e7\u05de\u05d8\u05d9\u05dd. \u05d4\u05e1\u05e8\u05ea \u05e9\u05d9\u05e2\u05e8 \u05d1\u05dc\u05d9\u05d9\u05d6\u05e8 \u05d4\u05e1\u05e8\u05ea \u05e9\u05d9\u05e2\u05e8 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_eb_attr":"","content-type":"","site-sidebar-layout":"no-sidebar","site-content-layout":"page-builder","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","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":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8413","page","type-page","status-publish","hentry"],"ams_acf":[],"_links":{"self":[{"href":"https:\/\/digitalrise.art\/index.php?rest_route=\/wp\/v2\/pages\/8413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitalrise.art\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitalrise.art\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitalrise.art\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digitalrise.art\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8413"}],"version-history":[{"count":14,"href":"https:\/\/digitalrise.art\/index.php?rest_route=\/wp\/v2\/pages\/8413\/revisions"}],"predecessor-version":[{"id":8428,"href":"https:\/\/digitalrise.art\/index.php?rest_route=\/wp\/v2\/pages\/8413\/revisions\/8428"}],"wp:attachment":[{"href":"https:\/\/digitalrise.art\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}