{"id":579,"date":"2026-01-06T10:14:34","date_gmt":"2026-01-06T07:14:34","guid":{"rendered":"https:\/\/zikirsayacim.online\/?page_id=579"},"modified":"2026-01-06T12:29:53","modified_gmt":"2026-01-06T09:29:53","slug":"zikir-sayaci-2026","status":"publish","type":"page","link":"https:\/\/zikirsayacim.online\/index.php\/zikir-sayaci-2026\/","title":{"rendered":"Zikir Sayac\u0131 2026"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Zikir Sayac\u0131<\/title>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Lato:wght@400;600;700&display=swap\" rel=\"stylesheet\">\r\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n <style>\r\n :root {\r\n --primary-green: #62F0A8;\r\n --secondary-green: #3A8E64;\r\n --primary-orange: #FECC1A;\r\n --secondary-orange: #FFB029;\r\n --dark-bg: #2D2E32;\r\n --light-text: #f0f0f0;\r\n --card-bg: #25262A;\r\n --danger-red: #D22C3C;\r\n --danger-dark: #DB3444;\r\n --info-blue: #17a2b8;\r\n --purple: #8A2BE2;\r\n }\r\n \r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Lato', sans-serif;\r\n }\r\n \r\n body {\r\n background-color: var(--dark-bg);\r\n color: var(--light-text);\r\n padding: 15px;\r\n min-height: 100vh;\r\n }\r\n \r\n .zikir-container {\r\n max-width: 600px;\r\n margin: 0 auto;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 20px;\r\n }\r\n \r\n .zikir-header {\r\n text-align: center;\r\n margin-bottom: 10px;\r\n }\r\n \r\n .zikir-title {\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n margin-bottom: 5px;\r\n color: var(--primary-green);\r\n }\r\n \r\n \/* Z\u0130K\u0130R OKUMA ALANI *\/\r\n .zikir-reading-area {\r\n background-color: var(--card-bg);\r\n border-radius: 15px;\r\n padding: 20px;\r\n text-align: center;\r\n margin-bottom: 10px;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n \r\n .zikir-reading-name {\r\n font-size: 1.4rem;\r\n font-weight: 700;\r\n color: var(--primary-orange);\r\n margin-bottom: 8px;\r\n }\r\n \r\n .zikir-reading-meaning {\r\n font-size: 1rem;\r\n color: rgba(255, 255, 255, 0.8);\r\n line-height: 1.4;\r\n }\r\n \r\n .zikir-counter {\r\n background: linear-gradient(135deg, var(--primary-green), var(--secondary-green));\r\n border-radius: 50%;\r\n width: 250px;\r\n height: 250px;\r\n margin: 0 auto;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n text-align: center;\r\n box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);\r\n cursor: pointer;\r\n transition: transform 0.2s, box-shadow 0.2s;\r\n user-select: none;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n \r\n .zikir-counter:active {\r\n transform: scale(0.95);\r\n }\r\n \r\n .counter-display {\r\n font-size: 3.5rem;\r\n font-weight: 700;\r\n margin-bottom: 5px;\r\n transition: opacity 0.5s ease;\r\n }\r\n \r\n .counter-label {\r\n font-size: 1.2rem;\r\n opacity: 0.9;\r\n max-width: 200px;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n \r\n .target-display {\r\n position: absolute;\r\n bottom: 15px;\r\n font-size: 0.9rem;\r\n opacity: 0.8;\r\n }\r\n \r\n \/* Dalga animasyonu *\/\r\n .wave {\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(255, 255, 255, 0.2);\r\n border-radius: 50%;\r\n transform: scale(0);\r\n opacity: 0;\r\n pointer-events: none;\r\n }\r\n \r\n .wave.active {\r\n animation: waveAnimation 1.2s ease-out;\r\n }\r\n \r\n @keyframes waveAnimation {\r\n 0% {\r\n transform: scale(0);\r\n opacity: 0.6;\r\n }\r\n 100% {\r\n transform: scale(2.5);\r\n opacity: 0;\r\n }\r\n }\r\n \r\n \/* Say\u0131 animasyonu *\/\r\n .fade-in {\r\n animation: fadeIn 0.8s ease;\r\n }\r\n \r\n @keyframes fadeIn {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(10px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n .zikir-controls {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 10px;\r\n justify-content: center;\r\n }\r\n \r\n .control-btn {\r\n background: linear-gradient(135deg, var(--primary-orange), var(--secondary-orange));\r\n border: none;\r\n border-radius: 12px;\r\n padding: 15px 20px;\r\n color: #333;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n flex: 1;\r\n min-width: 140px;\r\n font-size: 1rem;\r\n }\r\n \r\n .save-count-btn {\r\n background: linear-gradient(135deg, var(--primary-green), var(--secondary-green));\r\n border: none;\r\n border-radius: 12px;\r\n padding: 15px 20px;\r\n color: white;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n flex: 1;\r\n min-width: 140px;\r\n font-size: 1rem;\r\n }\r\n \r\n .delete-history-btn {\r\n background: linear-gradient(135deg, var(--danger-red), var(--danger-dark));\r\n border: none;\r\n border-radius: 12px;\r\n padding: 15px 20px;\r\n color: white;\r\n font-weight: 600;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n flex: 1;\r\n min-width: 140px;\r\n font-size: 1rem;\r\n }\r\n \r\n .zikir-form {\r\n background-color: var(--card-bg);\r\n border-radius: 15px;\r\n padding: 20px;\r\n position: relative;\r\n }\r\n \r\n .form-title {\r\n font-size: 1.4rem;\r\n margin-bottom: 15px;\r\n color: var(--primary-green);\r\n text-align: center;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n \r\n .dropdown-arrow {\r\n transition: transform 0.3s;\r\n }\r\n \r\n .form-content {\r\n display: none;\r\n margin-top: 15px;\r\n }\r\n \r\n .form-group {\r\n margin-bottom: 15px;\r\n }\r\n \r\n .form-input {\r\n width: 100%;\r\n padding: 15px;\r\n border-radius: 10px;\r\n border: none;\r\n background-color: rgba(255, 255, 255, 0.1);\r\n color: var(--light-text);\r\n font-size: 1rem;\r\n }\r\n \r\n .form-input::placeholder {\r\n color: rgba(255, 255, 255, 0.6);\r\n }\r\n \r\n .save-btn {\r\n background: linear-gradient(135deg, var(--primary-green), var(--secondary-green));\r\n border: none;\r\n border-radius: 10px;\r\n padding: 15px 20px;\r\n color: white;\r\n font-weight: 600;\r\n cursor: pointer;\r\n width: 100%;\r\n margin-bottom: 10px;\r\n font-size: 1rem;\r\n }\r\n \r\n .zikir-history {\r\n background-color: var(--card-bg);\r\n border-radius: 15px;\r\n padding: 20px;\r\n }\r\n \r\n .history-title {\r\n font-size: 1.4rem;\r\n margin-bottom: 15px;\r\n color: var(--primary-green);\r\n text-align: center;\r\n }\r\n \r\n .history-list {\r\n max-height: 300px;\r\n overflow-y: auto;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n }\r\n \r\n .history-item {\r\n background-color: rgba(255, 255, 255, 0.1);\r\n border-radius: 10px;\r\n padding: 12px 15px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n cursor: pointer;\r\n position: relative;\r\n }\r\n \r\n .history-info {\r\n display: flex;\r\n flex-direction: column;\r\n flex: 1;\r\n }\r\n \r\n .history-name {\r\n font-weight: 600;\r\n font-size: 1.1rem;\r\n }\r\n \r\n .history-date {\r\n font-size: 0.8rem;\r\n opacity: 0.7;\r\n margin-top: 3px;\r\n }\r\n \r\n .history-count {\r\n background: linear-gradient(135deg, var(--primary-orange), var(--secondary-orange));\r\n color: #333;\r\n padding: 5px 10px;\r\n border-radius: 20px;\r\n font-weight: 700;\r\n min-width: 60px;\r\n text-align: center;\r\n }\r\n \r\n .zikir-item {\r\n background-color: rgba(255, 255, 255, 0.08);\r\n border-radius: 8px;\r\n padding: 10px 12px;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n cursor: pointer;\r\n margin-bottom: 8px;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n \r\n .zikir-item-info {\r\n display: flex;\r\n flex-direction: column;\r\n flex: 1;\r\n }\r\n \r\n .zikir-item-name {\r\n font-weight: 500;\r\n font-size: 0.95rem;\r\n }\r\n \r\n .zikir-item-target {\r\n font-size: 0.75rem;\r\n opacity: 0.7;\r\n margin-top: 2px;\r\n }\r\n \r\n .delete-zikir-btn {\r\n background: linear-gradient(135deg, var(--danger-red), var(--danger-dark));\r\n border: none;\r\n border-radius: 6px;\r\n padding: 5px 10px;\r\n color: white;\r\n font-weight: 500;\r\n cursor: pointer;\r\n font-size: 0.75rem;\r\n margin-left: 8px;\r\n }\r\n \r\n .delete-history-item-btn {\r\n background: transparent;\r\n border: none;\r\n color: var(--danger-red);\r\n cursor: pointer;\r\n font-size: 1rem;\r\n margin-left: 10px;\r\n padding: 5px;\r\n border-radius: 50%;\r\n transition: background 0.3s;\r\n }\r\n \r\n .delete-history-item-btn:hover {\r\n background: rgba(220, 53, 69, 0.2);\r\n }\r\n \r\n .empty-history {\r\n text-align: center;\r\n padding: 20px;\r\n opacity: 0.7;\r\n }\r\n \r\n .progress-info {\r\n font-size: 0.7rem;\r\n opacity: 0.8;\r\n margin-top: 2px;\r\n }\r\n \r\n .history-actions {\r\n display: flex;\r\n align-items: center;\r\n }\r\n \r\n .progress-bar {\r\n width: 100%;\r\n height: 6px;\r\n background-color: rgba(255, 255, 255, 0.1);\r\n border-radius: 3px;\r\n margin-top: 5px;\r\n overflow: hidden;\r\n }\r\n \r\n .progress-fill {\r\n height: 100%;\r\n background: linear-gradient(90deg, var(--primary-green), var(--secondary-green));\r\n border-radius: 3px;\r\n transition: width 0.5s ease;\r\n }\r\n \r\n .modal {\r\n display: none;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: rgba(0, 0, 0, 0.7);\r\n z-index: 1000;\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n \r\n .modal-content {\r\n background-color: var(--card-bg);\r\n border-radius: 15px;\r\n padding: 20px;\r\n width: 90%;\r\n max-width: 400px;\r\n text-align: center;\r\n }\r\n \r\n .modal-buttons {\r\n display: flex;\r\n justify-content: center;\r\n gap: 15px;\r\n margin-top: 20px;\r\n }\r\n \r\n .modal-btn {\r\n padding: 12px 20px;\r\n border: none;\r\n border-radius: 8px;\r\n cursor: pointer;\r\n font-weight: 600;\r\n transition: all 0.3s;\r\n font-size: 1rem;\r\n }\r\n \r\n .modal-confirm {\r\n background: linear-gradient(135deg, var(--danger-red), var(--danger-dark));\r\n color: white;\r\n }\r\n \r\n .modal-cancel {\r\n background: rgba(255, 255, 255, 0.1);\r\n color: var(--light-text);\r\n }\r\n \r\n \/* Zikir K\u00fct\u00fcphanesi Stilleri *\/\r\n .zikir-library {\r\n background-color: var(--card-bg);\r\n border-radius: 15px;\r\n padding: 20px;\r\n }\r\n \r\n .library-title {\r\n font-size: 1.4rem;\r\n margin-bottom: 15px;\r\n color: var(--primary-green);\r\n text-align: center;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n \r\n .library-content {\r\n display: none;\r\n margin-top: 15px;\r\n }\r\n \r\n .library-controls {\r\n display: flex;\r\n gap: 10px;\r\n margin-bottom: 15px;\r\n flex-wrap: wrap;\r\n }\r\n \r\n .library-search {\r\n flex: 1;\r\n min-width: 200px;\r\n padding: 10px 15px;\r\n border-radius: 8px;\r\n border: none;\r\n background-color: rgba(255, 255, 255, 0.1);\r\n color: var(--light-text);\r\n font-size: 0.9rem;\r\n }\r\n \r\n .library-filter {\r\n padding: 10px 15px;\r\n border-radius: 8px;\r\n border: none;\r\n background-color: rgba(255, 255, 255, 0.1);\r\n color: var(--light-text);\r\n font-size: 0.9rem;\r\n cursor: pointer;\r\n }\r\n \r\n .library-list {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 10px;\r\n max-height: 400px;\r\n overflow-y: auto;\r\n padding-right: 5px;\r\n }\r\n \r\n .library-list::-webkit-scrollbar {\r\n width: 6px;\r\n }\r\n \r\n .library-list::-webkit-scrollbar-track {\r\n background: rgba(255, 255, 255, 0.1);\r\n border-radius: 3px;\r\n }\r\n \r\n .library-list::-webkit-scrollbar-thumb {\r\n background: var(--primary-green);\r\n border-radius: 3px;\r\n }\r\n \r\n .library-item {\r\n background-color: rgba(255, 255, 255, 0.08);\r\n border-radius: 10px;\r\n padding: 15px;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n transition: all 0.3s ease;\r\n }\r\n \r\n .library-item:hover {\r\n background-color: rgba(255, 255, 255, 0.12);\r\n transform: translateY(-2px);\r\n box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);\r\n }\r\n \r\n .library-item-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 8px;\r\n }\r\n \r\n .library-item-name {\r\n font-weight: 600;\r\n font-size: 1.1rem;\r\n color: var(--primary-orange);\r\n }\r\n \r\n .library-item-target {\r\n background: linear-gradient(135deg, var(--primary-orange), var(--secondary-orange));\r\n color: #333;\r\n padding: 4px 10px;\r\n border-radius: 20px;\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n }\r\n \r\n .library-item-description {\r\n font-size: 0.9rem;\r\n color: rgba(255, 255, 255, 0.8);\r\n margin-bottom: 8px;\r\n line-height: 1.4;\r\n }\r\n \r\n .library-item-usage {\r\n font-size: 0.85rem;\r\n color: var(--primary-green);\r\n font-style: italic;\r\n margin-bottom: 10px;\r\n padding: 8px;\r\n background-color: rgba(98, 240, 168, 0.1);\r\n border-radius: 6px;\r\n border-left: 3px solid var(--primary-green);\r\n }\r\n \r\n .library-item-controls {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-top: 10px;\r\n }\r\n \r\n .library-target-input {\r\n width: 100px;\r\n padding: 8px 10px;\r\n border-radius: 6px;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n background-color: rgba(255, 255, 255, 0.1);\r\n color: var(--light-text);\r\n font-size: 0.9rem;\r\n text-align: center;\r\n }\r\n \r\n .library-target-input::placeholder {\r\n color: rgba(255, 255, 255, 0.5);\r\n }\r\n \r\n .add-zikir-btn {\r\n background: linear-gradient(135deg, var(--primary-green), var(--secondary-green));\r\n border: none;\r\n border-radius: 8px;\r\n padding: 8px 15px;\r\n color: white;\r\n font-weight: 600;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n gap: 5px;\r\n transition: all 0.3s;\r\n font-size: 0.9rem;\r\n }\r\n \r\n .add-zikir-btn:hover {\r\n transform: scale(1.05);\r\n box-shadow: 0 4px 10px rgba(98, 240, 168, 0.3);\r\n }\r\n \r\n .add-zikir-btn:disabled {\r\n background: rgba(255, 255, 255, 0.2);\r\n color: rgba(255, 255, 255, 0.5);\r\n cursor: not-allowed;\r\n transform: none;\r\n box-shadow: none;\r\n }\r\n \r\n .favorite-btn {\r\n background: transparent;\r\n border: none;\r\n color: #aaa;\r\n font-size: 1.2rem;\r\n cursor: pointer;\r\n margin-right: 10px;\r\n transition: transform 0.3s, color 0.3s;\r\n }\r\n \r\n .favorite-btn:hover {\r\n transform: scale(1.2);\r\n color: #FFD700;\r\n }\r\n \r\n .favorite-btn.active {\r\n color: #FFD700;\r\n text-shadow: 0 0 10px rgba(255, 215, 0, 0.7);\r\n }\r\n \r\n .quick-add-btns {\r\n display: flex;\r\n gap: 5px;\r\n margin-top: 5px;\r\n }\r\n \r\n .quick-add-btn {\r\n background: rgba(255, 255, 255, 0.1);\r\n border: none;\r\n border-radius: 4px;\r\n padding: 4px 8px;\r\n color: var(--light-text);\r\n font-size: 0.75rem;\r\n cursor: pointer;\r\n transition: background 0.3s;\r\n }\r\n \r\n .quick-add-btn:hover {\r\n background: rgba(98, 240, 168, 0.3);\r\n }\r\n \r\n \/* A\u00e7\u0131klama Alan\u0131 Stilleri *\/\r\n .description-container {\r\n margin-top: 10px;\r\n padding: 10px;\r\n background-color: rgba(255, 255, 255, 0.05);\r\n border-radius: 8px;\r\n border-left: 3px solid var(--info-blue);\r\n }\r\n \r\n .description-text {\r\n font-size: 0.85rem;\r\n line-height: 1.4;\r\n color: rgba(255, 255, 255, 0.8);\r\n }\r\n \r\n .edit-description-btn {\r\n background: transparent;\r\n border: 1px solid var(--info-blue);\r\n color: var(--info-blue);\r\n border-radius: 4px;\r\n padding: 4px 8px;\r\n font-size: 0.7rem;\r\n cursor: pointer;\r\n margin-top: 8px;\r\n transition: all 0.3s;\r\n }\r\n \r\n .edit-description-btn:hover {\r\n background-color: var(--info-blue);\r\n color: white;\r\n }\r\n \r\n .description-input {\r\n width: 100%;\r\n padding: 8px;\r\n border-radius: 6px;\r\n border: 1px solid rgba(255, 255, 255, 0.2);\r\n background-color: rgba(255, 255, 255, 0.1);\r\n color: var(--light-text);\r\n font-size: 0.85rem;\r\n resize: vertical;\r\n min-height: 80px;\r\n }\r\n \r\n .description-actions {\r\n display: flex;\r\n gap: 8px;\r\n margin-top: 8px;\r\n }\r\n \r\n .description-save {\r\n background: var(--info-blue);\r\n color: white;\r\n border: none;\r\n border-radius: 4px;\r\n padding: 6px 12px;\r\n font-size: 0.8rem;\r\n cursor: pointer;\r\n }\r\n \r\n .description-cancel {\r\n background: transparent;\r\n color: rgba(255, 255, 255, 0.7);\r\n border: 1px solid rgba(255, 255, 255, 0.3);\r\n border-radius: 4px;\r\n padding: 6px 12px;\r\n font-size: 0.8rem;\r\n cursor: pointer;\r\n }\r\n \r\n \/* Zikir \u0130statistikleri *\/\r\n .statistics-container {\r\n background-color: var(--card-bg);\r\n border-radius: 15px;\r\n padding: 20px;\r\n margin-top: 10px;\r\n }\r\n \r\n .statistics-title {\r\n font-size: 1.2rem;\r\n margin-bottom: 15px;\r\n color: var(--primary-green);\r\n text-align: center;\r\n }\r\n \r\n .statistics-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n gap: 15px;\r\n }\r\n \r\n .stat-card {\r\n background: rgba(255, 255, 255, 0.08);\r\n border-radius: 10px;\r\n padding: 15px;\r\n text-align: center;\r\n }\r\n \r\n .stat-value {\r\n font-size: 1.8rem;\r\n font-weight: 700;\r\n color: var(--primary-green);\r\n margin-bottom: 5px;\r\n }\r\n \r\n .stat-label {\r\n font-size: 0.85rem;\r\n opacity: 0.8;\r\n }\r\n \r\n \/* Toast Bildirimleri *\/\r\n .toast {\r\n position: fixed;\r\n bottom: 20px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background-color: var(--card-bg);\r\n color: white;\r\n padding: 12px 20px;\r\n border-radius: 8px;\r\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\r\n z-index: 1001;\r\n opacity: 0;\r\n transition: opacity 0.3s;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n }\r\n \r\n .toast.show {\r\n opacity: 1;\r\n }\r\n \r\n .toast.success {\r\n border-left: 4px solid var(--primary-green);\r\n }\r\n \r\n .toast.error {\r\n border-left: 4px solid var(--danger-red);\r\n }\r\n \r\n .toast.info {\r\n border-left: 4px solid var(--info-blue);\r\n }\r\n \r\n \/* Zikir Animasyonlar\u0131 *\/\r\n @keyframes pulse {\r\n 0% { transform: scale(1); }\r\n 50% { transform: scale(1.05); }\r\n 100% { transform: scale(1); }\r\n }\r\n \r\n .pulse {\r\n animation: pulse 0.5s ease;\r\n }\r\n \r\n \/* Zikirlerim Konteyneri *\/\r\n .my-zikirler-container {\r\n background-color: var(--card-bg);\r\n border-radius: 15px;\r\n padding: 20px;\r\n }\r\n \r\n .my-zikirler-title {\r\n font-size: 1.4rem;\r\n margin-bottom: 15px;\r\n color: var(--primary-green);\r\n text-align: center;\r\n cursor: pointer;\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n }\r\n \r\n .my-zikirler-content {\r\n display: none;\r\n margin-top: 15px;\r\n }\r\n \r\n \/* Son 7 G\u00fcnl\u00fck Zikirler *\/\r\n .weekly-stats {\r\n margin-top: 20px;\r\n }\r\n \r\n .weekly-stats-title {\r\n font-size: 1.2rem;\r\n margin-bottom: 15px;\r\n color: var(--primary-orange);\r\n text-align: center;\r\n }\r\n \r\n .weekly-stats-grid {\r\n display: grid;\r\n grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\r\n gap: 10px;\r\n }\r\n \r\n .day-stat {\r\n background: rgba(255, 255, 255, 0.08);\r\n border-radius: 8px;\r\n padding: 10px;\r\n text-align: center;\r\n }\r\n \r\n .day-name {\r\n font-size: 0.8rem;\r\n opacity: 0.7;\r\n margin-bottom: 5px;\r\n }\r\n \r\n .day-count {\r\n font-size: 1.2rem;\r\n font-weight: 700;\r\n color: var(--primary-green);\r\n }\r\n \r\n \/* KATEGOR\u0130 F\u0130LTRELER\u0130 *\/\r\n .category-filters {\r\n display: flex;\r\n gap: 8px;\r\n margin-bottom: 15px;\r\n flex-wrap: wrap;\r\n background-color: rgba(37, 38, 42, 0.95);\r\n padding: 10px;\r\n border-radius: 8px;\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n }\r\n \r\n .category-btn {\r\n background: rgba(255, 255, 255, 0.1);\r\n border: none;\r\n border-radius: 20px;\r\n padding: 8px 15px;\r\n color: var(--light-text);\r\n font-size: 0.8rem;\r\n cursor: pointer;\r\n transition: all 0.3s;\r\n }\r\n \r\n .category-btn:hover {\r\n background: rgba(98, 240, 168, 0.2);\r\n }\r\n \r\n .category-btn.active {\r\n background: linear-gradient(135deg, var(--primary-green), var(--secondary-green));\r\n color: #333;\r\n font-weight: 600;\r\n }\r\n \r\n @media (max-width: 480px) {\r\n .zikir-counter {\r\n width: 200px;\r\n height: 200px;\r\n }\r\n \r\n .counter-display {\r\n font-size: 2.8rem;\r\n }\r\n \r\n .zikir-controls {\r\n flex-direction: column;\r\n align-items: center;\r\n }\r\n \r\n .control-btn, .save-count-btn, .delete-history-btn {\r\n width: 100%;\r\n max-width: 250px;\r\n }\r\n \r\n .library-item-controls {\r\n flex-direction: column;\r\n gap: 10px;\r\n align-items: flex-start;\r\n }\r\n \r\n .library-target-input {\r\n width: 100%;\r\n }\r\n \r\n .add-zikir-btn {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n \r\n .statistics-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n \r\n .weekly-stats-grid {\r\n grid-template-columns: repeat(4, 1fr);\r\n }\r\n \r\n .library-controls {\r\n flex-direction: column;\r\n }\r\n \r\n .library-search, .library-filter {\r\n width: 100%;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"zikir-container\">\r\n <div class=\"zikir-header\">\r\n <h1 class=\"zikir-title\">Zikir Sayac\u0131<\/h1>\r\n <\/div>\r\n \r\n <!-- Z\u0130K\u0130R OKUMA ALANI -->\r\n <div class=\"zikir-reading-area\" id=\"zikirReadingArea\">\r\n <div class=\"zikir-reading-name\" id=\"zikirReadingName\">Zikir Se\u00e7in<\/div>\r\n <div class=\"zikir-reading-meaning\" id=\"zikirReadingMeaning\">L\u00fctfen bir zikir se\u00e7in<\/div>\r\n <\/div>\r\n \r\n <div class=\"zikir-counter\" id=\"counter\">\r\n <div class=\"wave\" id=\"wave\"><\/div>\r\n <div class=\"counter-display\" id=\"count\">0<\/div>\r\n <div class=\"counter-label\" id=\"currentZikir\">Zikir Se\u00e7in<\/div>\r\n <div class=\"target-display\" id=\"targetDisplay\">Hedef: 0<\/div>\r\n <\/div>\r\n \r\n <div class=\"zikir-controls\">\r\n <button class=\"save-count-btn\" id=\"saveCountBtn\">Kaydet<\/button>\r\n <button class=\"control-btn\" id=\"resetBtn\">S\u0131f\u0131rla<\/button>\r\n <button class=\"control-btn\" id=\"decreaseBtn\">Azalt<\/button>\r\n <button class=\"delete-history-btn\" id=\"deleteHistoryBtn\">Ge\u00e7mi\u015fi Sil<\/button>\r\n <\/div>\r\n \r\n <!-- Zikir A\u00e7\u0131klama Alan\u0131 -->\r\n <div class=\"description-container\" id=\"descriptionContainer\" style=\"display: none;\">\r\n <div class=\"description-text\" id=\"descriptionText\"><\/div>\r\n <button class=\"edit-description-btn\" id=\"editDescriptionBtn\">A\u00e7\u0131klamay\u0131 D\u00fczenle<\/button>\r\n <div class=\"description-edit\" id=\"descriptionEdit\" style=\"display: none;\">\r\n <textarea class=\"description-input\" id=\"descriptionInput\" placeholder=\"Zikir a\u00e7\u0131klamas\u0131n\u0131 buraya yaz\u0131n...\"><\/textarea>\r\n <div class=\"description-actions\">\r\n <button class=\"description-save\" id=\"descriptionSave\">Kaydet<\/button>\r\n <button class=\"description-cancel\" id=\"descriptionCancel\">\u0130ptal<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- \u0130statistikler B\u00f6l\u00fcm\u00fc -->\r\n <div class=\"statistics-container\" id=\"statisticsContainer\">\r\n <h3 class=\"statistics-title\">Zikir \u0130statistikleri<\/h3>\r\n <div class=\"statistics-grid\">\r\n <div class=\"stat-card\">\r\n <div class=\"stat-value\" id=\"totalZikirCount\">0<\/div>\r\n <div class=\"stat-label\">Toplam Zikir<\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-value\" id=\"completedGoals\">0<\/div>\r\n <div class=\"stat-label\">Tamamlanan Hedef<\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-value\" id=\"activeZikirCount\">0<\/div>\r\n <div class=\"stat-label\">Aktif Zikir<\/div>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <div class=\"stat-value\" id=\"todayZikirCount\">0<\/div>\r\n <div class=\"stat-label\">Bug\u00fcnk\u00fc Zikir<\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Son 7 G\u00fcnl\u00fck Zikirler -->\r\n <div class=\"weekly-stats\">\r\n <h4 class=\"weekly-stats-title\">Son 7 G\u00fcnl\u00fck Zikirler<\/h4>\r\n <div class=\"weekly-stats-grid\" id=\"weeklyStats\">\r\n <!-- JavaScript ile doldurulacak -->\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Zikirlerim B\u00f6l\u00fcm\u00fc -->\r\n <div class=\"my-zikirler-container\">\r\n <h3 class=\"my-zikirler-title\" id=\"myZikirlerToggle\">\r\n Zikirlerim\r\n <span class=\"dropdown-arrow\">\u25bc<\/span>\r\n <\/h3>\r\n <div class=\"my-zikirler-content\" id=\"myZikirlerContent\">\r\n <div class=\"zikir-list\" id=\"zikirList\">\r\n <!-- Kay\u0131tl\u0131 zikirler buraya eklenecek -->\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Zikir K\u00fct\u00fcphanesi B\u00f6l\u00fcm\u00fc -->\r\n <div class=\"zikir-library\">\r\n <h3 class=\"library-title\" id=\"libraryToggle\">\r\n Zikir K\u00fct\u00fcphanesi\r\n <span class=\"dropdown-arrow\">\u25bc<\/span>\r\n <\/h3>\r\n <div class=\"library-content\" id=\"libraryContent\">\r\n <div class=\"library-controls\">\r\n <input type=\"text\" class=\"library-search\" id=\"librarySearch\" placeholder=\"Zikir ara...\">\r\n <select class=\"library-filter\" id=\"libraryFilter\">\r\n <option value=\"all\">T\u00fcm Zikirler<\/option>\r\n <option value=\"esma\">Esm\u00e2-\u00fcl H\u00fcsn\u00e2<\/option>\r\n <option value=\"temel\">Temel Zikirler<\/option>\r\n <option value=\"favorites\">Favorilerim<\/option>\r\n <\/select>\r\n <\/div>\r\n \r\n <div class=\"category-filters\" id=\"categoryFilters\">\r\n <!-- Kategoriler dinamik olarak eklenecek -->\r\n <\/div>\r\n \r\n <div class=\"library-list\" id=\"libraryList\">\r\n <!-- Zikirler buraya JavaScript ile eklenecek -->\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"zikir-form\">\r\n <h3 class=\"form-title\" id=\"formToggle\">\r\n Zikir Se\u00e7 \/ Ekle\r\n <span class=\"dropdown-arrow\">\u25bc<\/span>\r\n <\/h3>\r\n <div class=\"form-content\" id=\"formContent\">\r\n <div class=\"form-group\">\r\n <input type=\"text\" class=\"form-input\" id=\"zikirName\" placeholder=\"Zikir ad\u0131 (\u00f6rne\u011fin: Subhanallah)\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <input type=\"number\" class=\"form-input\" id=\"targetCount\" placeholder=\"Hedef say\u0131 (\u00f6rne\u011fin: 1000)\">\r\n <\/div>\r\n <div class=\"form-group\">\r\n <textarea class=\"form-input\" id=\"zikirDescription\" placeholder=\"Zikir a\u00e7\u0131klamas\u0131\/anlam\u0131 (iste\u011fe ba\u011fl\u0131)\" rows=\"3\"><\/textarea>\r\n <\/div>\r\n <button class=\"save-btn\" id=\"saveBtn\">Zikir Ekle<\/button>\r\n <\/div>\r\n <\/div>\r\n \r\n <div class=\"zikir-history\">\r\n <h3 class=\"history-title\">Zikir Ge\u00e7mi\u015fi<\/h3>\r\n <div class=\"history-list\" id=\"historyList\">\r\n <div class=\"empty-history\">Hen\u00fcz zikir kayd\u0131 yok<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n \r\n <!-- Toast bildirimi -->\r\n <div class=\"toast\" id=\"toast\"><\/div>\r\n \r\n <!-- Modal -->\r\n <div class=\"modal\" id=\"deleteModal\">\r\n <div class=\"modal-content\">\r\n <h3>Zikir Kayd\u0131n\u0131 Sil<\/h3>\r\n <p id=\"modalMessage\">Bu zikir kayd\u0131n\u0131 silmek istedi\u011finizden emin misiniz?<\/p>\r\n <div class=\"modal-buttons\">\r\n <button class=\"modal-btn modal-confirm\" id=\"modalConfirm\">Evet, Sil<\/button>\r\n <button class=\"modal-btn modal-cancel\" id=\"modalCancel\">\u0130ptal<\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ DOM elementlerini se\u00e7\r\n const counterElement = document.getElementById('counter');\r\n const countElement = document.getElementById('count');\r\n const currentZikirElement = document.getElementById('currentZikir');\r\n const targetDisplay = document.getElementById('targetDisplay');\r\n const resetBtn = document.getElementById('resetBtn');\r\n const decreaseBtn = document.getElementById('decreaseBtn');\r\n const saveCountBtn = document.getElementById('saveCountBtn');\r\n const deleteHistoryBtn = document.getElementById('deleteHistoryBtn');\r\n const formToggle = document.getElementById('formToggle');\r\n const formContent = document.getElementById('formContent');\r\n const zikirNameInput = document.getElementById('zikirName');\r\n const targetCountInput = document.getElementById('targetCount');\r\n const zikirDescriptionInput = document.getElementById('zikirDescription');\r\n const saveBtn = document.getElementById('saveBtn');\r\n const zikirList = document.getElementById('zikirList');\r\n const historyList = document.getElementById('historyList');\r\n const deleteModal = document.getElementById('deleteModal');\r\n const modalMessage = document.getElementById('modalMessage');\r\n const modalConfirm = document.getElementById('modalConfirm');\r\n const modalCancel = document.getElementById('modalCancel');\r\n const libraryToggle = document.getElementById('libraryToggle');\r\n const libraryContent = document.getElementById('libraryContent');\r\n const libraryList = document.getElementById('libraryList');\r\n const librarySearch = document.getElementById('librarySearch');\r\n const libraryFilter = document.getElementById('libraryFilter');\r\n const categoryFilters = document.getElementById('categoryFilters');\r\n const descriptionContainer = document.getElementById('descriptionContainer');\r\n const descriptionText = document.getElementById('descriptionText');\r\n const editDescriptionBtn = document.getElementById('editDescriptionBtn');\r\n const descriptionEdit = document.getElementById('descriptionEdit');\r\n const descriptionInput = document.getElementById('descriptionInput');\r\n const descriptionSave = document.getElementById('descriptionSave');\r\n const descriptionCancel = document.getElementById('descriptionCancel');\r\n const toast = document.getElementById('toast');\r\n const statisticsContainer = document.getElementById('statisticsContainer');\r\n const totalZikirCount = document.getElementById('totalZikirCount');\r\n const completedGoals = document.getElementById('completedGoals');\r\n const activeZikirCount = document.getElementById('activeZikirCount');\r\n const todayZikirCount = document.getElementById('todayZikirCount');\r\n const waveElement = document.getElementById('wave');\r\n const myZikirlerToggle = document.getElementById('myZikirlerToggle');\r\n const myZikirlerContent = document.getElementById('myZikirlerContent');\r\n const weeklyStats = document.getElementById('weeklyStats');\r\n \r\n \/\/ Zikir verilerini localStorage'dan y\u00fckle veya olu\u015ftur\r\n let zikirData = JSON.parse(localStorage.getItem('zikirData')) || {\r\n currentCount: 0,\r\n currentName: 'Zikir Se\u00e7in',\r\n currentTarget: 0,\r\n currentDescription: '',\r\n zikirler: [\r\n { name: 'Subhanallah', target: 100, description: 'Allah\\'\u0131 t\u00fcm noksan s\u0131fatlardan tenzih etmek' },\r\n { name: 'Elhamd\u00fclillah', target: 100, description: 'Hamd ve \u015f\u00fck\u00fcr Allah\\'a mahsustur' },\r\n { name: 'Allahu Ekber', target: 100, description: 'Allah en b\u00fcy\u00fckt\u00fcr' },\r\n { name: 'La ilahe illallah', target: 100, description: 'Allah\\'tan ba\u015fka ilah yoktur' }\r\n ],\r\n history: [],\r\n completedGoals: [],\r\n favorites: []\r\n };\r\n \r\n \/\/ ALLAH'IN 99 \u0130SM\u0130 (ESMA-\u00dcL H\u00dcSNA)\r\n const esmaUlHusna = [\r\n { name: \"Allah\", target: 1000, description: \"Ezelden ebede kadar b\u00fct\u00fcn isim ve s\u0131fatlar\u0131 kendinde toplayan \u00f6zel isim\", usage: \"Her t\u00fcrl\u00fc dua ve zikirde en \u00e7ok okunan isim\", category: \"esma\" },\r\n { name: \"Er-Rahman\", target: 298, description: \"D\u00fcnyada b\u00fct\u00fcn mahl\u00fbkata merhamet eden, sonsuz rahmet sahibi\", usage: \"R\u0131z\u0131k, \u015fifa ve bereket i\u00e7in. Sabah-ak\u015fam 298 defa okunmas\u0131 tavsiye edilir\", category: \"esma\" },\r\n { name: \"Er-Rahim\", target: 258, description: \"Ahirette sadece m\u00fcminlere merhamet eden, merhametlilerin en merhametlisi\", usage: \"G\u00fcnahlar\u0131n aff\u0131, kalp temizli\u011fi i\u00e7in. G\u00fcnl\u00fck 258 defa okunur\", category: \"esma\" },\r\n { name: \"El-Melik\", target: 90, description: \"M\u00fclk\u00fcn sahibi, her \u015feyin h\u00fck\u00fcmdar\u0131, mutlak kudret sahibi\", usage: \"Maddi ve manevi zenginlik, otorite sahibi olmak i\u00e7in. G\u00fcnde 90 defa\", category: \"esma\" },\r\n { name: \"El-Kudd\u00fcs\", target: 170, description: \"Her t\u00fcrl\u00fc eksiklik ve ay\u0131ptan m\u00fcnezzeh, paks\u0131z ve noksans\u0131z\", usage: \"Kalp temizli\u011fi, g\u00fcnahlardan ar\u0131nmak i\u00e7in. 170 defa okunur\", category: \"esma\" },\r\n { name: \"Es-Selam\", target: 131, description: \"Her t\u00fcrl\u00fc afet ve belalardan selamete \u00e7\u0131karan, selamet veren\", usage: \"Korku, endi\u015fe ve tehlikelerden korunmak i\u00e7in. 131 defa\", category: \"esma\" },\r\n { name: \"El-M\u00fc'min\", target: 136, description: \"G\u00fcven veren, emniyete kavu\u015fturan, iman nurunu veren\", usage: \"Korkulardan kurtulmak, g\u00fcvenlik i\u00e7in. 136 defa okunur\", category: \"esma\" },\r\n { name: \"El-M\u00fcheymin\", target: 145, description: \"Her \u015feyi g\u00f6r\u00fcp g\u00f6zeten, koruyup kollayan, muhafaza eden\", usage: \"Gizli \u015feylerin ortaya \u00e7\u0131kmas\u0131, korunma i\u00e7in. 145 defa\", category: \"esma\" },\r\n { name: \"El-Aziz\", target: 117, description: \"\u0130zzet sahibi, her \u015feye galip gelen, yenilmez kudret sahibi\", usage: \"Zorluklar\u0131 a\u015fmak, ba\u015far\u0131 i\u00e7in. 117 defa okunur\", category: \"esma\" },\r\n { name: \"El-Cebbar\", target: 206, description: \"Diledi\u011fini zorla yapt\u0131ran, k\u0131r\u0131klar\u0131 onaran, tamir eden\", usage: \"Kalp k\u0131r\u0131kl\u0131\u011f\u0131, \u00fcz\u00fcnt\u00fc i\u00e7in. 206 defa okunmas\u0131 tavsiye edilir\", category: \"esma\" },\r\n { name: \"El-M\u00fctekebbir\", target: 662, description: \"B\u00fcy\u00fckl\u00fckte e\u015fi benzeri olmayan, ululuk sahibi\", usage: \"Kibir ve gururdan kurtulmak i\u00e7in. 662 defa\", category: \"esma\" },\r\n { name: \"El-Hal\u0131k\", target: 731, description: \"Yoktan var eden, yarat\u0131c\u0131, her \u015feyi takdir eden\", usage: \"Yarat\u0131c\u0131l\u0131k g\u00fcc\u00fc, yeni ba\u015flang\u0131\u00e7lar i\u00e7in. 731 defa\", category: \"esma\" },\r\n { name: \"El-Bari\", target: 213, description: \"Yaratt\u0131klar\u0131n\u0131 kusursuz ve uyumlu \u015fekilde var eden\", usage: \"Hastal\u0131klardan \u015fifa, sa\u011fl\u0131k i\u00e7in. 213 defa okunur\", category: \"esma\" },\r\n { name: \"El-Musavvir\", target: 336, description: \"Yaratt\u0131klar\u0131na \u015fekil veren, suretlendiren, tasvir eden\", usage: \"G\u00fczel ahlak, karakter geli\u015fimi i\u00e7in. 336 defa\", category: \"esma\" },\r\n { name: \"El-Gaffar\", target: 1281, description: \"G\u00fcnahlar\u0131 \u00f6rten, \u00e7ok ba\u011f\u0131\u015flayan, affedicilikte sonsuz\", usage: \"G\u00fcnahlar\u0131n aff\u0131 i\u00e7in. 1281 defa okunmas\u0131 tavsiye edilir\", category: \"esma\" },\r\n { name: \"El-Kahhar\", target: 306, description: \"Her \u015feye galip gelen, diledi\u011fine boyun e\u011fdiren\", usage: \"Zalimlere kar\u015f\u0131 zafer, zorluklar\u0131 a\u015fmak i\u00e7in. 306 defa\", category: \"esma\" },\r\n { name: \"El-Vehhab\", target: 14, description: \"Kar\u015f\u0131l\u0131ks\u0131z veren, \u00e7ok fazla ihsan eden, ba\u011f\u0131\u015flayan\", usage: \"\u0130stedi\u011fini elde etmek, bereket i\u00e7in. 14 defa\", category: \"esma\" },\r\n { name: \"Er-Rezzak\", target: 308, description: \"B\u00fct\u00fcn mahl\u00fbkat\u0131n r\u0131zk\u0131n\u0131 veren, bol nimet veren\", usage: \"R\u0131z\u0131k bollu\u011fu, ge\u00e7im s\u0131k\u0131nt\u0131s\u0131 i\u00e7in. 308 defa okunur\", category: \"esma\" },\r\n { name: \"El-Fettah\", target: 489, description: \"Kapal\u0131 \u015feyleri a\u00e7an, zorluklar\u0131 kolayla\u015ft\u0131ran\", usage: \"\u0130\u015flerin a\u00e7\u0131lmas\u0131, ba\u015far\u0131 i\u00e7in. 489 defa\", category: \"esma\" },\r\n { name: \"El-Alim\", target: 150, description: \"Her \u015feyi bilen, gizli a\u00e7\u0131k her \u015feyden haberdar olan\", usage: \"\u0130lim, bilgi art\u0131\u015f\u0131 i\u00e7in. 150 defa okunur\", category: \"esma\" },\r\n { name: \"El-Kab\u0131d\", target: 903, description: \"Diledi\u011fine darl\u0131k veren, r\u0131zk\u0131 daraltan\", usage: \"\u0130sraf\u0131 \u00f6nlemek, tutumlu olmak i\u00e7in. 903 defa\", category: \"esma\" },\r\n { name: \"El-Basit\", target: 72, description: \"Diledi\u011fine bolluk veren, r\u0131zk\u0131 geni\u015fleten\", usage: \"Bolluk, bereket, geni\u015flik i\u00e7in. 72 defa\", category: \"esma\" },\r\n { name: \"El-Haf\u0131d\", target: 1481, description: \"Diledi\u011fini al\u00e7altan, zelil eden, dereceleri d\u00fc\u015f\u00fcren\", usage: \"Kibirli insanlardan korunmak i\u00e7in. 1481 defa\", category: \"esma\" },\r\n { name: \"Er-Raf\u0131'\", target: 351, description: \"Diledi\u011fini y\u00fckselten, \u015ferefli k\u0131lan, dereceleri art\u0131ran\", usage: \"Manevi y\u00fckseli\u015f, itibar i\u00e7in. 351 defa\", category: \"esma\" },\r\n { name: \"El-Muiz\", target: 117, description: \"Diledi\u011fine izzet veren, \u015ferefli k\u0131lan, g\u00fc\u00e7lendiren\", usage: \"Sayg\u0131nl\u0131k, itibar kazanmak i\u00e7in. 117 defa\", category: \"esma\" },\r\n { name: \"El-M\u00fczil\", target: 770, description: \"Diledi\u011fini zelil eden, itibars\u0131zla\u015ft\u0131ran\", usage: \"D\u00fc\u015fmanlar\u0131n \u015ferrinden korunmak i\u00e7in. 770 defa\", category: \"esma\" },\r\n { name: \"Es-Semi'\", target: 180, description: \"Her \u015feyi i\u015fiten, dualar\u0131 kabul eden\", usage: \"Dualar\u0131n kabul\u00fc, i\u015fitme sorunlar\u0131 i\u00e7in. 180 defa\", category: \"esma\" },\r\n { name: \"El-Basir\", target: 302, description: \"Her \u015feyi g\u00f6ren, gizli a\u00e7\u0131k her \u015feyden haberdar\", usage: \"G\u00f6rme g\u00fcc\u00fc, feraset i\u00e7in. 302 defa okunur\", category: \"esma\" },\r\n { name: \"El-Hakem\", target: 68, description: \"Mutlak hakim, h\u00fckmeden, hikmetle karar veren\", usage: \"Adalet, do\u011fru karar vermek i\u00e7in. 68 defa\", category: \"esma\" },\r\n { name: \"El-Adl\", target: 104, description: \"Mutlak adalet sahibi, her \u015feyi yerli yerine koyan\", usage: \"Adalet, hakkaniyet i\u00e7in. 104 defa okunur\", category: \"esma\" },\r\n { name: \"El-Latif\", target: 129, description: \"En ince i\u015fleri bile bilen, l\u00fctuf ve ihsan sahibi\", usage: \"\u0130nce anlay\u0131\u015f, incelik i\u00e7in. 129 defa\", category: \"esma\" },\r\n { name: \"El-Habir\", target: 812, description: \"Her \u015feyden haberdar olan, gizli a\u00e7\u0131k her \u015feyi bilen\", usage: \"Gizli \u015feyleri bilmek, ilim i\u00e7in. 812 defa\", category: \"esma\" },\r\n { name: \"El-Halim\", target: 88, description: \"\u00c7ok yumu\u015fak davranan, cezay\u0131 geciktiren\", usage: \"Sab\u0131r, \u00f6fke kontrol\u00fc i\u00e7in. 88 defa okunur\", category: \"esma\" },\r\n { name: \"El-Azim\", target: 1020, description: \"B\u00fcy\u00fckl\u00fckte e\u015fi benzeri olmayan, \u00e7ok ulu\", usage: \"B\u00fcy\u00fck i\u015fler, hay\u0131rl\u0131 sonu\u00e7lar i\u00e7in. 1020 defa\", category: \"esma\" },\r\n { name: \"El-Gafur\", target: 1286, description: \"\u00c7ok ba\u011f\u0131\u015flayan, g\u00fcnahlar\u0131 affeden\", usage: \"G\u00fcnahlar\u0131n aff\u0131, ma\u011ffiret i\u00e7in. 1286 defa\", category: \"esma\" },\r\n { name: \"E\u015f-\u015eekur\", target: 526, description: \"Az amellere \u00e7ok sevap veren, \u015f\u00fckr\u00fc kabul eden\", usage: \"\u015e\u00fck\u00fcr, nimetlerin artmas\u0131 i\u00e7in. 526 defa\", category: \"esma\" },\r\n { name: \"El-Aliyy\", target: 110, description: \"Y\u00fcceler y\u00fccesi, \u015fan\u0131 \u00e7ok y\u00fcksek olan\", usage: \"Manevi y\u00fckseli\u015f, derece i\u00e7in. 110 defa okunur\", category: \"esma\" },\r\n { name: \"El-Kebir\", target: 232, description: \"B\u00fcy\u00fckl\u00fckte e\u015fi olmayan, \u00e7ok b\u00fcy\u00fck\", usage: \"B\u00fcy\u00fck hedefler, azim i\u00e7in. 232 defa\", category: \"esma\" },\r\n { name: \"El-Haf\u0131z\", target: 998, description: \"Her \u015feyi koruyan, muhafaza eden\", usage: \"Korunma, muhafaza i\u00e7in. 998 defa okunur\", category: \"esma\" },\r\n { name: \"El-Mukit\", target: 550, description: \"Her canl\u0131n\u0131n r\u0131zk\u0131n\u0131 veren, g\u0131daland\u0131ran\", usage: \"R\u0131z\u0131k, beslenme i\u00e7in. 550 defa\", category: \"esma\" },\r\n { name: \"El-Hasib\", target: 80, description: \"Herkesin hesab\u0131n\u0131 g\u00f6ren, yeterli olan\", usage: \"Hesap verme korkusu, korunma i\u00e7in. 80 defa\", category: \"esma\" },\r\n { name: \"El-Celil\", target: 73, description: \"Celalet ve azamet sahibi, \u00e7ok y\u00fcce\", usage: \"\u0130tibar, sayg\u0131nl\u0131k i\u00e7in. 73 defa okunur\", category: \"esma\" },\r\n { name: \"El-Kerim\", target: 270, description: \"\u00c7ok c\u00f6mert, kerem sahibi, ihsan\u0131 bol\", usage: \"C\u00f6mertlik, bereket i\u00e7in. 270 defa\", category: \"esma\" },\r\n { name: \"Er-Rakib\", target: 312, description: \"Her \u015feyi g\u00f6zetleyen, kontrol eden\", usage: \"Korunma, g\u00f6zetim alt\u0131nda olma hissi i\u00e7in. 312 defa\", category: \"esma\" },\r\n { name: \"El-Mucib\", target: 55, description: \"Dualar\u0131 kabul eden, icabet eden\", usage: \"Dualar\u0131n kabul\u00fc i\u00e7in. 55 defa okunur\", category: \"esma\" },\r\n { name: \"El-Vasi'\", target: 137, description: \"Rahmeti, ilmi, kudreti geni\u015f olan\", usage: \"Geni\u015flik, ferahl\u0131k i\u00e7in. 137 defa\", category: \"esma\" },\r\n { name: \"El-Hakim\", target: 78, description: \"Her i\u015fi hikmetle yapan, hikmet sahibi\", usage: \"Hikmet, do\u011fru karar i\u00e7in. 78 defa\", category: \"esma\" },\r\n { name: \"El-Vedud\", target: 20, description: \"\u00c7ok seven, sevilmeye lay\u0131k olan\", usage: \"Sevgi, muhabbet i\u00e7in. 20 defa okunur\", category: \"esma\" },\r\n { name: \"El-Mecid\", target: 57, description: \"\u015ean\u0131 y\u00fcce, \u00e7ok \u015ferefli, kadri b\u00fcy\u00fck\", usage: \"\u015eeref, itibar i\u00e7in. 57 defa\", category: \"esma\" },\r\n { name: \"El-Bais\", target: 573, description: \"\u00d6l\u00fcleri dirilten, canland\u0131ran\", usage: \"Yeniden ba\u015flang\u0131\u00e7, canlanma i\u00e7in. 573 defa\", category: \"esma\" },\r\n { name: \"E\u015f-\u015eehid\", target: 319, description: \"Her \u015feye \u015fahit olan, her \u015feyi bilen\", usage: \"\u015eahitlik, adalet i\u00e7in. 319 defa\", category: \"esma\" },\r\n { name: \"El-Hakk\", target: 108, description: \"Varl\u0131\u011f\u0131 hi\u00e7 de\u011fi\u015fmeyen, ger\u00e7ek olan\", usage: \"Hakikat, do\u011fruluk i\u00e7in. 108 defa okunur\", category: \"esma\" },\r\n { name: \"El-Vekil\", target: 66, description: \"Her i\u015fin kendisine havale edildi\u011fi, g\u00fcvenilen\", usage: \"Tevekk\u00fcl, g\u00fcven i\u00e7in. 66 defa\", category: \"esma\" },\r\n { name: \"El-Kaviyy\", target: 116, description: \"Kudreti sonsuz, \u00e7ok g\u00fc\u00e7l\u00fc\", usage: \"G\u00fc\u00e7, kuvvet i\u00e7in. 116 defa\", category: \"esma\" },\r\n { name: \"El-Metin\", target: 500, description: \"Kuvveti \u00e7ok \u015fiddetli, dayan\u0131kl\u0131\", usage: \"Dayan\u0131kl\u0131l\u0131k, metanet i\u00e7in. 500 defa\", category: \"esma\" },\r\n { name: \"El-Veliyy\", target: 256, description: \"Dost, yard\u0131mc\u0131, koruyucu\", usage: \"Dostluk, korunma i\u00e7in. 256 defa okunur\", category: \"esma\" },\r\n { name: \"El-Hamid\", target: 62, description: \"\u00d6v\u00fclmeye lay\u0131k, her t\u00fcrl\u00fc hamd\u0131n sahibi\", usage: \"\u015e\u00fck\u00fcr, hamd i\u00e7in. 62 defa\", category: \"esma\" },\r\n { name: \"El-Muhsi\", target: 148, description: \"Her \u015feyin say\u0131s\u0131n\u0131 bilen, hesaplayan\", usage: \"Hesap, d\u00fczen i\u00e7in. 148 defa\", category: \"esma\" },\r\n { name: \"El-M\u00fcbdi'\", target: 56, description: \"\u00d6rneksiz yaratan, ilk defa var eden\", usage: \"Yarat\u0131c\u0131l\u0131k, yenilik i\u00e7in. 56 defa\", category: \"esma\" },\r\n { name: \"El-Muid\", target: 124, description: \"Yaratt\u0131klar\u0131n\u0131 yok edip sonra tekrar dirilten\", usage: \"Yeniden ba\u015flang\u0131\u00e7, dirili\u015f i\u00e7in. 124 defa okunur\", category: \"esma\" },\r\n { name: \"El-Muhyi\", target: 68, description: \"Can veren, dirilten, hayat bah\u015feden\", usage: \"\u015eifa, canl\u0131l\u0131k i\u00e7in. 68 defa\", category: \"esma\" },\r\n { name: \"El-Mumit\", target: 490, description: \"\u00d6ld\u00fcren, can alan, eceli gelenin ruhunu alan\", usage: \"K\u00f6t\u00fcl\u00fcklerden kurtulmak i\u00e7in. 490 defa\", category: \"esma\" },\r\n { name: \"El-Hayy\", target: 18, description: \"Diri, canl\u0131, ebedi hayat sahibi\", usage: \"Hayat enerjisi, canl\u0131l\u0131k i\u00e7in. 18 defa\", category: \"esma\" },\r\n { name: \"El-Kayyum\", target: 156, description: \"Her \u015feyi ayakta tutan, kaim olan\", usage: \"Denge, istikrar i\u00e7in. 156 defa okunur\", category: \"esma\" },\r\n { name: \"El-Vacid\", target: 14, description: \"\u0130stedi\u011fini bulan, hi\u00e7bir \u015feye muhta\u00e7 olmayan\", usage: \"\u0130htiya\u00e7lar\u0131n giderilmesi i\u00e7in. 14 defa\", category: \"esma\" },\r\n { name: \"El-Macid\", target: 48, description: \"\u015ean\u0131 b\u00fcy\u00fck, kadri y\u00fcce, \u00e7ok \u015ferefli\", usage: \"\u015eeref, itibar i\u00e7in. 48 defa\", category: \"esma\" },\r\n { name: \"El-Vahid\", target: 19, description: \"Tek, bir, e\u015fi ve benzeri olmayan\", usage: \"Birlik, tevhid i\u00e7in. 19 defa\", category: \"esma\" },\r\n { name: \"Es-Samed\", target: 134, description: \"Hi\u00e7 kimseye muhta\u00e7 olmayan, herkesin muhta\u00e7 oldu\u011fu\", usage: \"\u0130htiya\u00e7lar\u0131n giderilmesi i\u00e7in. 134 defa okunur\", category: \"esma\" },\r\n { name: \"El-Kadir\", target: 305, description: \"Her \u015feye g\u00fcc\u00fc yeten, kudret sahibi\", usage: \"G\u00fc\u00e7, ba\u015far\u0131 i\u00e7in. 305 defa\", category: \"esma\" },\r\n { name: \"El-Muktedir\", target: 744, description: \"Diledi\u011fini diledi\u011fi gibi yapmaya g\u00fcc\u00fc yeten\", usage: \"G\u00fc\u00e7, iktidar i\u00e7in. 744 defa\", category: \"esma\" },\r\n { name: \"El-Mukaddim\", target: 184, description: \"Diledi\u011fini \u00f6ne alan, ileri ge\u00e7iren\", usage: \"\u00d6ne ge\u00e7mek, terfi i\u00e7in. 184 defa\", category: \"esma\" },\r\n { name: \"El-Muahhir\", target: 846, description: \"Diledi\u011fini geri b\u0131rakan, erteleyen\", usage: \"K\u00f6t\u00fcl\u00fcklerin uzakla\u015fmas\u0131 i\u00e7in. 846 defa okunur\", category: \"esma\" },\r\n { name: \"El-Evvel\", target: 37, description: \"Varl\u0131\u011f\u0131n\u0131n ba\u015flang\u0131c\u0131 olmayan, \u00f6ncesiz\", usage: \"Ba\u015flang\u0131\u00e7lar, yeni i\u015fler i\u00e7in. 37 defa\", category: \"esma\" },\r\n { name: \"El-Ahir\", target: 801, description: \"Varl\u0131\u011f\u0131n\u0131n sonu olmayan, sonras\u0131z\", usage: \"S\u00fcreklilik, devaml\u0131l\u0131k i\u00e7in. 801 defa\", category: \"esma\" },\r\n { name: \"Ez-Zahir\", target: 1106, description: \"Varl\u0131\u011f\u0131 a\u00e7\u0131k, her \u015feyden a\u015fikar olan\", usage: \"A\u00e7\u0131kl\u0131k, anla\u015f\u0131l\u0131rl\u0131k i\u00e7in. 1106 defa\", category: \"esma\" },\r\n { name: \"El-Bat\u0131n\", target: 62, description: \"Varl\u0131\u011f\u0131 gizli olan, ak\u0131llarca idrak edilemeyen\", usage: \"Gizli ilimler, s\u0131rlar i\u00e7in. 62 defa okunur\", category: \"esma\" },\r\n { name: \"El-Vali\", target: 47, description: \"Her \u015feyin y\u00f6neticisi, idare eden\", usage: \"Y\u00f6netim, liderlik i\u00e7in. 47 defa\", category: \"esma\" },\r\n { name: \"El-Muteali\", target: 551, description: \"A\u015f\u0131r\u0131 derecede y\u00fcce, ulu\", usage: \"Y\u00fccelik, \u00fcst\u00fcnl\u00fck i\u00e7in. 551 defa\", category: \"esma\" },\r\n { name: \"El-Berr\", target: 202, description: \"\u0130yilik ve l\u00fctuf sahibi, \u00e7ok iyilik eden\", usage: \"\u0130yilik, hay\u0131r i\u00e7in. 202 defa\", category: \"esma\" },\r\n { name: \"Et-Tevvab\", target: 409, description: \"T\u00f6vbeleri \u00e7ok\u00e7a kabul eden\", usage: \"T\u00f6vbe, pi\u015fmanl\u0131k i\u00e7in. 409 defa okunur\", category: \"esma\" },\r\n { name: \"El-M\u00fcntekim\", target: 630, description: \"\u0130ntikam alan, su\u00e7lular\u0131 cezaland\u0131ran\", usage: \"Zalimlerden intikam almak i\u00e7in. 630 defa\", category: \"esma\" },\r\n { name: \"El-Af\u00fcvv\", target: 156, description: \"Aff\u0131 \u00e7ok olan, g\u00fcnahlar\u0131 silen\", usage: \"Affetmek, ba\u011f\u0131\u015flanmak i\u00e7in. 156 defa\", category: \"esma\" },\r\n { name: \"Er-Rauf\", target: 286, description: \"\u00c7ok \u015fefkatli, merhametli\", usage: \"\u015eefkat, merhamet i\u00e7in. 286 defa\", category: \"esma\" },\r\n { name: \"Malik-\u00fcl M\u00fclk\", target: 212, description: \"M\u00fclk\u00fcn ger\u00e7ek sahibi, m\u00fclk\u00fc diledi\u011fine veren\", usage: \"M\u00fclk, servet i\u00e7in. 212 defa okunur\", category: \"esma\" },\r\n { name: \"Z\u00fcl-Celali vel-\u0130kram\", target: 1100, description: \"Celal ve ikram sahibi, b\u00fcy\u00fckl\u00fck ve c\u00f6mertlik sahibi\", usage: \"\u015eeref, ikram, c\u00f6mertlik i\u00e7in. 1100 defa\", category: \"esma\" },\r\n { name: \"El-Muksit\", target: 209, description: \"Adaletle h\u00fckmeden, herkese hakk\u0131n\u0131 veren\", usage: \"Adalet, hakkaniyet i\u00e7in. 209 defa\", category: \"esma\" },\r\n { name: \"El-Cami'\", target: 114, description: \"Diledi\u011fini bir araya getiren, toplayan\", usage: \"Birle\u015ftirmek, toplamak i\u00e7in. 114 defa\", category: \"esma\" },\r\n { name: \"El-Ganiyy\", target: 1060, description: \"Hi\u00e7bir \u015feye muhta\u00e7 olmayan, zengin\", usage: \"Zenginlik, muhta\u00e7 olmamak i\u00e7in. 1060 defa okunur\", category: \"esma\" },\r\n { name: \"El-Mu\u011fni\", target: 1100, description: \"Diledi\u011fini zengin eden, ihtiya\u00e7lar\u0131n\u0131 gideren\", usage: \"Zenginlik, ihtiya\u00e7lar\u0131n giderilmesi i\u00e7in. 1100 defa\", category: \"esma\" },\r\n { name: \"El-Mani'\", target: 161, description: \"Diledi\u011fine engel olan, men eden\", usage: \"K\u00f6t\u00fcl\u00fcklerden korunmak i\u00e7in. 161 defa\", category: \"esma\" },\r\n { name: \"Ed-Darr\", target: 1001, description: \"Zarar ve ziyan veren, dert ve bela veren\", usage: \"D\u00fc\u015fmanlara zarar vermek i\u00e7in. 1001 defa\", category: \"esma\" },\r\n { name: \"En-Nafi'\", target: 201, description: \"Fayda veren, menfaat sa\u011flayan\", usage: \"Fayda, menfaat i\u00e7in. 201 defa okunur\", category: \"esma\" },\r\n { name: \"En-Nur\", target: 256, description: \"Alemleri nurland\u0131ran, \u0131\u015f\u0131k sa\u00e7an\", usage: \"Ayd\u0131nlanma, ilim i\u00e7in. 256 defa\", category: \"esma\" },\r\n { name: \"El-Hadi\", target: 20, description: \"Hidayet veren, do\u011fru yolu g\u00f6steren\", usage: \"Hidayet, do\u011fru yol i\u00e7in. 20 defa\", category: \"esma\" },\r\n { name: \"El-Bedi'\", target: 86, description: \"\u00d6rneksiz, benzersiz yaratan\", usage: \"Yarat\u0131c\u0131l\u0131k, yenilik i\u00e7in. 86 defa\", category: \"esma\" },\r\n { name: \"El-Baki\", target: 113, description: \"Varl\u0131\u011f\u0131n\u0131n sonu olmayan, baki kalan\", usage: \"S\u00fcreklilik, devaml\u0131l\u0131k i\u00e7in. 113 defa okunur\", category: \"esma\" },\r\n { name: \"El-Varis\", target: 707, description: \"Her \u015feyin as\u0131l sahibi, ger\u00e7ek varis\", usage: \"Miras, kal\u0131c\u0131l\u0131k i\u00e7in. 707 defa\", category: \"esma\" },\r\n { name: \"Er-Re\u015fid\", target: 514, description: \"Do\u011fru yolu g\u00f6steren, ir\u015fad eden\", usage: \"Do\u011fru yol, hidayet i\u00e7in. 514 defa\", category: \"esma\" },\r\n { name: \"Es-Sabur\", target: 298, description: \"\u00c7ok sab\u0131rl\u0131, cezada acele etmeyen\", usage: \"Sab\u0131r, tahamm\u00fcl i\u00e7in. 298 defa\", category: \"esma\" }\r\n ];\r\n \r\n \/\/ Temel zikirler\r\n const temelZikirler = [\r\n { name: \"Subhanallah\", target: 100, description: \"Allah'\u0131 t\u00fcm noksan s\u0131fatlardan tenzih etmek\", usage: \"G\u00fcnl\u00fck zikir, sevap kazanmak i\u00e7in\", category: \"temel\" },\r\n { name: \"Elhamd\u00fclillah\", target: 100, description: \"Hamd ve \u015f\u00fck\u00fcr Allah'a mahsustur\", usage: \"\u015e\u00fck\u00fcr, nimetlerin artmas\u0131 i\u00e7in\", category: \"temel\" },\r\n { name: \"Allahu Ekber\", target: 100, description: \"Allah en b\u00fcy\u00fckt\u00fcr\", usage: \"B\u00fcy\u00fckl\u00fc\u011f\u00fc hat\u0131rlamak, tesbih i\u00e7in\", category: \"temel\" },\r\n { name: \"La ilahe illallah\", target: 100, description: \"Allah'tan ba\u015fka ilah yoktur\", usage: \"Tevhid, iman tazelemek i\u00e7in\", category: \"temel\" },\r\n { name: \"Esta\u011ffirullah\", target: 100, description: \"Allah'tan ba\u011f\u0131\u015flanma dilerim\", usage: \"T\u00f6vbe, g\u00fcnahlar\u0131n aff\u0131 i\u00e7in\", category: \"temel\" },\r\n { name: \"La havle vela kuvvete illa billah\", target: 100, description: \"G\u00fc\u00e7 ve kuvvet sadece Allah'\u0131nd\u0131r\", usage: \"Zorluklarda sab\u0131r, tevekk\u00fcl i\u00e7in\", category: \"temel\" },\r\n { name: \"Hasbunallahu ve ni'mel vekil\", target: 100, description: \"Allah bize yeter, O ne g\u00fczel vekildir\", usage: \"Tevekk\u00fcl, g\u00fcven i\u00e7in\", category: \"temel\" },\r\n { name: \"Allah\u00fcmme salli ala Muhammed\", target: 100, description: \"Allah'\u0131m Muhammed'e salat ve selam eyle\", usage: \"Peygambere salavat, \u015fefaat i\u00e7in\", category: \"temel\" }\r\n ];\r\n \r\n \/\/ T\u00fcm zikir k\u00fct\u00fcphanesini birle\u015ftir\r\n let zikirKutuphanesi = [...temelZikirler, ...esmaUlHusna];\r\n \r\n \/\/ Modal i\u00e7in de\u011fi\u015fkenler\r\n let itemToDelete = null;\r\n let deleteType = ''; \/\/ 'history' veya 'all'\r\n \r\n \/\/ Aktif kategori\r\n let activeCategory = 'all';\r\n let searchQuery = '';\r\n \r\n \/\/ Sayac\u0131 g\u00fcncelle\r\n function updateCounter() {\r\n countElement.textContent = zikirData.currentCount;\r\n currentZikirElement.textContent = zikirData.currentName;\r\n targetDisplay.textContent = `Hedef: ${zikirData.currentTarget}`;\r\n \r\n \/\/ Zikir okuma alan\u0131n\u0131 g\u00fcncelle\r\n updateZikirReadingArea();\r\n \r\n \/\/ A\u00e7\u0131klamay\u0131 g\u00fcncelle\r\n if (zikirData.currentDescription) {\r\n descriptionText.textContent = zikirData.currentDescription;\r\n descriptionContainer.style.display = 'block';\r\n } else {\r\n descriptionContainer.style.display = 'none';\r\n }\r\n \r\n \/\/ \u0130statistikleri g\u00fcncelle\r\n updateStatistics();\r\n updateWeeklyStats();\r\n }\r\n \r\n \/\/ Zikir okuma alan\u0131n\u0131 g\u00fcncelle\r\n function updateZikirReadingArea() {\r\n if (zikirData.currentName !== 'Zikir Se\u00e7in') {\r\n zikirReadingName.textContent = zikirData.currentName;\r\n zikirReadingMeaning.textContent = zikirData.currentDescription || 'A\u00e7\u0131klama eklenmemi\u015f';\r\n } else {\r\n zikirReadingName.textContent = 'Zikir Se\u00e7in';\r\n zikirReadingMeaning.textContent = 'L\u00fctfen bir zikir se\u00e7in';\r\n }\r\n }\r\n \r\n \/\/ \u0130statistikleri g\u00fcncelle\r\n function updateStatistics() {\r\n \/\/ Toplam zikir say\u0131s\u0131\r\n const totalCount = zikirData.history.reduce((sum, item) => sum + item.count, 0);\r\n totalZikirCount.textContent = totalCount.toLocaleString();\r\n \r\n \/\/ Tamamlanan hedef say\u0131s\u0131\r\n const completed = zikirData.zikirler.filter(zikir => {\r\n const totalZikirCount = zikirData.history\r\n .filter(item => item.name === zikir.name)\r\n .reduce((sum, item) => sum + item.count, 0);\r\n return totalZikirCount >= zikir.target && zikir.target > 0;\r\n }).length;\r\n \r\n completedGoals.textContent = completed;\r\n \r\n \/\/ Aktif zikir say\u0131s\u0131\r\n activeZikirCount.textContent = zikirData.zikirler.length;\r\n \r\n \/\/ Bug\u00fcnk\u00fc zikir say\u0131s\u0131\r\n const today = new Date().toDateString();\r\n const todayCount = zikirData.history\r\n .filter(item => {\r\n const itemDate = new Date(item.date.split(' ')[0].split('.').reverse().join('-'));\r\n return itemDate.toDateString() === today;\r\n })\r\n .reduce((sum, item) => sum + item.count, 0);\r\n todayZikirCount.textContent = todayCount;\r\n }\r\n \r\n \/\/ Son 7 g\u00fcnl\u00fck zikirleri g\u00fcncelle\r\n function updateWeeklyStats() {\r\n const days = ['Pazar', 'Pazartesi', 'Sal\u0131', '\u00c7ar\u015famba', 'Per\u015fembe', 'Cuma', 'Cumartesi'];\r\n const today = new Date();\r\n let html = '';\r\n \r\n for (let i = 6; i >= 0; i--) {\r\n const date = new Date();\r\n date.setDate(today.getDate() - i);\r\n const dateString = date.toDateString();\r\n \r\n const dayCount = zikirData.history\r\n .filter(item => {\r\n const itemDate = new Date(item.date.split(' ')[0].split('.').reverse().join('-'));\r\n return itemDate.toDateString() === dateString;\r\n })\r\n .reduce((sum, item) => sum + item.count, 0);\r\n \r\n html += `\r\n <div class=\"day-stat\">\r\n <div class=\"day-name\">${days[date.getDay()]}<\/div>\r\n <div class=\"day-count\">${dayCount}<\/div>\r\n <\/div>\r\n `;\r\n }\r\n \r\n weeklyStats.innerHTML = html;\r\n }\r\n \r\n \/\/ Toast bildirimi g\u00f6ster\r\n function showToast(message, type = 'info') {\r\n toast.textContent = message;\r\n toast.className = `toast ${type}`;\r\n toast.classList.add('show');\r\n \r\n setTimeout(() => {\r\n toast.classList.remove('show');\r\n }, 3000);\r\n }\r\n \r\n \/\/ Dalga animasyonu ba\u015flat\r\n function startWaveAnimation() {\r\n waveElement.classList.remove('active');\r\n void waveElement.offsetWidth;\r\n waveElement.classList.add('active');\r\n }\r\n \r\n \/\/ Say\u0131 animasyonu\r\n function animateCount() {\r\n countElement.classList.remove('fade-in');\r\n void countElement.offsetWidth;\r\n countElement.classList.add('fade-in');\r\n }\r\n \r\n \/\/ Kategori filtrelerini olu\u015ftur\r\n function createCategoryFilters() {\r\n const categories = [\r\n { id: 'all', name: 'T\u00fcm\u00fc' },\r\n { id: 'esma', name: 'Esm\u00e2-\u00fcl H\u00fcsn\u00e2 (99 \u0130sim)' },\r\n { id: 'temel', name: 'Temel Zikirler' },\r\n { id: 'favorites', name: 'Favorilerim' }\r\n ];\r\n \r\n categoryFilters.innerHTML = '';\r\n \r\n categories.forEach(category => {\r\n const button = document.createElement('button');\r\n button.className = `category-btn ${activeCategory === category.id ? 'active' : ''}`;\r\n button.textContent = category.name;\r\n button.dataset.category = category.id;\r\n \r\n button.addEventListener('click', function() {\r\n activeCategory = this.dataset.category;\r\n createCategoryFilters();\r\n updateZikirKutuphanesi();\r\n });\r\n \r\n categoryFilters.appendChild(button);\r\n });\r\n }\r\n \r\n \/\/ Zikir k\u00fct\u00fcphanesini g\u00fcncelle - ARAMA SORUNU TAMAMEN D\u00dcZELT\u0130LD\u0130\r\n function updateZikirKutuphanesi() {\r\n libraryList.innerHTML = '';\r\n \r\n \/\/ Zikirleri filtrele\r\n let filteredZikirler = zikirKutuphanesi;\r\n \r\n \/\/ Kategoriye g\u00f6re filtrele\r\n if (activeCategory === 'esma') {\r\n filteredZikirler = esmaUlHusna;\r\n } else if (activeCategory === 'temel') {\r\n filteredZikirler = temelZikirler;\r\n } else if (activeCategory === 'favorites') {\r\n filteredZikirler = zikirKutuphanesi.filter(z => zikirData.favorites.includes(z.name));\r\n }\r\n \r\n \/\/ Arama sorgusuna g\u00f6re filtrele - TAMAMEN D\u00dcZELT\u0130LD\u0130\r\n if (searchQuery && searchQuery.trim() !== '') {\r\n const query = searchQuery.toLowerCase().trim();\r\n filteredZikirler = filteredZikirler.filter(z => {\r\n \/\/ \u0130simde arama\r\n const nameMatch = z.name.toLowerCase().includes(query);\r\n \r\n \/\/ A\u00e7\u0131klamada arama (e\u011fer varsa)\r\n const descMatch = z.description ? z.description.toLowerCase().includes(query) : false;\r\n \r\n \/\/ Kullan\u0131mda arama (e\u011fer varsa)\r\n const usageMatch = z.usage ? z.usage.toLowerCase().includes(query) : false;\r\n \r\n \/\/ \u00dc\u00e7\u00fcnden biri e\u015fle\u015fiyorsa true d\u00f6nd\u00fcr\r\n return nameMatch || descMatch || usageMatch;\r\n });\r\n }\r\n \r\n if (filteredZikirler.length === 0) {\r\n libraryList.innerHTML = '<div style=\"text-align:center; padding:20px; opacity:0.7;\">Bu kategoride zikir bulunamad\u0131<\/div>';\r\n return;\r\n }\r\n \r\n filteredZikirler.forEach(zikir => {\r\n const libraryItem = document.createElement('div');\r\n libraryItem.className = 'library-item';\r\n \r\n \/\/ Bu zikir zaten ekli mi kontrol et\r\n const isAlreadyAdded = zikirData.zikirler.some(z => z.name === zikir.name);\r\n const isFavorite = zikirData.favorites.includes(zikir.name);\r\n \r\n libraryItem.innerHTML = `\r\n <div class=\"library-item-header\">\r\n <div class=\"library-item-name\">${zikir.name}<\/div>\r\n <div class=\"library-item-target\">${zikir.target} defa<\/div>\r\n <\/div>\r\n <div class=\"library-item-description\">${zikir.description}<\/div>\r\n ${zikir.usage ? `<div class=\"library-item-usage\">${zikir.usage}<\/div>` : ''}\r\n <div class=\"library-item-controls\">\r\n <div>\r\n <button class=\"favorite-btn ${isFavorite ? 'active' : ''}\" data-name=\"${zikir.name}\" title=\"${isFavorite ? 'Favorilerden \u00e7\u0131kar' : 'Favorilere ekle'}\">\r\n <i class=\"fas fa-star\"><\/i>\r\n <\/button>\r\n <div class=\"quick-add-btns\">\r\n <button class=\"quick-add-btn\" data-target=\"33\">33<\/button>\r\n <button class=\"quick-add-btn\" data-target=\"100\">100<\/button>\r\n <button class=\"quick-add-btn\" data-target=\"1000\">1000<\/button>\r\n <\/div>\r\n <\/div>\r\n <div style=\"display: flex; align-items: center; gap: 10px;\">\r\n <input type=\"number\" class=\"library-target-input\" placeholder=\"Hedef\" min=\"1\" value=\"${zikir.target}\" ${isAlreadyAdded ? 'disabled' : ''}>\r\n <button class=\"add-zikir-btn\" ${isAlreadyAdded ? 'disabled' : ''}>\r\n ${isAlreadyAdded ? '<i class=\"fas fa-check\"><\/i> Eklendi' : '<i class=\"fas fa-plus\"><\/i> Ekle'}\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n `;\r\n \r\n \/\/ Favori butonu\r\n const favoriteBtn = libraryItem.querySelector('.favorite-btn');\r\n favoriteBtn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n toggleFavorite(zikir.name);\r\n });\r\n \r\n \/\/ H\u0131zl\u0131 ekle butonlar\u0131\r\n const quickAddBtns = libraryItem.querySelectorAll('.quick-add-btn');\r\n quickAddBtns.forEach(btn => {\r\n btn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n const targetValue = parseInt(this.dataset.target);\r\n const targetInput = libraryItem.querySelector('.library-target-input');\r\n targetInput.value = targetValue;\r\n showToast(`Hedef ${targetValue} olarak ayarland\u0131`, 'info');\r\n });\r\n });\r\n \r\n if (!isAlreadyAdded) {\r\n const addBtn = libraryItem.querySelector('.add-zikir-btn');\r\n const targetInput = libraryItem.querySelector('.library-target-input');\r\n \r\n addBtn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n const targetValue = parseInt(targetInput.value) || zikir.target;\r\n addZikirFromLibrary(zikir.name, targetValue, zikir.description);\r\n });\r\n } else {\r\n \/\/ Zaten ekliyse, t\u0131klay\u0131nca se\u00e7meye izin ver\r\n libraryItem.addEventListener('click', function(e) {\r\n if (!e.target.closest('.favorite-btn') && !e.target.closest('.quick-add-btn') && \r\n !e.target.closest('.add-zikir-btn') && !e.target.closest('.library-target-input')) {\r\n zikirData.currentCount = 0;\r\n zikirData.currentName = zikir.name;\r\n zikirData.currentTarget = zikir.target;\r\n zikirData.currentDescription = zikir.description || '';\r\n updateCounter();\r\n saveToLocalStorage();\r\n showToast(`${zikir.name} zikiri se\u00e7ildi!`, 'success');\r\n }\r\n });\r\n }\r\n \r\n libraryList.appendChild(libraryItem);\r\n });\r\n }\r\n \r\n \/\/ Favori ekle\/\u00e7\u0131kar\r\n function toggleFavorite(zikirName) {\r\n const index = zikirData.favorites.indexOf(zikirName);\r\n if (index === -1) {\r\n zikirData.favorites.push(zikirName);\r\n showToast(`${zikirName} favorilere eklendi`, 'success');\r\n } else {\r\n zikirData.favorites.splice(index, 1);\r\n showToast(`${zikirName} favorilerden \u00e7\u0131kar\u0131ld\u0131`, 'info');\r\n }\r\n saveToLocalStorage();\r\n updateZikirKutuphanesi();\r\n }\r\n \r\n \/\/ K\u00fct\u00fcphaneden zikir ekleme\r\n function addZikirFromLibrary(zikirAdi, targetValue, description = '') {\r\n if (targetValue <= 0) {\r\n showToast('L\u00fctfen ge\u00e7erli bir hedef say\u0131s\u0131 girin!', 'error');\r\n return;\r\n }\r\n \r\n \/\/ Zikir zaten var m\u0131 kontrol et\r\n const existingZikir = zikirData.zikirler.find(z => z.name === zikirAdi);\r\n \r\n if (!existingZikir) {\r\n zikirData.zikirler.unshift({\r\n name: zikirAdi,\r\n target: targetValue,\r\n description: description\r\n });\r\n \r\n updateZikirList();\r\n updateZikirKutuphanesi();\r\n saveToLocalStorage();\r\n \r\n showToast(`${zikirAdi} zikiri listenize eklendi! Hedef: ${targetValue}`, 'success');\r\n \r\n \/\/ Otomatik olarak se\u00e7\r\n zikirData.currentCount = 0;\r\n zikirData.currentName = zikirAdi;\r\n zikirData.currentTarget = targetValue;\r\n zikirData.currentDescription = description;\r\n updateCounter();\r\n } else {\r\n showToast('Bu zikir zaten listenizde mevcut!', 'error');\r\n }\r\n }\r\n \r\n \/\/ Zikir listesini g\u00fcncelle\r\n function updateZikirList() {\r\n if (zikirData.zikirler.length === 0) {\r\n zikirList.innerHTML = '<div style=\"text-align:center; padding:10px; opacity:0.7; font-size:0.9rem;\">Hen\u00fcz zikir eklenmedi<\/div>';\r\n return;\r\n }\r\n \r\n zikirList.innerHTML = '';\r\n zikirData.zikirler.forEach((zikir, index) => {\r\n \/\/ Bu zikrin toplam \u00e7ekilme say\u0131s\u0131n\u0131 hesapla\r\n const totalCount = zikirData.history\r\n .filter(item => item.name === zikir.name)\r\n .reduce((sum, item) => sum + item.count, 0);\r\n \r\n const progress = zikir.target > 0 ? Math.round((totalCount \/ zikir.target) * 100) : 0;\r\n \r\n const zikirItem = document.createElement('div');\r\n zikirItem.className = 'zikir-item';\r\n zikirItem.innerHTML = `\r\n <div class=\"zikir-item-info\">\r\n <div class=\"zikir-item-name\">${zikir.name}<\/div>\r\n <div class=\"zikir-item-target\">Hedef: ${zikir.target}<\/div>\r\n <div class=\"progress-info\">Tamamlanan: ${totalCount}\/${zikir.target} (${progress}%)<\/div>\r\n <div class=\"progress-bar\">\r\n <div class=\"progress-fill\" style=\"width: ${Math.min(progress, 100)}%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <button class=\"delete-zikir-btn\" data-index=\"${index}\">Sil<\/button>\r\n `;\r\n \r\n \/\/ Zikir se\u00e7me\r\n zikirItem.addEventListener('click', function(e) {\r\n if (!e.target.classList.contains('delete-zikir-btn')) {\r\n zikirData.currentCount = 0;\r\n zikirData.currentName = zikir.name;\r\n zikirData.currentTarget = zikir.target;\r\n zikirData.currentDescription = zikir.description || '';\r\n updateCounter();\r\n saveToLocalStorage();\r\n \r\n \/\/ Pulse animasyonu\r\n counterElement.classList.add('pulse');\r\n setTimeout(() => {\r\n counterElement.classList.remove('pulse');\r\n }, 500);\r\n \r\n showToast(`${zikir.name} zikiri se\u00e7ildi!`, 'success');\r\n }\r\n });\r\n \r\n \/\/ Zikir silme\r\n const deleteBtn = zikirItem.querySelector('.delete-zikir-btn');\r\n deleteBtn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n const index = parseInt(this.getAttribute('data-index'));\r\n deleteZikir(index);\r\n });\r\n \r\n zikirList.appendChild(zikirItem);\r\n });\r\n }\r\n \r\n \/\/ Zikir silme fonksiyonu\r\n function deleteZikir(index) {\r\n if (confirm(`\"${zikirData.zikirler[index].name}\" zikirini silmek istedi\u011finizden emin misiniz?`)) {\r\n \/\/ E\u011fer silinen zikir \u015fu anda se\u00e7iliyse, se\u00e7imi s\u0131f\u0131rla\r\n if (zikirData.currentName === zikirData.zikirler[index].name) {\r\n zikirData.currentCount = 0;\r\n zikirData.currentName = 'Zikir Se\u00e7in';\r\n zikirData.currentTarget = 0;\r\n zikirData.currentDescription = '';\r\n updateCounter();\r\n }\r\n \r\n zikirData.zikirler.splice(index, 1);\r\n updateZikirList();\r\n updateZikirKutuphanesi();\r\n saveToLocalStorage();\r\n showToast('Zikir silindi!', 'success');\r\n }\r\n }\r\n \r\n \/\/ Ge\u00e7mi\u015fi g\u00fcncelle\r\n function updateHistory() {\r\n if (zikirData.history.length === 0) {\r\n historyList.innerHTML = '<div class=\"empty-history\">Hen\u00fcz zikir kayd\u0131 yok<\/div>';\r\n return;\r\n }\r\n \r\n historyList.innerHTML = '';\r\n \r\n \/\/ Zikirleri grupla ve toplamlar\u0131 hesapla\r\n const groupedHistory = {};\r\n zikirData.history.forEach((item, index) => {\r\n if (!groupedHistory[item.name]) {\r\n groupedHistory[item.name] = {\r\n name: item.name,\r\n totalCount: 0,\r\n target: item.target,\r\n dates: [],\r\n items: []\r\n };\r\n }\r\n groupedHistory[item.name].totalCount += item.count;\r\n groupedHistory[item.name].dates.push(item.date);\r\n groupedHistory[item.name].items.push({...item, originalIndex: index});\r\n });\r\n \r\n \/\/ Gruplanm\u0131\u015f verileri g\u00f6ster\r\n Object.values(groupedHistory).forEach(group => {\r\n const historyItem = document.createElement('div');\r\n historyItem.className = 'history-item';\r\n \r\n const progress = group.target > 0 ? Math.round((group.totalCount \/ group.target) * 100) : 0;\r\n \r\n historyItem.innerHTML = `\r\n <div class=\"history-info\">\r\n <div class=\"history-name\">${group.name}<\/div>\r\n <div class=\"history-date\">Toplam: ${group.totalCount}\/${group.target} - Son kay\u0131t: ${group.dates[0]}<\/div>\r\n <div class=\"progress-info\">Tamamlanma: ${progress}%<\/div>\r\n <div class=\"progress-bar\">\r\n <div class=\"progress-fill\" style=\"width: ${Math.min(progress, 100)}%\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"history-actions\">\r\n <div class=\"history-count\">${group.totalCount}<\/div>\r\n <button class=\"delete-history-item-btn\" title=\"Bu zikrin t\u00fcm kay\u0131tlar\u0131n\u0131 sil\">\r\n <i class=\"fas fa-trash\"><\/i>\r\n <\/button>\r\n <\/div>\r\n `;\r\n \r\n \/\/ Zikir se\u00e7me\r\n historyItem.addEventListener('click', function(e) {\r\n if (!e.target.closest('.delete-history-item-btn')) {\r\n zikirData.currentCount = 0;\r\n zikirData.currentName = group.name;\r\n zikirData.currentTarget = group.target;\r\n \r\n const zikir = zikirData.zikirler.find(z => z.name === group.name);\r\n zikirData.currentDescription = zikir ? zikir.description : '';\r\n \r\n updateCounter();\r\n saveToLocalStorage();\r\n }\r\n });\r\n \r\n \/\/ Zikir ge\u00e7mi\u015fini silme\r\n const deleteBtn = historyItem.querySelector('.delete-history-item-btn');\r\n deleteBtn.addEventListener('click', function(e) {\r\n e.stopPropagation();\r\n itemToDelete = group.name;\r\n deleteType = 'history';\r\n modalMessage.textContent = `\"${group.name}\" zikrinin t\u00fcm kay\u0131tlar\u0131n\u0131 silmek istedi\u011finizden emin misiniz? Bu i\u015flem geri al\u0131namaz.`;\r\n deleteModal.style.display = 'flex';\r\n });\r\n \r\n historyList.appendChild(historyItem);\r\n });\r\n }\r\n \r\n \/\/ LocalStorage'a kaydet\r\n function saveToLocalStorage() {\r\n localStorage.setItem('zikirData', JSON.stringify(zikirData));\r\n }\r\n \r\n \/\/ Sayac\u0131 art\u0131r\r\n counterElement.addEventListener('click', function() {\r\n if (zikirData.currentName !== 'Zikir Se\u00e7in') {\r\n zikirData.currentCount++;\r\n updateCounter();\r\n saveToLocalStorage();\r\n \r\n \/\/ Animasyonlar\u0131 ba\u015flat\r\n startWaveAnimation();\r\n animateCount();\r\n \r\n \/\/ Pulse animasyonu\r\n this.classList.add('pulse');\r\n setTimeout(() => {\r\n this.classList.remove('pulse');\r\n }, 200);\r\n \r\n \/\/ Hedefe ula\u015f\u0131ld\u0131 m\u0131 kontrol et\r\n const totalCount = zikirData.history\r\n .filter(item => item.name === zikirData.currentName)\r\n .reduce((sum, item) => sum + item.count, 0) + zikirData.currentCount;\r\n \r\n if (zikirData.currentTarget > 0 && totalCount >= zikirData.currentTarget) {\r\n showToast(`Tebrikler! ${zikirData.currentName} zikir hedefinize ula\u015ft\u0131n\u0131z. Allah kabul etsin!`, 'success');\r\n }\r\n } else {\r\n showToast('L\u00fctfen \u00f6nce bir zikir se\u00e7in!', 'error');\r\n }\r\n });\r\n \r\n \/\/ S\u0131f\u0131rla butonu\r\n resetBtn.addEventListener('click', function() {\r\n if (zikirData.currentCount > 0) {\r\n zikirData.currentCount = 0;\r\n updateCounter();\r\n saveToLocalStorage();\r\n showToast('Saya\u00e7 s\u0131f\u0131rland\u0131!', 'info');\r\n \r\n startWaveAnimation();\r\n animateCount();\r\n }\r\n });\r\n \r\n \/\/ Azalt butonu\r\n decreaseBtn.addEventListener('click', function() {\r\n if (zikirData.currentCount > 0) {\r\n zikirData.currentCount--;\r\n updateCounter();\r\n saveToLocalStorage();\r\n \r\n startWaveAnimation();\r\n animateCount();\r\n }\r\n });\r\n \r\n \/\/ \u00c7ekti\u011fimiz zikri kaydet butonu\r\n saveCountBtn.addEventListener('click', function() {\r\n if (zikirData.currentCount > 0 && zikirData.currentName !== 'Zikir Se\u00e7in') {\r\n const today = new Date();\r\n const dateStr = `${today.getDate().toString().padStart(2, '0')}.${(today.getMonth()+1).toString().padStart(2, '0')}.${today.getFullYear()} ${today.getHours().toString().padStart(2, '0')}:${today.getMinutes().toString().padStart(2, '0')}`;\r\n \r\n zikirData.history.unshift({\r\n name: zikirData.currentName,\r\n count: zikirData.currentCount,\r\n target: zikirData.currentTarget,\r\n date: dateStr\r\n });\r\n \r\n updateHistory();\r\n updateZikirList();\r\n updateStatistics();\r\n updateWeeklyStats();\r\n saveToLocalStorage();\r\n \r\n showToast(`${zikirData.currentName} zikiri kaydedildi: ${zikirData.currentCount}`, 'success');\r\n \r\n \/\/ Hedefe ula\u015f\u0131ld\u0131 m\u0131 kontrol et\r\n const totalCount = zikirData.history\r\n .filter(item => item.name === zikirData.currentName)\r\n .reduce((sum, item) => sum + item.count, 0);\r\n \r\n if (zikirData.currentTarget > 0 && totalCount >= zikirData.currentTarget) {\r\n showToast(`Tebrikler! ${zikirData.currentName} zikir hedefinize ula\u015ft\u0131n\u0131z. Allah kabul etsin!`, 'success');\r\n }\r\n \r\n \/\/ Sayac\u0131 s\u0131f\u0131rla\r\n zikirData.currentCount = 0;\r\n updateCounter();\r\n \r\n startWaveAnimation();\r\n animateCount();\r\n } else {\r\n showToast('Kaydedilecek zikir bulunamad\u0131! L\u00fctfen \u00f6nce bir zikir se\u00e7in ve say\u0131y\u0131 art\u0131r\u0131n.', 'error');\r\n }\r\n });\r\n \r\n \/\/ Ge\u00e7mi\u015fi sil butonu\r\n deleteHistoryBtn.addEventListener('click', function() {\r\n if (zikirData.history.length > 0) {\r\n itemToDelete = null;\r\n deleteType = 'all';\r\n modalMessage.textContent = 'T\u00fcm zikir ge\u00e7mi\u015fini silmek istedi\u011finizden emin misiniz? Bu i\u015flem geri al\u0131namaz.';\r\n deleteModal.style.display = 'flex';\r\n } else {\r\n showToast('Silinecek zikir ge\u00e7mi\u015fi bulunamad\u0131!', 'error');\r\n }\r\n });\r\n \r\n \/\/ Modal i\u015flemleri\r\n modalConfirm.addEventListener('click', function() {\r\n if (deleteType === 'all') {\r\n zikirData.history = [];\r\n showToast('T\u00fcm zikir ge\u00e7mi\u015fi silindi!', 'success');\r\n } else if (deleteType === 'history' && itemToDelete) {\r\n zikirData.history = zikirData.history.filter(item => item.name !== itemToDelete);\r\n showToast(`\"${itemToDelete}\" zikrinin t\u00fcm kay\u0131tlar\u0131 silindi!`, 'success');\r\n }\r\n \r\n updateHistory();\r\n updateZikirList();\r\n updateStatistics();\r\n updateWeeklyStats();\r\n saveToLocalStorage();\r\n deleteModal.style.display = 'none';\r\n });\r\n \r\n modalCancel.addEventListener('click', function() {\r\n deleteModal.style.display = 'none';\r\n });\r\n \r\n \/\/ Modal d\u0131\u015f\u0131na t\u0131klay\u0131nca kapat\r\n deleteModal.addEventListener('click', function(e) {\r\n if (e.target === deleteModal) {\r\n deleteModal.style.display = 'none';\r\n }\r\n });\r\n \r\n \/\/ TOGGLE EVENT LISTENER'LARI EKLEYEL\u0130M\r\n document.addEventListener('DOMContentLoaded', function() {\r\n \/\/ Form toggle\r\n formToggle.addEventListener('click', function() {\r\n const isVisible = formContent.style.display === 'block';\r\n formContent.style.display = isVisible ? 'none' : 'block';\r\n formToggle.querySelector('.dropdown-arrow').style.transform = isVisible ? 'rotate(0deg)' : 'rotate(180deg)';\r\n });\r\n \r\n \/\/ K\u00fct\u00fcphane toggle\r\n libraryToggle.addEventListener('click', function() {\r\n const isVisible = libraryContent.style.display === 'block';\r\n libraryContent.style.display = isVisible ? 'none' : 'block';\r\n libraryToggle.querySelector('.dropdown-arrow').style.transform = isVisible ? 'rotate(0deg)' : 'rotate(180deg)';\r\n \r\n \/\/ K\u00fct\u00fcphaneyi a\u00e7t\u0131\u011f\u0131m\u0131zda g\u00fcncelle\r\n if (!isVisible) {\r\n updateZikirKutuphanesi();\r\n }\r\n });\r\n \r\n \/\/ Zikirlerim toggle\r\n myZikirlerToggle.addEventListener('click', function() {\r\n const isVisible = myZikirlerContent.style.display === 'block';\r\n myZikirlerContent.style.display = isVisible ? 'none' : 'block';\r\n myZikirlerToggle.querySelector('.dropdown-arrow').style.transform = isVisible ? 'rotate(0deg)' : 'rotate(180deg)';\r\n });\r\n });\r\n \r\n \/\/ Yeni zikir kaydet\r\n saveBtn.addEventListener('click', function() {\r\n const name = zikirNameInput.value.trim();\r\n const target = parseInt(targetCountInput.value) || 0;\r\n const description = zikirDescriptionInput.value.trim();\r\n \r\n if (name && target > 0) {\r\n const existingZikir = zikirData.zikirler.find(z => z.name === name);\r\n \r\n if (!existingZikir) {\r\n zikirData.zikirler.unshift({\r\n name: name,\r\n target: target,\r\n description: description\r\n });\r\n \r\n updateZikirList();\r\n updateZikirKutuphanesi();\r\n saveToLocalStorage();\r\n \r\n \/\/ Formu temizle\r\n zikirNameInput.value = '';\r\n targetCountInput.value = '';\r\n zikirDescriptionInput.value = '';\r\n \r\n showToast(`${name} zikiri ba\u015far\u0131yla eklendi!`, 'success');\r\n \r\n \/\/ Otomatik olarak se\u00e7\r\n zikirData.currentCount = 0;\r\n zikirData.currentName = name;\r\n zikirData.currentTarget = target;\r\n zikirData.currentDescription = description;\r\n updateCounter();\r\n } else {\r\n showToast('Bu zikir zaten listenizde mevcut!', 'error');\r\n }\r\n } else {\r\n showToast('L\u00fctfen ge\u00e7erli bir zikir ad\u0131 ve hedef say\u0131 girin!', 'error');\r\n }\r\n });\r\n \r\n \/\/ Enter tu\u015fu ile kaydet\r\n zikirNameInput.addEventListener('keypress', function(e) {\r\n if (e.key === 'Enter') {\r\n saveBtn.click();\r\n }\r\n });\r\n \r\n targetCountInput.addEventListener('keypress', function(e) {\r\n if (e.key === 'Enter') {\r\n saveBtn.click();\r\n }\r\n });\r\n \r\n \/\/ A\u00e7\u0131klama d\u00fczenleme i\u015flevleri\r\n editDescriptionBtn.addEventListener('click', function() {\r\n descriptionEdit.style.display = 'block';\r\n descriptionInput.value = zikirData.currentDescription;\r\n editDescriptionBtn.style.display = 'none';\r\n });\r\n \r\n descriptionSave.addEventListener('click', function() {\r\n zikirData.currentDescription = descriptionInput.value;\r\n updateCounter();\r\n saveToLocalStorage();\r\n descriptionEdit.style.display = 'none';\r\n editDescriptionBtn.style.display = 'block';\r\n showToast('A\u00e7\u0131klama kaydedildi!', 'success');\r\n });\r\n \r\n descriptionCancel.addEventListener('click', function() {\r\n descriptionEdit.style.display = 'none';\r\n editDescriptionBtn.style.display = 'block';\r\n });\r\n \r\n \/\/ K\u00fct\u00fcphane arama - TAMAMEN D\u00dcZELT\u0130LD\u0130\r\n librarySearch.addEventListener('input', function() {\r\n searchQuery = this.value;\r\n updateZikirKutuphanesi();\r\n });\r\n \r\n \/\/ K\u00fct\u00fcphane filtre\r\n libraryFilter.addEventListener('change', function() {\r\n activeCategory = this.value;\r\n createCategoryFilters();\r\n updateZikirKutuphanesi();\r\n });\r\n \r\n \/\/ \u0130lk y\u00fckleme\r\n updateCounter();\r\n updateZikirList();\r\n updateHistory();\r\n createCategoryFilters();\r\n updateZikirKutuphanesi();\r\n updateStatistics();\r\n updateWeeklyStats();\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Zikir Sayac\u0131 Zikir Sayac\u0131 Zikir Se\u00e7in L\u00fctfen bir zikir se\u00e7in 0 Zikir Se\u00e7in Hedef: 0 Kaydet S\u0131f\u0131rla Azalt Ge\u00e7mi\u015fi Sil A\u00e7\u0131klamay\u0131 D\u00fczenle Kaydet \u0130ptal Zikir \u0130statistikleri 0 Toplam Zikir 0 Tamamlanan Hedef 0 Aktif Zikir 0 Bug\u00fcnk\u00fc Zikir Son 7 G\u00fcnl\u00fck Zikirler Zikirlerim \u25bc Zikir K\u00fct\u00fcphanesi \u25bc T\u00fcm ZikirlerEsm\u00e2-\u00fcl H\u00fcsn\u00e2Temel ZikirlerFavorilerim Zikir Se\u00e7 \/ Ekle […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-579","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zikirsayacim.online\/index.php\/wp-json\/wp\/v2\/pages\/579","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zikirsayacim.online\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zikirsayacim.online\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zikirsayacim.online\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zikirsayacim.online\/index.php\/wp-json\/wp\/v2\/comments?post=579"}],"version-history":[{"count":19,"href":"https:\/\/zikirsayacim.online\/index.php\/wp-json\/wp\/v2\/pages\/579\/revisions"}],"predecessor-version":[{"id":602,"href":"https:\/\/zikirsayacim.online\/index.php\/wp-json\/wp\/v2\/pages\/579\/revisions\/602"}],"wp:attachment":[{"href":"https:\/\/zikirsayacim.online\/index.php\/wp-json\/wp\/v2\/media?parent=579"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}