Sigara \u0130\u00e7me Takip Uygulamas\u0131<\/title>\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 --pink: #FF69B4;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, 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 max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n\r\n .smoke-tracker-app {\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .app-header {\r\n background-color: var(--card-bg);\r\n padding: 20px;\r\n text-align: center;\r\n border-bottom: 2px solid var(--primary-orange);\r\n }\r\n\r\n .app-header h1 {\r\n color: var(--primary-orange);\r\n font-size: 1.8rem;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .app-header p {\r\n color: #aaa;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .stats-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n padding: 20px;\r\n background-color: var(--dark-bg);\r\n }\r\n\r\n .stat-card {\r\n flex: 1;\r\n min-width: 150px;\r\n background-color: var(--card-bg);\r\n border-radius: 10px;\r\n padding: 20px;\r\n text-align: center;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .stat-card h3 {\r\n font-size: 0.9rem;\r\n color: #aaa;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .stat-value {\r\n font-size: 2rem;\r\n font-weight: bold;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .today-count {\r\n color: var(--primary-green);\r\n }\r\n\r\n .money-saved {\r\n color: var(--primary-orange);\r\n }\r\n\r\n .days-sober {\r\n color: var(--info-blue);\r\n }\r\n\r\n .cigarettes-avoided {\r\n color: var(--danger-red);\r\n }\r\n\r\n .week-avg {\r\n color: var(--purple);\r\n }\r\n\r\n .controls-container {\r\n background-color: var(--card-bg);\r\n padding: 20px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n justify-content: center;\r\n align-items: center;\r\n border-top: 1px solid #3a3b40;\r\n }\r\n\r\n .cigarette-button {\r\n background-color: var(--danger-red);\r\n color: white;\r\n border: none;\r\n border-radius: 50px;\r\n padding: 15px 30px;\r\n font-size: 1.1rem;\r\n font-weight: bold;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 10px rgba(210, 44, 60, 0.3);\r\n }\r\n\r\n .cigarette-button:hover {\r\n background-color: var(--danger-dark);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .cigarette-button:active {\r\n transform: translateY(1px);\r\n }\r\n\r\n .reset-button {\r\n background-color: #444;\r\n color: white;\r\n border: none;\r\n border-radius: 50px;\r\n padding: 12px 25px;\r\n font-size: 1rem;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .reset-button:hover {\r\n background-color: #555;\r\n }\r\n\r\n .tabs-container {\r\n display: flex;\r\n background-color: var(--card-bg);\r\n border-bottom: 1px solid #3a3b40;\r\n }\r\n\r\n .tab-button {\r\n flex: 1;\r\n background: none;\r\n border: none;\r\n color: #aaa;\r\n padding: 15px;\r\n font-size: 1rem;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n border-bottom: 3px solid transparent;\r\n }\r\n\r\n .tab-button:hover {\r\n color: var(--light-text);\r\n background-color: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .tab-button.active {\r\n color: var(--primary-orange);\r\n border-bottom: 3px solid var(--primary-orange);\r\n font-weight: bold;\r\n }\r\n\r\n .tab-content {\r\n display: none;\r\n background-color: var(--card-bg);\r\n padding: 20px;\r\n }\r\n\r\n .tab-content.active {\r\n display: block;\r\n }\r\n\r\n .history-header, .week-history-header, .goals-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n padding-bottom: 10px;\r\n border-bottom: 1px solid #3a3b40;\r\n }\r\n\r\n .history-header h2, .week-history-header h2, .goals-header h2 {\r\n color: var(--primary-orange);\r\n font-size: 1.4rem;\r\n }\r\n\r\n .history-list, .week-history-list {\r\n max-height: 200px;\r\n overflow-y: auto;\r\n }\r\n\r\n .history-item, .week-history-item {\r\n display: flex;\r\n justify-content: space-between;\r\n padding: 10px 15px;\r\n background-color: rgba(255, 255, 255, 0.05);\r\n border-radius: 6px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .history-item:last-child, .week-history-item:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .history-time {\r\n color: #aaa;\r\n }\r\n\r\n .history-count {\r\n font-weight: bold;\r\n color: var(--primary-green);\r\n }\r\n\r\n .week-date {\r\n color: #ddd;\r\n font-weight: bold;\r\n }\r\n\r\n .week-count {\r\n font-weight: bold;\r\n }\r\n\r\n .progress-container {\r\n margin-top: 20px;\r\n }\r\n\r\n .progress-bar {\r\n height: 20px;\r\n background-color: #333;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .progress-fill {\r\n height: 100%;\r\n background-color: var(--primary-green);\r\n border-radius: 10px;\r\n width: 0%;\r\n transition: width 0.5s ease;\r\n }\r\n\r\n .progress-text {\r\n display: flex;\r\n justify-content: space-between;\r\n color: #aaa;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .goal-achieved {\r\n color: var(--primary-green);\r\n }\r\n\r\n .goal-not-achieved {\r\n color: var(--danger-red);\r\n }\r\n\r\n .settings-container {\r\n background-color: var(--card-bg);\r\n padding: 20px;\r\n border-radius: 10px;\r\n margin-top: 15px;\r\n }\r\n\r\n .settings-container h2 {\r\n color: var(--primary-orange);\r\n font-size: 1.4rem;\r\n margin-bottom: 15px;\r\n padding-bottom: 10px;\r\n border-bottom: 1px solid #3a3b40;\r\n }\r\n\r\n .setting-group {\r\n margin-bottom: 15px;\r\n }\r\n\r\n .setting-group label {\r\n display: block;\r\n margin-bottom: 5px;\r\n color: #ddd;\r\n }\r\n\r\n .setting-group input, .setting-group select {\r\n width: 100%;\r\n padding: 10px;\r\n border-radius: 6px;\r\n border: 1px solid #444;\r\n background-color: #333;\r\n color: white;\r\n }\r\n\r\n .save-settings {\r\n background-color: var(--secondary-green);\r\n color: white;\r\n border: none;\r\n border-radius: 6px;\r\n padding: 12px 20px;\r\n font-size: 1rem;\r\n cursor: pointer;\r\n width: 100%;\r\n margin-top: 10px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .save-settings:hover {\r\n background-color: var(--primary-green);\r\n color: #333;\r\n }\r\n\r\n .motivation-message {\r\n background-color: rgba(58, 142, 100, 0.2);\r\n border-left: 4px solid var(--secondary-green);\r\n padding: 15px;\r\n margin-top: 15px;\r\n border-radius: 6px;\r\n font-style: italic;\r\n text-align: center;\r\n }\r\n\r\n .empty-history, .empty-week-history {\r\n text-align: center;\r\n color: #888;\r\n padding: 20px;\r\n }\r\n\r\n .week-summary {\r\n display: flex;\r\n justify-content: space-around;\r\n margin-top: 20px;\r\n padding-top: 20px;\r\n border-top: 1px solid #3a3b40;\r\n }\r\n\r\n .week-summary-item {\r\n text-align: center;\r\n }\r\n\r\n .week-summary-value {\r\n font-size: 1.5rem;\r\n font-weight: bold;\r\n color: var(--primary-orange);\r\n }\r\n\r\n .week-summary-label {\r\n font-size: 0.8rem;\r\n color: #aaa;\r\n margin-top: 5px;\r\n }\r\n\r\n .goal-item {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 15px;\r\n background-color: rgba(255, 255, 255, 0.05);\r\n border-radius: 8px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .goal-info {\r\n flex: 1;\r\n }\r\n\r\n .goal-name {\r\n font-weight: bold;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .goal-date {\r\n font-size: 0.9rem;\r\n color: #aaa;\r\n }\r\n\r\n .goal-status {\r\n padding: 5px 10px;\r\n border-radius: 20px;\r\n font-size: 0.9rem;\r\n font-weight: bold;\r\n }\r\n\r\n .goal-achieved-badge {\r\n background-color: rgba(98, 240, 168, 0.2);\r\n color: var(--primary-green);\r\n }\r\n\r\n .goal-pending-badge {\r\n background-color: rgba(255, 204, 26, 0.2);\r\n color: var(--primary-orange);\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .stat-card {\r\n min-width: calc(50% - 15px);\r\n }\r\n \r\n .controls-container {\r\n flex-direction: column;\r\n }\r\n \r\n .cigarette-button, .reset-button {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n \r\n .tabs-container {\r\n flex-direction: column;\r\n }\r\n \r\n .week-summary {\r\n flex-direction: column;\r\n gap: 15px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"smoke-tracker-app\">\r\n <div class=\"app-header\">\r\n <h1><i class=\"fas fa-smoking-ban\"><\/i> Sigara \u0130\u00e7me Takip Uygulamas\u0131<\/h1>\r\n <p>Sigara i\u00e7me al\u0131\u015fkanl\u0131\u011f\u0131n\u0131z\u0131 takip edin, hedefler belirleyin ve motivasyonunuzu art\u0131r\u0131n!<\/p>\r\n <\/div>\r\n\r\n <div class=\"stats-container\">\r\n <div class=\"stat-card\">\r\n <h3>Bug\u00fcnk\u00fc Sigara<\/h3>\r\n <div class=\"stat-value today-count\" id=\"todayCount\">0<\/div>\r\n <p>adet<\/p>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <h3>Tasarruf Edilen Para<\/h3>\r\n <div class=\"stat-value money-saved\" id=\"moneySaved\">\u20ba0.00<\/div>\r\n <p>TL<\/p>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <h3>Sigaras\u0131z Ge\u00e7en G\u00fcn<\/h3>\r\n <div class=\"stat-value days-sober\" id=\"daysSober\">0<\/div>\r\n <p>g\u00fcn<\/p>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <h3>7 G\u00fcnl\u00fck Ortalama<\/h3>\r\n <div class=\"stat-value week-avg\" id=\"weekAvg\">0<\/div>\r\n <p>adet\/g\u00fcn<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"controls-container\">\r\n <button class=\"cigarette-button\" id=\"addCigarette\">\r\n <i class=\"fas fa-smoking\"><\/i> Sigara \u0130\u00e7tim\r\n <\/button>\r\n <button class=\"reset-button\" id=\"resetToday\">\r\n <i class=\"fas fa-redo\"><\/i> Bug\u00fcn\u00fc S\u0131f\u0131rla\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"motivation-message\" id=\"motivationMessage\">\r\n Tebrikler! Bug\u00fcn hen\u00fcz sigara i\u00e7mediniz. Bu \u015fekilde devam edin!\r\n <\/div>\r\n\r\n <div class=\"tabs-container\">\r\n <button class=\"tab-button active\" data-tab=\"today-tab\">\r\n <i class=\"fas fa-calendar-day\"><\/i> Bug\u00fcn\r\n <\/button>\r\n <button class=\"tab-button\" data-tab=\"week-tab\">\r\n <i class=\"fas fa-calendar-week\"><\/i> 7 G\u00fcnl\u00fck Ge\u00e7mi\u015f\r\n <\/button>\r\n <button class=\"tab-button\" data-tab=\"goals-tab\">\r\n <i class=\"fas fa-bullseye\"><\/i> Hedefler\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"tab-content active\" id=\"today-tab\">\r\n <div class=\"history-header\">\r\n <h2><i class=\"fas fa-history\"><\/i> Bug\u00fcn\u00fcn Kayd\u0131<\/h2>\r\n <span id=\"currentDate\"><\/span>\r\n <\/div>\r\n <div class=\"progress-container\">\r\n <div class=\"progress-bar\">\r\n <div class=\"progress-fill\" id=\"dailyProgress\"><\/div>\r\n <\/div>\r\n <div class=\"progress-text\">\r\n <span>Bug\u00fcn: <span id=\"todayProgressText\">0\/5<\/span><\/span>\r\n <span id=\"dailyGoalStatus\">G\u00fcnl\u00fck hedef: 5 sigara<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"history-list\" id=\"historyList\">\r\n <div class=\"empty-history\">Hen\u00fcz kay\u0131t bulunmuyor. \u0130lk sigara i\u00e7me kayd\u0131n\u0131z\u0131 eklemek i\u00e7in \"Sigara \u0130\u00e7tim\" butonuna t\u0131klay\u0131n.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tab-content\" id=\"week-tab\">\r\n <div class=\"week-history-header\">\r\n <h2><i class=\"fas fa-chart-line\"><\/i> Son 7 G\u00fcnl\u00fck \u0130statistikler<\/h2>\r\n <\/div>\r\n <div class=\"week-history-list\" id=\"weekHistoryList\">\r\n <div class=\"empty-week-history\">Son 7 g\u00fcnl\u00fck veri y\u00fckleniyor...<\/div>\r\n <\/div>\r\n \r\n <div class=\"week-summary\">\r\n <div class=\"week-summary-item\">\r\n <div class=\"week-summary-value\" id=\"weekTotal\">0<\/div>\r\n <div class=\"week-summary-label\">Toplam Sigara<\/div>\r\n <\/div>\r\n <div class=\"week-summary-item\">\r\n <div class=\"week-summary-value\" id=\"weekAvgDisplay\">0<\/div>\r\n <div class=\"week-summary-label\">G\u00fcnl\u00fck Ortalama<\/div>\r\n <\/div>\r\n <div class=\"week-summary-item\">\r\n <div class=\"week-summary-value\" id=\"weekBestDay\">0<\/div>\r\n <div class=\"week-summary-label\">En \u0130yi G\u00fcn<\/div>\r\n <\/div>\r\n <div class=\"week-summary-item\">\r\n <div class=\"week-summary-value\" id=\"weekMoneySaved\">\u20ba0<\/div>\r\n <div class=\"week-summary-label\">Tasarruf<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tab-content\" id=\"goals-tab\">\r\n <div class=\"goals-header\">\r\n <h2><i class=\"fas fa-bullseye\"><\/i> Hedeflerim<\/h2>\r\n <button class=\"reset-button\" id=\"addGoal\" style=\"padding: 8px 15px;\">\r\n <i class=\"fas fa-plus\"><\/i> Yeni Hedef\r\n <\/button>\r\n <\/div>\r\n <div class=\"goals-list\" id=\"goalsList\">\r\n <div class=\"empty-history\">Hen\u00fcz hedef olu\u015fturmad\u0131n\u0131z. \"Yeni Hedef\" butonuna t\u0131klayarak hedef ekleyebilirsiniz.<\/div>\r\n <\/div>\r\n \r\n <div class=\"progress-container\">\r\n <div class=\"progress-text\">\r\n <span>Hedef Tamamlama Oran\u0131: <span id=\"goalsCompletionRate\">%0<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"settings-container\">\r\n <h2><i class=\"fas fa-cog\"><\/i> Ayarlar<\/h2>\r\n <div class=\"setting-group\">\r\n <label for=\"cigarettePrice\">Bir Paket Sigara Fiyat\u0131 (TL):<\/label>\r\n <input type=\"number\" id=\"cigarettePrice\" min=\"1\" step=\"0.01\" value=\"45\">\r\n <\/div>\r\n <div class=\"setting-group\">\r\n <label for=\"cigarettesPerPack\">Paketteki Sigara Say\u0131s\u0131:<\/label>\r\n <input type=\"number\" id=\"cigarettesPerPack\" min=\"1\" value=\"20\">\r\n <\/div>\r\n <div class=\"setting-group\">\r\n <label for=\"dailyGoal\">G\u00fcnl\u00fck Hedef (Sigara Say\u0131s\u0131):<\/label>\r\n <input type=\"number\" id=\"dailyGoal\" min=\"1\" value=\"5\">\r\n <\/div>\r\n <div class=\"setting-group\">\r\n <label for=\"weeklyGoal\">Haftal\u0131k Hedef (Sigara Say\u0131s\u0131):<\/label>\r\n <input type=\"number\" id=\"weeklyGoal\" min=\"1\" value=\"30\">\r\n <\/div>\r\n <button class=\"save-settings\" id=\"saveSettings\">Ayarlar\u0131 Kaydet<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Uygulama durumunu saklama\r\n let appState = {\r\n todayCount: 0,\r\n totalMoneySaved: 0,\r\n daysSober: 0,\r\n weekHistory: {}, \/\/ Tarih: say\u0131 \u015feklinde kay\u0131tlar\r\n settings: {\r\n cigarettePrice: 45,\r\n cigarettesPerPack: 20,\r\n dailyGoal: 5,\r\n weeklyGoal: 30\r\n },\r\n goals: []\r\n };\r\n\r\n \/\/ DOM elementlerini se\u00e7me\r\n const todayCountEl = document.getElementById('todayCount');\r\n const moneySavedEl = document.getElementById('moneySaved');\r\n const daysSoberEl = document.getElementById('daysSober');\r\n const weekAvgEl = document.getElementById('weekAvg');\r\n const addCigaretteBtn = document.getElementById('addCigarette');\r\n const resetTodayBtn = document.getElementById('resetToday');\r\n const historyListEl = document.getElementById('historyList');\r\n const weekHistoryListEl = document.getElementById('weekHistoryList');\r\n const goalsListEl = document.getElementById('goalsList');\r\n const motivationMessageEl = document.getElementById('motivationMessage');\r\n const currentDateEl = document.getElementById('currentDate');\r\n const dailyProgressEl = document.getElementById('dailyProgress');\r\n const todayProgressTextEl = document.getElementById('todayProgressText');\r\n const dailyGoalStatusEl = document.getElementById('dailyGoalStatus');\r\n const cigarettePriceEl = document.getElementById('cigarettePrice');\r\n const cigarettesPerPackEl = document.getElementById('cigarettesPerPack');\r\n const dailyGoalEl = document.getElementById('dailyGoal');\r\n const weeklyGoalEl = document.getElementById('weeklyGoal');\r\n const saveSettingsBtn = document.getElementById('saveSettings');\r\n const tabButtons = document.querySelectorAll('.tab-button');\r\n const tabContents = document.querySelectorAll('.tab-content');\r\n const weekTotalEl = document.getElementById('weekTotal');\r\n const weekAvgDisplayEl = document.getElementById('weekAvgDisplay');\r\n const weekBestDayEl = document.getElementById('weekBestDay');\r\n const weekMoneySavedEl = document.getElementById('weekMoneySaved');\r\n const addGoalBtn = document.getElementById('addGoal');\r\n const goalsCompletionRateEl = document.getElementById('goalsCompletionRate');\r\n\r\n \/\/ Tarih formatlama\r\n function formatDate(date) {\r\n return date.toLocaleDateString('tr-TR', {\r\n day: '2-digit',\r\n month: '2-digit',\r\n year: 'numeric'\r\n });\r\n }\r\n\r\n function formatDateForKey(date) {\r\n return date.toISOString().split('T')[0]; \/\/ YYYY-MM-DD format\u0131\r\n }\r\n\r\n \/\/ Saat formatlama\r\n function formatTime(date) {\r\n return date.toLocaleTimeString('tr-TR', {\r\n hour: '2-digit',\r\n minute: '2-digit'\r\n });\r\n }\r\n\r\n \/\/ Tab ge\u00e7i\u015f fonksiyonu\r\n function switchTab(tabId) {\r\n \/\/ T\u00fcm tab butonlar\u0131n\u0131 ve i\u00e7eriklerini devre d\u0131\u015f\u0131 b\u0131rak\r\n tabButtons.forEach(button => {\r\n button.classList.remove('active');\r\n });\r\n \r\n tabContents.forEach(content => {\r\n content.classList.remove('active');\r\n });\r\n \r\n \/\/ Se\u00e7ili tab'\u0131 aktif yap\r\n document.querySelector(`[data-tab=\"${tabId}\"]`).classList.add('active');\r\n document.getElementById(tabId).classList.add('active');\r\n \r\n \/\/ E\u011fer haftal\u0131k tab'a ge\u00e7iliyorsa, verileri g\u00fcncelle\r\n if (tabId === 'week-tab') {\r\n updateWeekHistoryDisplay();\r\n }\r\n \r\n \/\/ E\u011fer hedefler tab'\u0131na ge\u00e7iliyorsa, hedefleri g\u00fcncelle\r\n if (tabId === 'goals-tab') {\r\n updateGoalsDisplay();\r\n }\r\n }\r\n\r\n \/\/ Uygulama durumunu y\u00fckleme\r\n function loadAppState() {\r\n const savedState = localStorage.getItem('smokeTrackerState');\r\n if (savedState) {\r\n appState = JSON.parse(savedState);\r\n \r\n \/\/ Bug\u00fcn\u00fcn tarihini kontrol et\r\n const today = formatDateForKey(new Date());\r\n const lastResetDate = appState.lastResetDate;\r\n \r\n \/\/ E\u011fer bug\u00fcn farkl\u0131 bir g\u00fcnse, bug\u00fcnk\u00fc sayac\u0131 s\u0131f\u0131rla\r\n if (lastResetDate !== today) {\r\n \/\/ D\u00fcnk\u00fc veriyi haftal\u0131k ge\u00e7mi\u015fe kaydet\r\n if (appState.yesterdayCount !== undefined) {\r\n const yesterday = new Date();\r\n yesterday.setDate(yesterday.getDate() - 1);\r\n const yesterdayKey = formatDateForKey(yesterday);\r\n \r\n \/\/ D\u00fcnk\u00fc veriyi haftal\u0131k ge\u00e7mi\u015fe ekle\r\n appState.weekHistory[yesterdayKey] = appState.yesterdayCount;\r\n \r\n \/\/ Eski verileri temizle (7 g\u00fcnden eski)\r\n cleanOldWeekHistory();\r\n }\r\n \r\n \/\/ Bug\u00fcnk\u00fc sayac\u0131 s\u0131f\u0131rla\r\n appState.todayCount = 0;\r\n appState.history = [];\r\n appState.lastResetDate = today;\r\n \r\n \/\/ E\u011fer d\u00fcn hi\u00e7 sigara i\u00e7ilmemi\u015fse, sigaras\u0131z g\u00fcn say\u0131s\u0131n\u0131 art\u0131r\r\n if (appState.yesterdayCount === 0) {\r\n appState.daysSober++;\r\n }\r\n \r\n \/\/ D\u00fcnk\u00fc say\u0131y\u0131 kaydet\r\n appState.yesterdayCount = appState.todayCount;\r\n \r\n saveAppState();\r\n }\r\n } else {\r\n \/\/ \u0130lk \u00e7al\u0131\u015ft\u0131rmada varsay\u0131lan de\u011ferler\r\n appState.lastResetDate = formatDateForKey(new Date());\r\n appState.yesterdayCount = 0;\r\n appState.history = [];\r\n appState.weekHistory = {};\r\n appState.goals = [];\r\n saveAppState();\r\n }\r\n \r\n updateDisplay();\r\n }\r\n\r\n \/\/ Eski haftal\u0131k verileri temizle (7 g\u00fcnden eski)\r\n function cleanOldWeekHistory() {\r\n const today = new Date();\r\n const oneWeekAgo = new Date(today);\r\n oneWeekAgo.setDate(oneWeekAgo.getDate() - 7);\r\n \r\n const cleanedHistory = {};\r\n \r\n for (const [dateKey, count] of Object.entries(appState.weekHistory)) {\r\n const recordDate = new Date(dateKey);\r\n if (recordDate >= oneWeekAgo) {\r\n cleanedHistory[dateKey] = count;\r\n }\r\n }\r\n \r\n appState.weekHistory = cleanedHistory;\r\n }\r\n\r\n \/\/ Uygulama durumunu kaydetme\r\n function saveAppState() {\r\n localStorage.setItem('smokeTrackerState', JSON.stringify(appState));\r\n }\r\n\r\n \/\/ Ekran\u0131 g\u00fcncelleme\r\n function updateDisplay() {\r\n \/\/ \u0130statistikleri g\u00fcncelle\r\n todayCountEl.textContent = appState.todayCount;\r\n \r\n \/\/ Tasarruf edilen paray\u0131 hesapla\r\n const pricePerCigarette = appState.settings.cigarettePrice \/ appState.settings.cigarettesPerPack;\r\n const totalMoneySaved = appState.totalMoneySaved + (appState.todayCount * pricePerCigarette);\r\n moneySavedEl.textContent = `\u20ba${totalMoneySaved.toFixed(2)}`;\r\n \r\n daysSoberEl.textContent = appState.daysSober;\r\n \r\n \/\/ 7 g\u00fcnl\u00fck ortalamay\u0131 hesapla\r\n const weekAvg = calculateWeekAverage();\r\n weekAvgEl.textContent = weekAvg.toFixed(1);\r\n \r\n \/\/ Tarihi g\u00f6ster\r\n currentDateEl.textContent = formatDate(new Date());\r\n \r\n \/\/ G\u00fcnl\u00fck ilerleme \u00e7ubu\u011funu g\u00fcncelle\r\n updateDailyProgress();\r\n \r\n \/\/ Motivasyon mesaj\u0131n\u0131 g\u00fcncelle\r\n updateMotivationMessage();\r\n \r\n \/\/ Bug\u00fcnk\u00fc ge\u00e7mi\u015fi g\u00f6ster\r\n displayTodayHistory();\r\n \r\n \/\/ Ayarlar\u0131 g\u00f6ster\r\n cigarettePriceEl.value = appState.settings.cigarettePrice;\r\n cigarettesPerPackEl.value = appState.settings.cigarettesPerPack;\r\n dailyGoalEl.value = appState.settings.dailyGoal;\r\n weeklyGoalEl.value = appState.settings.weeklyGoal;\r\n }\r\n\r\n \/\/ 7 g\u00fcnl\u00fck ortalamay\u0131 hesapla\r\n function calculateWeekAverage() {\r\n if (!appState.weekHistory || Object.keys(appState.weekHistory).length === 0) {\r\n return 0;\r\n }\r\n \r\n let total = 0;\r\n let count = 0;\r\n \r\n for (const dateCount of Object.values(appState.weekHistory)) {\r\n total += dateCount;\r\n count++;\r\n }\r\n \r\n \/\/ Bug\u00fcnk\u00fc say\u0131y\u0131 da ekle\r\n total += appState.todayCount;\r\n count++;\r\n \r\n return count > 0 ? total \/ count : 0;\r\n }\r\n\r\n \/\/ Haftal\u0131k istatistikleri g\u00fcncelle\r\n function updateWeekHistoryDisplay() {\r\n if (!appState.weekHistory || Object.keys(appState.weekHistory).length === 0) {\r\n weekHistoryListEl.innerHTML = '<div class=\"empty-week-history\">Son 7 g\u00fcne ait veri bulunmuyor.<\/div>';\r\n weekTotalEl.textContent = '0';\r\n weekAvgDisplayEl.textContent = '0';\r\n weekBestDayEl.textContent = '0';\r\n weekMoneySavedEl.textContent = '\u20ba0';\r\n return;\r\n }\r\n \r\n \/\/ Haftal\u0131k verileri tarihe g\u00f6re s\u0131rala\r\n const sortedDates = Object.keys(appState.weekHistory).sort((a, b) => new Date(b) - new Date(a));\r\n \r\n let weekHTML = '';\r\n let weekTotal = 0;\r\n let weekBest = Infinity;\r\n const pricePerCigarette = appState.settings.cigarettePrice \/ appState.settings.cigarettesPerPack;\r\n let weekMoney = 0;\r\n \r\n \/\/ Son 7 g\u00fcn\u00fc g\u00f6ster (bug\u00fcn dahil)\r\n const today = new Date();\r\n for (let i = 0; i < 7; i++) {\r\n const date = new Date(today);\r\n date.setDate(date.getDate() - i);\r\n const dateKey = formatDateForKey(date);\r\n const displayDate = formatDate(date);\r\n \r\n let count = 0;\r\n if (i === 0) {\r\n \/\/ Bug\u00fcn\r\n count = appState.todayCount;\r\n } else if (appState.weekHistory[dateKey]) {\r\n \/\/ Ge\u00e7mi\u015f g\u00fcnler\r\n count = appState.weekHistory[dateKey];\r\n }\r\n \r\n weekTotal += count;\r\n weekMoney += count * pricePerCigarette;\r\n \r\n if (count < weekBest) {\r\n weekBest = count;\r\n }\r\n \r\n \/\/ G\u00fcn ad\u0131n\u0131 al\r\n const dayNames = ['Pazar', 'Pazartesi', 'Sal\u0131', '\u00c7ar\u015famba', 'Per\u015fembe', 'Cuma', 'Cumartesi'];\r\n const dayName = dayNames[date.getDay()];\r\n \r\n weekHTML += `\r\n <div class=\"week-history-item\">\r\n <div>\r\n <div class=\"week-date\">${displayDate} (${dayName})<\/div>\r\n <div style=\"color: #aaa; font-size: 0.9rem;\">${count} sigara \u2022 \u20ba${(count * pricePerCigarette).toFixed(2)}<\/div>\r\n <\/div>\r\n <div class=\"week-count\" style=\"color: ${count === 0 ? 'var(--primary-green)' : count <= appState.settings.dailyGoal ? 'var(--primary-orange)' : 'var(--danger-red)'}\">\r\n ${count} adet\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n \r\n weekHistoryListEl.innerHTML = weekHTML;\r\n \r\n \/\/ Haftal\u0131k \u00f6zeti g\u00fcncelle\r\n weekTotalEl.textContent = weekTotal;\r\n weekAvgDisplayEl.textContent = (weekTotal \/ 7).toFixed(1);\r\n weekBestDayEl.textContent = weekBest;\r\n weekMoneySavedEl.textContent = `\u20ba${weekMoney.toFixed(2)}`;\r\n }\r\n\r\n \/\/ G\u00fcnl\u00fck ilerleme \u00e7ubu\u011funu g\u00fcncelle\r\n function updateDailyProgress() {\r\n const dailyGoal = appState.settings.dailyGoal;\r\n const progressPercentage = Math.min((appState.todayCount \/ dailyGoal) * 100, 100);\r\n \r\n dailyProgressEl.style.width = `${progressPercentage}%`;\r\n todayProgressTextEl.textContent = `${appState.todayCount}\/${dailyGoal}`;\r\n dailyGoalStatusEl.textContent = `G\u00fcnl\u00fck hedef: ${dailyGoal} sigara`;\r\n \r\n \/\/ \u0130lerleme \u00e7ubu\u011funun rengini g\u00fcncelle\r\n if (appState.todayCount === 0) {\r\n dailyProgressEl.style.backgroundColor = 'var(--primary-green)';\r\n } else if (appState.todayCount <= dailyGoal \/ 2) {\r\n dailyProgressEl.style.backgroundColor = 'var(--secondary-green)';\r\n } else if (appState.todayCount <= dailyGoal) {\r\n dailyProgressEl.style.backgroundColor = 'var(--primary-orange)';\r\n } else {\r\n dailyProgressEl.style.backgroundColor = 'var(--danger-red)';\r\n }\r\n }\r\n\r\n \/\/ Motivasyon mesaj\u0131n\u0131 g\u00fcncelleme\r\n function updateMotivationMessage() {\r\n const dailyGoal = appState.settings.dailyGoal;\r\n \r\n if (appState.todayCount === 0) {\r\n motivationMessageEl.textContent = \"Tebrikler! Bug\u00fcn hen\u00fcz sigara i\u00e7mediniz. Bu \u015fekilde devam edin!\";\r\n motivationMessageEl.style.backgroundColor = \"rgba(58, 142, 100, 0.2)\";\r\n motivationMessageEl.style.borderLeftColor = \"var(--secondary-green)\";\r\n } else if (appState.todayCount <= dailyGoal \/ 2) {\r\n motivationMessageEl.textContent = \"Harika! G\u00fcnl\u00fck hedefinizin yar\u0131s\u0131ndan az\u0131ndas\u0131n\u0131z. Devam edin!\";\r\n motivationMessageEl.style.backgroundColor = \"rgba(254, 204, 26, 0.15)\";\r\n motivationMessageEl.style.borderLeftColor = \"var(--primary-orange)\";\r\n } else if (appState.todayCount <= dailyGoal) {\r\n motivationMessageEl.textContent = \"Dikkat! G\u00fcnl\u00fck hedefinize yakla\u015f\u0131yorsunuz. Kontrol\u00fc elden b\u0131rakmay\u0131n!\";\r\n motivationMessageEl.style.backgroundColor = \"rgba(255, 176, 41, 0.15)\";\r\n motivationMessageEl.style.borderLeftColor = \"var(--secondary-orange)\";\r\n } else {\r\n motivationMessageEl.textContent = \"G\u00fcnl\u00fck hedefinizi a\u015ft\u0131n\u0131z. Yar\u0131n daha iyisini yapabilirsiniz, pes etmeyin!\";\r\n motivationMessageEl.style.backgroundColor = \"rgba(210, 44, 60, 0.15)\";\r\n motivationMessageEl.style.borderLeftColor = \"var(--danger-red)\";\r\n }\r\n }\r\n\r\n \/\/ Bug\u00fcnk\u00fc ge\u00e7mi\u015fi g\u00f6sterme\r\n function displayTodayHistory() {\r\n if (!appState.history || appState.history.length === 0) {\r\n historyListEl.innerHTML = '<div class=\"empty-history\">Hen\u00fcz kay\u0131t bulunmuyor. \u0130lk sigara i\u00e7me kayd\u0131n\u0131z\u0131 eklemek i\u00e7in \"Sigara \u0130\u00e7tim\" butonuna t\u0131klay\u0131n.<\/div>';\r\n return;\r\n }\r\n \r\n let historyHTML = '';\r\n appState.history.forEach(record => {\r\n historyHTML += `\r\n <div class=\"history-item\">\r\n <span class=\"history-time\">${record.time}<\/span>\r\n <span class=\"history-count\">${record.count}. sigara<\/span>\r\n <\/div>\r\n `;\r\n });\r\n \r\n historyListEl.innerHTML = historyHTML;\r\n }\r\n\r\n \/\/ Hedefleri g\u00f6sterme\r\n function updateGoalsDisplay() {\r\n if (!appState.goals || appState.goals.length === 0) {\r\n goalsListEl.innerHTML = '<div class=\"empty-history\">Hen\u00fcz hedef olu\u015fturmad\u0131n\u0131z. \"Yeni Hedef\" butonuna t\u0131klayarak hedef ekleyebilirsiniz.<\/div>';\r\n goalsCompletionRateEl.textContent = '%0';\r\n return;\r\n }\r\n \r\n let goalsHTML = '';\r\n let completedGoals = 0;\r\n \r\n appState.goals.forEach((goal, index) => {\r\n const isAchieved = goal.achieved;\r\n if (isAchieved) completedGoals++;\r\n \r\n const goalDate = new Date(goal.date);\r\n const formattedDate = formatDate(goalDate);\r\n \r\n goalsHTML += `\r\n <div class=\"goal-item\">\r\n <div class=\"goal-info\">\r\n <div class=\"goal-name\">${goal.name}<\/div>\r\n <div class=\"goal-date\">${formattedDate}<\/div>\r\n <\/div>\r\n <div class=\"goal-status ${isAchieved ? 'goal-achieved-badge' : 'goal-pending-badge'}\">\r\n ${isAchieved ? 'Ba\u015far\u0131ld\u0131' : 'Devam Ediyor'}\r\n <\/div>\r\n <\/div>\r\n `;\r\n });\r\n \r\n goalsListEl.innerHTML = goalsHTML;\r\n \r\n \/\/ Hedef tamamlama oran\u0131n\u0131 hesapla\r\n const completionRate = appState.goals.length > 0 ? \r\n Math.round((completedGoals \/ appState.goals.length) * 100) : 0;\r\n goalsCompletionRateEl.textContent = `%${completionRate}`;\r\n }\r\n\r\n \/\/ Yeni hedef ekleme\r\n function addNewGoal() {\r\n const goalName = prompt(\"Yeni hedef ad\u0131n\u0131 girin (\u00d6rnek: 'G\u00fcnde 3 sigaraya d\u00fc\u015f\u00fcr'):\");\r\n if (!goalName) return;\r\n \r\n const goalDate = prompt(\"Hedef tarihini girin (GG\/AA\/YYYY format\u0131nda) veya bo\u015f b\u0131rak\u0131n (bug\u00fcn):\");\r\n let targetDate;\r\n \r\n if (goalDate) {\r\n const [day, month, year] = goalDate.split('\/');\r\n targetDate = new Date(year, month - 1, day);\r\n } else {\r\n targetDate = new Date();\r\n }\r\n \r\n const newGoal = {\r\n id: Date.now(),\r\n name: goalName,\r\n date: targetDate.toISOString(),\r\n achieved: false\r\n };\r\n \r\n appState.goals.push(newGoal);\r\n saveAppState();\r\n updateGoalsDisplay();\r\n \r\n alert(\"Yeni hedef eklendi!\");\r\n }\r\n\r\n \/\/ Sigara ekleme\r\n function addCigarette() {\r\n appState.todayCount++;\r\n \r\n \/\/ Ge\u00e7mi\u015fe ekle\r\n const now = new Date();\r\n if (!appState.history) appState.history = [];\r\n appState.history.unshift({\r\n time: formatTime(now),\r\n count: appState.todayCount\r\n });\r\n \r\n saveAppState();\r\n updateDisplay();\r\n \r\n \/\/ Butonu ge\u00e7ici olarak devre d\u0131\u015f\u0131 b\u0131rak (3 saniye)\r\n addCigaretteBtn.disabled = true;\r\n addCigaretteBtn.innerHTML = '<i class=\"fas fa-check\"><\/i> Kaydedildi!';\r\n addCigaretteBtn.style.backgroundColor = 'var(--secondary-green)';\r\n \r\n setTimeout(() => {\r\n addCigaretteBtn.disabled = false;\r\n addCigaretteBtn.innerHTML = '<i class=\"fas fa-smoking\"><\/i> Sigara \u0130\u00e7tim';\r\n addCigaretteBtn.style.backgroundColor = 'var(--danger-red)';\r\n }, 3000);\r\n }\r\n\r\n \/\/ Bug\u00fcn\u00fc s\u0131f\u0131rlama\r\n function resetToday() {\r\n if (confirm(\"Bug\u00fcnk\u00fc t\u00fcm kay\u0131tlar\u0131 s\u0131f\u0131rlamak istedi\u011finize emin misiniz?\")) {\r\n appState.todayCount = 0;\r\n appState.history = [];\r\n \r\n \/\/ E\u011fer bug\u00fcn hi\u00e7 sigara i\u00e7ilmemi\u015fse, sigaras\u0131z g\u00fcn say\u0131s\u0131n\u0131 art\u0131r\r\n if (appState.yesterdayCount === 0) {\r\n appState.daysSober++;\r\n }\r\n \r\n \/\/ D\u00fcnk\u00fc say\u0131y\u0131 kaydet\r\n appState.yesterdayCount = appState.todayCount;\r\n \r\n saveAppState();\r\n updateDisplay();\r\n }\r\n }\r\n\r\n \/\/ Ayarlar\u0131 kaydetme\r\n function saveSettings() {\r\n appState.settings.cigarettePrice = parseFloat(cigarettePriceEl.value);\r\n appState.settings.cigarettesPerPack = parseInt(cigarettesPerPackEl.value);\r\n appState.settings.dailyGoal = parseInt(dailyGoalEl.value);\r\n appState.settings.weeklyGoal = parseInt(weeklyGoalEl.value);\r\n \r\n saveAppState();\r\n updateDisplay();\r\n \r\n \/\/ Geri bildirim g\u00f6ster\r\n const originalText = saveSettingsBtn.textContent;\r\n saveSettingsBtn.textContent = 'Ayarlar Kaydedildi!';\r\n saveSettingsBtn.style.backgroundColor = 'var(--primary-green)';\r\n saveSettingsBtn.style.color = '#333';\r\n \r\n setTimeout(() => {\r\n saveSettingsBtn.textContent = originalText;\r\n saveSettingsBtn.style.backgroundColor = 'var(--secondary-green)';\r\n saveSettingsBtn.style.color = 'white';\r\n }, 2000);\r\n }\r\n\r\n \/\/ Olay dinleyicilerini ekleme\r\n addCigaretteBtn.addEventListener('click', addCigarette);\r\n resetTodayBtn.addEventListener('click', resetToday);\r\n saveSettingsBtn.addEventListener('click', saveSettings);\r\n addGoalBtn.addEventListener('click', addNewGoal);\r\n\r\n \/\/ Tab butonlar\u0131na t\u0131klama olay\u0131 ekle\r\n tabButtons.forEach(button => {\r\n button.addEventListener('click', () => {\r\n const tabId = button.getAttribute('data-tab');\r\n switchTab(tabId);\r\n });\r\n });\r\n\r\n \/\/ Sayfa y\u00fcklendi\u011finde uygulama durumunu y\u00fckle\r\n document.addEventListener('DOMContentLoaded', loadAppState);\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4c4df6 elementor-align-center elementor-widget__width-auto elementor-invisible elementor-widget elementor-widget-button\" data-id=\"a4c4df6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/zikirsayacim.online\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ana Sayfa<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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>Sigara \u0130\u00e7me Takip Uygulamas\u0131 Sigara \u0130\u00e7me Takip Uygulamas\u0131 Sigara i\u00e7me al\u0131\u015fkanl\u0131\u011f\u0131n\u0131z\u0131 takip edin, hedefler belirleyin ve motivasyonunuzu art\u0131r\u0131n! Bug\u00fcnk\u00fc Sigara 0 adet Tasarruf Edilen Para \u20ba0.00 TL Sigaras\u0131z Ge\u00e7en G\u00fcn 0 g\u00fcn 7 G\u00fcnl\u00fck Ortalama 0 adet\/g\u00fcn Sigara \u0130\u00e7tim Bug\u00fcn\u00fc S\u0131f\u0131rla Tebrikler! Bug\u00fcn hen\u00fcz sigara i\u00e7mediniz. Bu \u015fekilde devam edin! Bug\u00fcn 7 G\u00fcnl\u00fck Ge\u00e7mi\u015f Hedefler […]<\/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-619","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zikirsayacim.online\/index.php\/wp-json\/wp\/v2\/pages\/619","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=619"}],"version-history":[{"count":7,"href":"https:\/\/zikirsayacim.online\/index.php\/wp-json\/wp\/v2\/pages\/619\/revisions"}],"predecessor-version":[{"id":627,"href":"https:\/\/zikirsayacim.online\/index.php\/wp-json\/wp\/v2\/pages\/619\/revisions\/627"}],"wp:attachment":[{"href":"https:\/\/zikirsayacim.online\/index.php\/wp-json\/wp\/v2\/media?parent=619"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\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 Sigara \u0130\u00e7me Takip Uygulamas\u0131<\/title>\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 --pink: #FF69B4;\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, 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 max-width: 900px;\r\n margin: 0 auto;\r\n }\r\n\r\n .smoke-tracker-app {\r\n border-radius: 12px;\r\n overflow: hidden;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\r\n }\r\n\r\n .app-header {\r\n background-color: var(--card-bg);\r\n padding: 20px;\r\n text-align: center;\r\n border-bottom: 2px solid var(--primary-orange);\r\n }\r\n\r\n .app-header h1 {\r\n color: var(--primary-orange);\r\n font-size: 1.8rem;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .app-header p {\r\n color: #aaa;\r\n font-size: 0.95rem;\r\n }\r\n\r\n .stats-container {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n padding: 20px;\r\n background-color: var(--dark-bg);\r\n }\r\n\r\n .stat-card {\r\n flex: 1;\r\n min-width: 150px;\r\n background-color: var(--card-bg);\r\n border-radius: 10px;\r\n padding: 20px;\r\n text-align: center;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);\r\n }\r\n\r\n .stat-card h3 {\r\n font-size: 0.9rem;\r\n color: #aaa;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .stat-value {\r\n font-size: 2rem;\r\n font-weight: bold;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .today-count {\r\n color: var(--primary-green);\r\n }\r\n\r\n .money-saved {\r\n color: var(--primary-orange);\r\n }\r\n\r\n .days-sober {\r\n color: var(--info-blue);\r\n }\r\n\r\n .cigarettes-avoided {\r\n color: var(--danger-red);\r\n }\r\n\r\n .week-avg {\r\n color: var(--purple);\r\n }\r\n\r\n .controls-container {\r\n background-color: var(--card-bg);\r\n padding: 20px;\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 15px;\r\n justify-content: center;\r\n align-items: center;\r\n border-top: 1px solid #3a3b40;\r\n }\r\n\r\n .cigarette-button {\r\n background-color: var(--danger-red);\r\n color: white;\r\n border: none;\r\n border-radius: 50px;\r\n padding: 15px 30px;\r\n font-size: 1.1rem;\r\n font-weight: bold;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n gap: 10px;\r\n transition: all 0.3s ease;\r\n box-shadow: 0 4px 10px rgba(210, 44, 60, 0.3);\r\n }\r\n\r\n .cigarette-button:hover {\r\n background-color: var(--danger-dark);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .cigarette-button:active {\r\n transform: translateY(1px);\r\n }\r\n\r\n .reset-button {\r\n background-color: #444;\r\n color: white;\r\n border: none;\r\n border-radius: 50px;\r\n padding: 12px 25px;\r\n font-size: 1rem;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n gap: 8px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .reset-button:hover {\r\n background-color: #555;\r\n }\r\n\r\n .tabs-container {\r\n display: flex;\r\n background-color: var(--card-bg);\r\n border-bottom: 1px solid #3a3b40;\r\n }\r\n\r\n .tab-button {\r\n flex: 1;\r\n background: none;\r\n border: none;\r\n color: #aaa;\r\n padding: 15px;\r\n font-size: 1rem;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n border-bottom: 3px solid transparent;\r\n }\r\n\r\n .tab-button:hover {\r\n color: var(--light-text);\r\n background-color: rgba(255, 255, 255, 0.05);\r\n }\r\n\r\n .tab-button.active {\r\n color: var(--primary-orange);\r\n border-bottom: 3px solid var(--primary-orange);\r\n font-weight: bold;\r\n }\r\n\r\n .tab-content {\r\n display: none;\r\n background-color: var(--card-bg);\r\n padding: 20px;\r\n }\r\n\r\n .tab-content.active {\r\n display: block;\r\n }\r\n\r\n .history-header, .week-history-header, .goals-header {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n margin-bottom: 15px;\r\n padding-bottom: 10px;\r\n border-bottom: 1px solid #3a3b40;\r\n }\r\n\r\n .history-header h2, .week-history-header h2, .goals-header h2 {\r\n color: var(--primary-orange);\r\n font-size: 1.4rem;\r\n }\r\n\r\n .history-list, .week-history-list {\r\n max-height: 200px;\r\n overflow-y: auto;\r\n }\r\n\r\n .history-item, .week-history-item {\r\n display: flex;\r\n justify-content: space-between;\r\n padding: 10px 15px;\r\n background-color: rgba(255, 255, 255, 0.05);\r\n border-radius: 6px;\r\n margin-bottom: 8px;\r\n }\r\n\r\n .history-item:last-child, .week-history-item:last-child {\r\n margin-bottom: 0;\r\n }\r\n\r\n .history-time {\r\n color: #aaa;\r\n }\r\n\r\n .history-count {\r\n font-weight: bold;\r\n color: var(--primary-green);\r\n }\r\n\r\n .week-date {\r\n color: #ddd;\r\n font-weight: bold;\r\n }\r\n\r\n .week-count {\r\n font-weight: bold;\r\n }\r\n\r\n .progress-container {\r\n margin-top: 20px;\r\n }\r\n\r\n .progress-bar {\r\n height: 20px;\r\n background-color: #333;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .progress-fill {\r\n height: 100%;\r\n background-color: var(--primary-green);\r\n border-radius: 10px;\r\n width: 0%;\r\n transition: width 0.5s ease;\r\n }\r\n\r\n .progress-text {\r\n display: flex;\r\n justify-content: space-between;\r\n color: #aaa;\r\n font-size: 0.9rem;\r\n }\r\n\r\n .goal-achieved {\r\n color: var(--primary-green);\r\n }\r\n\r\n .goal-not-achieved {\r\n color: var(--danger-red);\r\n }\r\n\r\n .settings-container {\r\n background-color: var(--card-bg);\r\n padding: 20px;\r\n border-radius: 10px;\r\n margin-top: 15px;\r\n }\r\n\r\n .settings-container h2 {\r\n color: var(--primary-orange);\r\n font-size: 1.4rem;\r\n margin-bottom: 15px;\r\n padding-bottom: 10px;\r\n border-bottom: 1px solid #3a3b40;\r\n }\r\n\r\n .setting-group {\r\n margin-bottom: 15px;\r\n }\r\n\r\n .setting-group label {\r\n display: block;\r\n margin-bottom: 5px;\r\n color: #ddd;\r\n }\r\n\r\n .setting-group input, .setting-group select {\r\n width: 100%;\r\n padding: 10px;\r\n border-radius: 6px;\r\n border: 1px solid #444;\r\n background-color: #333;\r\n color: white;\r\n }\r\n\r\n .save-settings {\r\n background-color: var(--secondary-green);\r\n color: white;\r\n border: none;\r\n border-radius: 6px;\r\n padding: 12px 20px;\r\n font-size: 1rem;\r\n cursor: pointer;\r\n width: 100%;\r\n margin-top: 10px;\r\n transition: all 0.3s ease;\r\n }\r\n\r\n .save-settings:hover {\r\n background-color: var(--primary-green);\r\n color: #333;\r\n }\r\n\r\n .motivation-message {\r\n background-color: rgba(58, 142, 100, 0.2);\r\n border-left: 4px solid var(--secondary-green);\r\n padding: 15px;\r\n margin-top: 15px;\r\n border-radius: 6px;\r\n font-style: italic;\r\n text-align: center;\r\n }\r\n\r\n .empty-history, .empty-week-history {\r\n text-align: center;\r\n color: #888;\r\n padding: 20px;\r\n }\r\n\r\n .week-summary {\r\n display: flex;\r\n justify-content: space-around;\r\n margin-top: 20px;\r\n padding-top: 20px;\r\n border-top: 1px solid #3a3b40;\r\n }\r\n\r\n .week-summary-item {\r\n text-align: center;\r\n }\r\n\r\n .week-summary-value {\r\n font-size: 1.5rem;\r\n font-weight: bold;\r\n color: var(--primary-orange);\r\n }\r\n\r\n .week-summary-label {\r\n font-size: 0.8rem;\r\n color: #aaa;\r\n margin-top: 5px;\r\n }\r\n\r\n .goal-item {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n padding: 15px;\r\n background-color: rgba(255, 255, 255, 0.05);\r\n border-radius: 8px;\r\n margin-bottom: 10px;\r\n }\r\n\r\n .goal-info {\r\n flex: 1;\r\n }\r\n\r\n .goal-name {\r\n font-weight: bold;\r\n margin-bottom: 5px;\r\n }\r\n\r\n .goal-date {\r\n font-size: 0.9rem;\r\n color: #aaa;\r\n }\r\n\r\n .goal-status {\r\n padding: 5px 10px;\r\n border-radius: 20px;\r\n font-size: 0.9rem;\r\n font-weight: bold;\r\n }\r\n\r\n .goal-achieved-badge {\r\n background-color: rgba(98, 240, 168, 0.2);\r\n color: var(--primary-green);\r\n }\r\n\r\n .goal-pending-badge {\r\n background-color: rgba(255, 204, 26, 0.2);\r\n color: var(--primary-orange);\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .stat-card {\r\n min-width: calc(50% - 15px);\r\n }\r\n \r\n .controls-container {\r\n flex-direction: column;\r\n }\r\n \r\n .cigarette-button, .reset-button {\r\n width: 100%;\r\n justify-content: center;\r\n }\r\n \r\n .tabs-container {\r\n flex-direction: column;\r\n }\r\n \r\n .week-summary {\r\n flex-direction: column;\r\n gap: 15px;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"smoke-tracker-app\">\r\n <div class=\"app-header\">\r\n <h1><i class=\"fas fa-smoking-ban\"><\/i> Sigara \u0130\u00e7me Takip Uygulamas\u0131<\/h1>\r\n <p>Sigara i\u00e7me al\u0131\u015fkanl\u0131\u011f\u0131n\u0131z\u0131 takip edin, hedefler belirleyin ve motivasyonunuzu art\u0131r\u0131n!<\/p>\r\n <\/div>\r\n\r\n <div class=\"stats-container\">\r\n <div class=\"stat-card\">\r\n <h3>Bug\u00fcnk\u00fc Sigara<\/h3>\r\n <div class=\"stat-value today-count\" id=\"todayCount\">0<\/div>\r\n <p>adet<\/p>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <h3>Tasarruf Edilen Para<\/h3>\r\n <div class=\"stat-value money-saved\" id=\"moneySaved\">\u20ba0.00<\/div>\r\n <p>TL<\/p>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <h3>Sigaras\u0131z Ge\u00e7en G\u00fcn<\/h3>\r\n <div class=\"stat-value days-sober\" id=\"daysSober\">0<\/div>\r\n <p>g\u00fcn<\/p>\r\n <\/div>\r\n <div class=\"stat-card\">\r\n <h3>7 G\u00fcnl\u00fck Ortalama<\/h3>\r\n <div class=\"stat-value week-avg\" id=\"weekAvg\">0<\/div>\r\n <p>adet\/g\u00fcn<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"controls-container\">\r\n <button class=\"cigarette-button\" id=\"addCigarette\">\r\n <i class=\"fas fa-smoking\"><\/i> Sigara \u0130\u00e7tim\r\n <\/button>\r\n <button class=\"reset-button\" id=\"resetToday\">\r\n <i class=\"fas fa-redo\"><\/i> Bug\u00fcn\u00fc S\u0131f\u0131rla\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"motivation-message\" id=\"motivationMessage\">\r\n Tebrikler! Bug\u00fcn hen\u00fcz sigara i\u00e7mediniz. Bu \u015fekilde devam edin!\r\n <\/div>\r\n\r\n <div class=\"tabs-container\">\r\n <button class=\"tab-button active\" data-tab=\"today-tab\">\r\n <i class=\"fas fa-calendar-day\"><\/i> Bug\u00fcn\r\n <\/button>\r\n <button class=\"tab-button\" data-tab=\"week-tab\">\r\n <i class=\"fas fa-calendar-week\"><\/i> 7 G\u00fcnl\u00fck Ge\u00e7mi\u015f\r\n <\/button>\r\n <button class=\"tab-button\" data-tab=\"goals-tab\">\r\n <i class=\"fas fa-bullseye\"><\/i> Hedefler\r\n <\/button>\r\n <\/div>\r\n\r\n <div class=\"tab-content active\" id=\"today-tab\">\r\n <div class=\"history-header\">\r\n <h2><i class=\"fas fa-history\"><\/i> Bug\u00fcn\u00fcn Kayd\u0131<\/h2>\r\n <span id=\"currentDate\"><\/span>\r\n <\/div>\r\n <div class=\"progress-container\">\r\n <div class=\"progress-bar\">\r\n <div class=\"progress-fill\" id=\"dailyProgress\"><\/div>\r\n <\/div>\r\n <div class=\"progress-text\">\r\n <span>Bug\u00fcn: <span id=\"todayProgressText\">0\/5<\/span><\/span>\r\n <span id=\"dailyGoalStatus\">G\u00fcnl\u00fck hedef: 5 sigara<\/span>\r\n <\/div>\r\n <\/div>\r\n <div class=\"history-list\" id=\"historyList\">\r\n <div class=\"empty-history\">Hen\u00fcz kay\u0131t bulunmuyor. \u0130lk sigara i\u00e7me kayd\u0131n\u0131z\u0131 eklemek i\u00e7in \"Sigara \u0130\u00e7tim\" butonuna t\u0131klay\u0131n.<\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tab-content\" id=\"week-tab\">\r\n <div class=\"week-history-header\">\r\n <h2><i class=\"fas fa-chart-line\"><\/i> Son 7 G\u00fcnl\u00fck \u0130statistikler<\/h2>\r\n <\/div>\r\n <div class=\"week-history-list\" id=\"weekHistoryList\">\r\n <div class=\"empty-week-history\">Son 7 g\u00fcnl\u00fck veri y\u00fckleniyor...<\/div>\r\n <\/div>\r\n \r\n <div class=\"week-summary\">\r\n <div class=\"week-summary-item\">\r\n <div class=\"week-summary-value\" id=\"weekTotal\">0<\/div>\r\n <div class=\"week-summary-label\">Toplam Sigara<\/div>\r\n <\/div>\r\n <div class=\"week-summary-item\">\r\n <div class=\"week-summary-value\" id=\"weekAvgDisplay\">0<\/div>\r\n <div class=\"week-summary-label\">G\u00fcnl\u00fck Ortalama<\/div>\r\n <\/div>\r\n <div class=\"week-summary-item\">\r\n <div class=\"week-summary-value\" id=\"weekBestDay\">0<\/div>\r\n <div class=\"week-summary-label\">En \u0130yi G\u00fcn<\/div>\r\n <\/div>\r\n <div class=\"week-summary-item\">\r\n <div class=\"week-summary-value\" id=\"weekMoneySaved\">\u20ba0<\/div>\r\n <div class=\"week-summary-label\">Tasarruf<\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"tab-content\" id=\"goals-tab\">\r\n <div class=\"goals-header\">\r\n <h2><i class=\"fas fa-bullseye\"><\/i> Hedeflerim<\/h2>\r\n <button class=\"reset-button\" id=\"addGoal\" style=\"padding: 8px 15px;\">\r\n <i class=\"fas fa-plus\"><\/i> Yeni Hedef\r\n <\/button>\r\n <\/div>\r\n <div class=\"goals-list\" id=\"goalsList\">\r\n <div class=\"empty-history\">Hen\u00fcz hedef olu\u015fturmad\u0131n\u0131z. \"Yeni Hedef\" butonuna t\u0131klayarak hedef ekleyebilirsiniz.<\/div>\r\n <\/div>\r\n \r\n <div class=\"progress-container\">\r\n <div class=\"progress-text\">\r\n <span>Hedef Tamamlama Oran\u0131: <span id=\"goalsCompletionRate\">%0<\/span><\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"settings-container\">\r\n <h2><i class=\"fas fa-cog\"><\/i> Ayarlar<\/h2>\r\n <div class=\"setting-group\">\r\n <label for=\"cigarettePrice\">Bir Paket Sigara Fiyat\u0131 (TL):<\/label>\r\n <input type=\"number\" id=\"cigarettePrice\" min=\"1\" step=\"0.01\" value=\"45\">\r\n <\/div>\r\n <div class=\"setting-group\">\r\n <label for=\"cigarettesPerPack\">Paketteki Sigara Say\u0131s\u0131:<\/label>\r\n <input type=\"number\" id=\"cigarettesPerPack\" min=\"1\" value=\"20\">\r\n <\/div>\r\n <div class=\"setting-group\">\r\n <label for=\"dailyGoal\">G\u00fcnl\u00fck Hedef (Sigara Say\u0131s\u0131):<\/label>\r\n <input type=\"number\" id=\"dailyGoal\" min=\"1\" value=\"5\">\r\n <\/div>\r\n <div class=\"setting-group\">\r\n <label for=\"weeklyGoal\">Haftal\u0131k Hedef (Sigara Say\u0131s\u0131):<\/label>\r\n <input type=\"number\" id=\"weeklyGoal\" min=\"1\" value=\"30\">\r\n <\/div>\r\n <button class=\"save-settings\" id=\"saveSettings\">Ayarlar\u0131 Kaydet<\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <script>\r\n \/\/ Uygulama durumunu saklama\r\n let appState = {\r\n todayCount: 0,\r\n totalMoneySaved: 0,\r\n daysSober: 0,\r\n weekHistory: {}, \/\/ Tarih: say\u0131 \u015feklinde kay\u0131tlar\r\n settings: {\r\n cigarettePrice: 45,\r\n cigarettesPerPack: 20,\r\n dailyGoal: 5,\r\n weeklyGoal: 30\r\n },\r\n goals: []\r\n };\r\n\r\n \/\/ DOM elementlerini se\u00e7me\r\n const todayCountEl = document.getElementById('todayCount');\r\n const moneySavedEl = document.getElementById('moneySaved');\r\n const daysSoberEl = document.getElementById('daysSober');\r\n const weekAvgEl = document.getElementById('weekAvg');\r\n const addCigaretteBtn = document.getElementById('addCigarette');\r\n const resetTodayBtn = document.getElementById('resetToday');\r\n const historyListEl = document.getElementById('historyList');\r\n const weekHistoryListEl = document.getElementById('weekHistoryList');\r\n const goalsListEl = document.getElementById('goalsList');\r\n const motivationMessageEl = document.getElementById('motivationMessage');\r\n const currentDateEl = document.getElementById('currentDate');\r\n const dailyProgressEl = document.getElementById('dailyProgress');\r\n const todayProgressTextEl = document.getElementById('todayProgressText');\r\n const dailyGoalStatusEl = document.getElementById('dailyGoalStatus');\r\n const cigarettePriceEl = document.getElementById('cigarettePrice');\r\n const cigarettesPerPackEl = document.getElementById('cigarettesPerPack');\r\n const dailyGoalEl = document.getElementById('dailyGoal');\r\n const weeklyGoalEl = document.getElementById('weeklyGoal');\r\n const saveSettingsBtn = document.getElementById('saveSettings');\r\n const tabButtons = document.querySelectorAll('.tab-button');\r\n const tabContents = document.querySelectorAll('.tab-content');\r\n const weekTotalEl = document.getElementById('weekTotal');\r\n const weekAvgDisplayEl = document.getElementById('weekAvgDisplay');\r\n const weekBestDayEl = document.getElementById('weekBestDay');\r\n const weekMoneySavedEl = document.getElementById('weekMoneySaved');\r\n const addGoalBtn = document.getElementById('addGoal');\r\n const goalsCompletionRateEl = document.getElementById('goalsCompletionRate');\r\n\r\n \/\/ Tarih formatlama\r\n function formatDate(date) {\r\n return date.toLocaleDateString('tr-TR', {\r\n day: '2-digit',\r\n month: '2-digit',\r\n year: 'numeric'\r\n });\r\n }\r\n\r\n function formatDateForKey(date) {\r\n return date.toISOString().split('T')[0]; \/\/ YYYY-MM-DD format\u0131\r\n }\r\n\r\n \/\/ Saat formatlama\r\n function formatTime(date) {\r\n return date.toLocaleTimeString('tr-TR', {\r\n hour: '2-digit',\r\n minute: '2-digit'\r\n });\r\n }\r\n\r\n \/\/ Tab ge\u00e7i\u015f fonksiyonu\r\n function switchTab(tabId) {\r\n \/\/ T\u00fcm tab butonlar\u0131n\u0131 ve i\u00e7eriklerini devre d\u0131\u015f\u0131 b\u0131rak\r\n tabButtons.forEach(button => {\r\n button.classList.remove('active');\r\n });\r\n \r\n tabContents.forEach(content => {\r\n content.classList.remove('active');\r\n });\r\n \r\n \/\/ Se\u00e7ili tab'\u0131 aktif yap\r\n document.querySelector(`[data-tab=\"${tabId}\"]`).classList.add('active');\r\n document.getElementById(tabId).classList.add('active');\r\n \r\n \/\/ E\u011fer haftal\u0131k tab'a ge\u00e7iliyorsa, verileri g\u00fcncelle\r\n if (tabId === 'week-tab') {\r\n updateWeekHistoryDisplay();\r\n }\r\n \r\n \/\/ E\u011fer hedefler tab'\u0131na ge\u00e7iliyorsa, hedefleri g\u00fcncelle\r\n if (tabId === 'goals-tab') {\r\n updateGoalsDisplay();\r\n }\r\n }\r\n\r\n \/\/ Uygulama durumunu y\u00fckleme\r\n function loadAppState() {\r\n const savedState = localStorage.getItem('smokeTrackerState');\r\n if (savedState) {\r\n appState = JSON.parse(savedState);\r\n \r\n \/\/ Bug\u00fcn\u00fcn tarihini kontrol et\r\n const today = formatDateForKey(new Date());\r\n const lastResetDate = appState.lastResetDate;\r\n \r\n \/\/ E\u011fer bug\u00fcn farkl\u0131 bir g\u00fcnse, bug\u00fcnk\u00fc sayac\u0131 s\u0131f\u0131rla\r\n if (lastResetDate !== today) {\r\n \/\/ D\u00fcnk\u00fc veriyi haftal\u0131k ge\u00e7mi\u015fe kaydet\r\n if (appState.yesterdayCount !== undefined) {\r\n const yesterday = new Date();\r\n yesterday.setDate(yesterday.getDate() - 1);\r\n const yesterdayKey = formatDateForKey(yesterday);\r\n \r\n \/\/ D\u00fcnk\u00fc veriyi haftal\u0131k ge\u00e7mi\u015fe ekle\r\n appState.weekHistory[yesterdayKey] = appState.yesterdayCount;\r\n \r\n \/\/ Eski verileri temizle (7 g\u00fcnden eski)\r\n cleanOldWeekHistory();\r\n }\r\n \r\n \/\/ Bug\u00fcnk\u00fc sayac\u0131 s\u0131f\u0131rla\r\n appState.todayCount = 0;\r\n appState.history = [];\r\n appState.lastResetDate = today;\r\n \r\n \/\/ E\u011fer d\u00fcn hi\u00e7 sigara i\u00e7ilmemi\u015fse, sigaras\u0131z g\u00fcn say\u0131s\u0131n\u0131 art\u0131r\r\n if (appState.yesterdayCount === 0) {\r\n appState.daysSober++;\r\n }\r\n \r\n \/\/ D\u00fcnk\u00fc say\u0131y\u0131 kaydet\r\n appState.yesterdayCount = appState.todayCount;\r\n \r\n saveAppState();\r\n }\r\n } else {\r\n \/\/ \u0130lk \u00e7al\u0131\u015ft\u0131rmada varsay\u0131lan de\u011ferler\r\n appState.lastResetDate = formatDateForKey(new Date());\r\n appState.yesterdayCount = 0;\r\n appState.history = [];\r\n appState.weekHistory = {};\r\n appState.goals = [];\r\n saveAppState();\r\n }\r\n \r\n updateDisplay();\r\n }\r\n\r\n \/\/ Eski haftal\u0131k verileri temizle (7 g\u00fcnden eski)\r\n function cleanOldWeekHistory() {\r\n const today = new Date();\r\n const oneWeekAgo = new Date(today);\r\n oneWeekAgo.setDate(oneWeekAgo.getDate() - 7);\r\n \r\n const cleanedHistory = {};\r\n \r\n for (const [dateKey, count] of Object.entries(appState.weekHistory)) {\r\n const recordDate = new Date(dateKey);\r\n if (recordDate >= oneWeekAgo) {\r\n cleanedHistory[dateKey] = count;\r\n }\r\n }\r\n \r\n appState.weekHistory = cleanedHistory;\r\n }\r\n\r\n \/\/ Uygulama durumunu kaydetme\r\n function saveAppState() {\r\n localStorage.setItem('smokeTrackerState', JSON.stringify(appState));\r\n }\r\n\r\n \/\/ Ekran\u0131 g\u00fcncelleme\r\n function updateDisplay() {\r\n \/\/ \u0130statistikleri g\u00fcncelle\r\n todayCountEl.textContent = appState.todayCount;\r\n \r\n \/\/ Tasarruf edilen paray\u0131 hesapla\r\n const pricePerCigarette = appState.settings.cigarettePrice \/ appState.settings.cigarettesPerPack;\r\n const totalMoneySaved = appState.totalMoneySaved + (appState.todayCount * pricePerCigarette);\r\n moneySavedEl.textContent = `\u20ba${totalMoneySaved.toFixed(2)}`;\r\n \r\n daysSoberEl.textContent = appState.daysSober;\r\n \r\n \/\/ 7 g\u00fcnl\u00fck ortalamay\u0131 hesapla\r\n const weekAvg = calculateWeekAverage();\r\n weekAvgEl.textContent = weekAvg.toFixed(1);\r\n \r\n \/\/ Tarihi g\u00f6ster\r\n currentDateEl.textContent = formatDate(new Date());\r\n \r\n \/\/ G\u00fcnl\u00fck ilerleme \u00e7ubu\u011funu g\u00fcncelle\r\n updateDailyProgress();\r\n \r\n \/\/ Motivasyon mesaj\u0131n\u0131 g\u00fcncelle\r\n updateMotivationMessage();\r\n \r\n \/\/ Bug\u00fcnk\u00fc ge\u00e7mi\u015fi g\u00f6ster\r\n displayTodayHistory();\r\n \r\n \/\/ Ayarlar\u0131 g\u00f6ster\r\n cigarettePriceEl.value = appState.settings.cigarettePrice;\r\n cigarettesPerPackEl.value = appState.settings.cigarettesPerPack;\r\n dailyGoalEl.value = appState.settings.dailyGoal;\r\n weeklyGoalEl.value = appState.settings.weeklyGoal;\r\n }\r\n\r\n \/\/ 7 g\u00fcnl\u00fck ortalamay\u0131 hesapla\r\n function calculateWeekAverage() {\r\n if (!appState.weekHistory || Object.keys(appState.weekHistory).length === 0) {\r\n return 0;\r\n }\r\n \r\n let total = 0;\r\n let count = 0;\r\n \r\n for (const dateCount of Object.values(appState.weekHistory)) {\r\n total += dateCount;\r\n count++;\r\n }\r\n \r\n \/\/ Bug\u00fcnk\u00fc say\u0131y\u0131 da ekle\r\n total += appState.todayCount;\r\n count++;\r\n \r\n return count > 0 ? total \/ count : 0;\r\n }\r\n\r\n \/\/ Haftal\u0131k istatistikleri g\u00fcncelle\r\n function updateWeekHistoryDisplay() {\r\n if (!appState.weekHistory || Object.keys(appState.weekHistory).length === 0) {\r\n weekHistoryListEl.innerHTML = '<div class=\"empty-week-history\">Son 7 g\u00fcne ait veri bulunmuyor.<\/div>';\r\n weekTotalEl.textContent = '0';\r\n weekAvgDisplayEl.textContent = '0';\r\n weekBestDayEl.textContent = '0';\r\n weekMoneySavedEl.textContent = '\u20ba0';\r\n return;\r\n }\r\n \r\n \/\/ Haftal\u0131k verileri tarihe g\u00f6re s\u0131rala\r\n const sortedDates = Object.keys(appState.weekHistory).sort((a, b) => new Date(b) - new Date(a));\r\n \r\n let weekHTML = '';\r\n let weekTotal = 0;\r\n let weekBest = Infinity;\r\n const pricePerCigarette = appState.settings.cigarettePrice \/ appState.settings.cigarettesPerPack;\r\n let weekMoney = 0;\r\n \r\n \/\/ Son 7 g\u00fcn\u00fc g\u00f6ster (bug\u00fcn dahil)\r\n const today = new Date();\r\n for (let i = 0; i < 7; i++) {\r\n const date = new Date(today);\r\n date.setDate(date.getDate() - i);\r\n const dateKey = formatDateForKey(date);\r\n const displayDate = formatDate(date);\r\n \r\n let count = 0;\r\n if (i === 0) {\r\n \/\/ Bug\u00fcn\r\n count = appState.todayCount;\r\n } else if (appState.weekHistory[dateKey]) {\r\n \/\/ Ge\u00e7mi\u015f g\u00fcnler\r\n count = appState.weekHistory[dateKey];\r\n }\r\n \r\n weekTotal += count;\r\n weekMoney += count * pricePerCigarette;\r\n \r\n if (count < weekBest) {\r\n weekBest = count;\r\n }\r\n \r\n \/\/ G\u00fcn ad\u0131n\u0131 al\r\n const dayNames = ['Pazar', 'Pazartesi', 'Sal\u0131', '\u00c7ar\u015famba', 'Per\u015fembe', 'Cuma', 'Cumartesi'];\r\n const dayName = dayNames[date.getDay()];\r\n \r\n weekHTML += `\r\n <div class=\"week-history-item\">\r\n <div>\r\n <div class=\"week-date\">${displayDate} (${dayName})<\/div>\r\n <div style=\"color: #aaa; font-size: 0.9rem;\">${count} sigara \u2022 \u20ba${(count * pricePerCigarette).toFixed(2)}<\/div>\r\n <\/div>\r\n <div class=\"week-count\" style=\"color: ${count === 0 ? 'var(--primary-green)' : count <= appState.settings.dailyGoal ? 'var(--primary-orange)' : 'var(--danger-red)'}\">\r\n ${count} adet\r\n <\/div>\r\n <\/div>\r\n `;\r\n }\r\n \r\n weekHistoryListEl.innerHTML = weekHTML;\r\n \r\n \/\/ Haftal\u0131k \u00f6zeti g\u00fcncelle\r\n weekTotalEl.textContent = weekTotal;\r\n weekAvgDisplayEl.textContent = (weekTotal \/ 7).toFixed(1);\r\n weekBestDayEl.textContent = weekBest;\r\n weekMoneySavedEl.textContent = `\u20ba${weekMoney.toFixed(2)}`;\r\n }\r\n\r\n \/\/ G\u00fcnl\u00fck ilerleme \u00e7ubu\u011funu g\u00fcncelle\r\n function updateDailyProgress() {\r\n const dailyGoal = appState.settings.dailyGoal;\r\n const progressPercentage = Math.min((appState.todayCount \/ dailyGoal) * 100, 100);\r\n \r\n dailyProgressEl.style.width = `${progressPercentage}%`;\r\n todayProgressTextEl.textContent = `${appState.todayCount}\/${dailyGoal}`;\r\n dailyGoalStatusEl.textContent = `G\u00fcnl\u00fck hedef: ${dailyGoal} sigara`;\r\n \r\n \/\/ \u0130lerleme \u00e7ubu\u011funun rengini g\u00fcncelle\r\n if (appState.todayCount === 0) {\r\n dailyProgressEl.style.backgroundColor = 'var(--primary-green)';\r\n } else if (appState.todayCount <= dailyGoal \/ 2) {\r\n dailyProgressEl.style.backgroundColor = 'var(--secondary-green)';\r\n } else if (appState.todayCount <= dailyGoal) {\r\n dailyProgressEl.style.backgroundColor = 'var(--primary-orange)';\r\n } else {\r\n dailyProgressEl.style.backgroundColor = 'var(--danger-red)';\r\n }\r\n }\r\n\r\n \/\/ Motivasyon mesaj\u0131n\u0131 g\u00fcncelleme\r\n function updateMotivationMessage() {\r\n const dailyGoal = appState.settings.dailyGoal;\r\n \r\n if (appState.todayCount === 0) {\r\n motivationMessageEl.textContent = \"Tebrikler! Bug\u00fcn hen\u00fcz sigara i\u00e7mediniz. Bu \u015fekilde devam edin!\";\r\n motivationMessageEl.style.backgroundColor = \"rgba(58, 142, 100, 0.2)\";\r\n motivationMessageEl.style.borderLeftColor = \"var(--secondary-green)\";\r\n } else if (appState.todayCount <= dailyGoal \/ 2) {\r\n motivationMessageEl.textContent = \"Harika! G\u00fcnl\u00fck hedefinizin yar\u0131s\u0131ndan az\u0131ndas\u0131n\u0131z. Devam edin!\";\r\n motivationMessageEl.style.backgroundColor = \"rgba(254, 204, 26, 0.15)\";\r\n motivationMessageEl.style.borderLeftColor = \"var(--primary-orange)\";\r\n } else if (appState.todayCount <= dailyGoal) {\r\n motivationMessageEl.textContent = \"Dikkat! G\u00fcnl\u00fck hedefinize yakla\u015f\u0131yorsunuz. Kontrol\u00fc elden b\u0131rakmay\u0131n!\";\r\n motivationMessageEl.style.backgroundColor = \"rgba(255, 176, 41, 0.15)\";\r\n motivationMessageEl.style.borderLeftColor = \"var(--secondary-orange)\";\r\n } else {\r\n motivationMessageEl.textContent = \"G\u00fcnl\u00fck hedefinizi a\u015ft\u0131n\u0131z. Yar\u0131n daha iyisini yapabilirsiniz, pes etmeyin!\";\r\n motivationMessageEl.style.backgroundColor = \"rgba(210, 44, 60, 0.15)\";\r\n motivationMessageEl.style.borderLeftColor = \"var(--danger-red)\";\r\n }\r\n }\r\n\r\n \/\/ Bug\u00fcnk\u00fc ge\u00e7mi\u015fi g\u00f6sterme\r\n function displayTodayHistory() {\r\n if (!appState.history || appState.history.length === 0) {\r\n historyListEl.innerHTML = '<div class=\"empty-history\">Hen\u00fcz kay\u0131t bulunmuyor. \u0130lk sigara i\u00e7me kayd\u0131n\u0131z\u0131 eklemek i\u00e7in \"Sigara \u0130\u00e7tim\" butonuna t\u0131klay\u0131n.<\/div>';\r\n return;\r\n }\r\n \r\n let historyHTML = '';\r\n appState.history.forEach(record => {\r\n historyHTML += `\r\n <div class=\"history-item\">\r\n <span class=\"history-time\">${record.time}<\/span>\r\n <span class=\"history-count\">${record.count}. sigara<\/span>\r\n <\/div>\r\n `;\r\n });\r\n \r\n historyListEl.innerHTML = historyHTML;\r\n }\r\n\r\n \/\/ Hedefleri g\u00f6sterme\r\n function updateGoalsDisplay() {\r\n if (!appState.goals || appState.goals.length === 0) {\r\n goalsListEl.innerHTML = '<div class=\"empty-history\">Hen\u00fcz hedef olu\u015fturmad\u0131n\u0131z. \"Yeni Hedef\" butonuna t\u0131klayarak hedef ekleyebilirsiniz.<\/div>';\r\n goalsCompletionRateEl.textContent = '%0';\r\n return;\r\n }\r\n \r\n let goalsHTML = '';\r\n let completedGoals = 0;\r\n \r\n appState.goals.forEach((goal, index) => {\r\n const isAchieved = goal.achieved;\r\n if (isAchieved) completedGoals++;\r\n \r\n const goalDate = new Date(goal.date);\r\n const formattedDate = formatDate(goalDate);\r\n \r\n goalsHTML += `\r\n <div class=\"goal-item\">\r\n <div class=\"goal-info\">\r\n <div class=\"goal-name\">${goal.name}<\/div>\r\n <div class=\"goal-date\">${formattedDate}<\/div>\r\n <\/div>\r\n <div class=\"goal-status ${isAchieved ? 'goal-achieved-badge' : 'goal-pending-badge'}\">\r\n ${isAchieved ? 'Ba\u015far\u0131ld\u0131' : 'Devam Ediyor'}\r\n <\/div>\r\n <\/div>\r\n `;\r\n });\r\n \r\n goalsListEl.innerHTML = goalsHTML;\r\n \r\n \/\/ Hedef tamamlama oran\u0131n\u0131 hesapla\r\n const completionRate = appState.goals.length > 0 ? \r\n Math.round((completedGoals \/ appState.goals.length) * 100) : 0;\r\n goalsCompletionRateEl.textContent = `%${completionRate}`;\r\n }\r\n\r\n \/\/ Yeni hedef ekleme\r\n function addNewGoal() {\r\n const goalName = prompt(\"Yeni hedef ad\u0131n\u0131 girin (\u00d6rnek: 'G\u00fcnde 3 sigaraya d\u00fc\u015f\u00fcr'):\");\r\n if (!goalName) return;\r\n \r\n const goalDate = prompt(\"Hedef tarihini girin (GG\/AA\/YYYY format\u0131nda) veya bo\u015f b\u0131rak\u0131n (bug\u00fcn):\");\r\n let targetDate;\r\n \r\n if (goalDate) {\r\n const [day, month, year] = goalDate.split('\/');\r\n targetDate = new Date(year, month - 1, day);\r\n } else {\r\n targetDate = new Date();\r\n }\r\n \r\n const newGoal = {\r\n id: Date.now(),\r\n name: goalName,\r\n date: targetDate.toISOString(),\r\n achieved: false\r\n };\r\n \r\n appState.goals.push(newGoal);\r\n saveAppState();\r\n updateGoalsDisplay();\r\n \r\n alert(\"Yeni hedef eklendi!\");\r\n }\r\n\r\n \/\/ Sigara ekleme\r\n function addCigarette() {\r\n appState.todayCount++;\r\n \r\n \/\/ Ge\u00e7mi\u015fe ekle\r\n const now = new Date();\r\n if (!appState.history) appState.history = [];\r\n appState.history.unshift({\r\n time: formatTime(now),\r\n count: appState.todayCount\r\n });\r\n \r\n saveAppState();\r\n updateDisplay();\r\n \r\n \/\/ Butonu ge\u00e7ici olarak devre d\u0131\u015f\u0131 b\u0131rak (3 saniye)\r\n addCigaretteBtn.disabled = true;\r\n addCigaretteBtn.innerHTML = '<i class=\"fas fa-check\"><\/i> Kaydedildi!';\r\n addCigaretteBtn.style.backgroundColor = 'var(--secondary-green)';\r\n \r\n setTimeout(() => {\r\n addCigaretteBtn.disabled = false;\r\n addCigaretteBtn.innerHTML = '<i class=\"fas fa-smoking\"><\/i> Sigara \u0130\u00e7tim';\r\n addCigaretteBtn.style.backgroundColor = 'var(--danger-red)';\r\n }, 3000);\r\n }\r\n\r\n \/\/ Bug\u00fcn\u00fc s\u0131f\u0131rlama\r\n function resetToday() {\r\n if (confirm(\"Bug\u00fcnk\u00fc t\u00fcm kay\u0131tlar\u0131 s\u0131f\u0131rlamak istedi\u011finize emin misiniz?\")) {\r\n appState.todayCount = 0;\r\n appState.history = [];\r\n \r\n \/\/ E\u011fer bug\u00fcn hi\u00e7 sigara i\u00e7ilmemi\u015fse, sigaras\u0131z g\u00fcn say\u0131s\u0131n\u0131 art\u0131r\r\n if (appState.yesterdayCount === 0) {\r\n appState.daysSober++;\r\n }\r\n \r\n \/\/ D\u00fcnk\u00fc say\u0131y\u0131 kaydet\r\n appState.yesterdayCount = appState.todayCount;\r\n \r\n saveAppState();\r\n updateDisplay();\r\n }\r\n }\r\n\r\n \/\/ Ayarlar\u0131 kaydetme\r\n function saveSettings() {\r\n appState.settings.cigarettePrice = parseFloat(cigarettePriceEl.value);\r\n appState.settings.cigarettesPerPack = parseInt(cigarettesPerPackEl.value);\r\n appState.settings.dailyGoal = parseInt(dailyGoalEl.value);\r\n appState.settings.weeklyGoal = parseInt(weeklyGoalEl.value);\r\n \r\n saveAppState();\r\n updateDisplay();\r\n \r\n \/\/ Geri bildirim g\u00f6ster\r\n const originalText = saveSettingsBtn.textContent;\r\n saveSettingsBtn.textContent = 'Ayarlar Kaydedildi!';\r\n saveSettingsBtn.style.backgroundColor = 'var(--primary-green)';\r\n saveSettingsBtn.style.color = '#333';\r\n \r\n setTimeout(() => {\r\n saveSettingsBtn.textContent = originalText;\r\n saveSettingsBtn.style.backgroundColor = 'var(--secondary-green)';\r\n saveSettingsBtn.style.color = 'white';\r\n }, 2000);\r\n }\r\n\r\n \/\/ Olay dinleyicilerini ekleme\r\n addCigaretteBtn.addEventListener('click', addCigarette);\r\n resetTodayBtn.addEventListener('click', resetToday);\r\n saveSettingsBtn.addEventListener('click', saveSettings);\r\n addGoalBtn.addEventListener('click', addNewGoal);\r\n\r\n \/\/ Tab butonlar\u0131na t\u0131klama olay\u0131 ekle\r\n tabButtons.forEach(button => {\r\n button.addEventListener('click', () => {\r\n const tabId = button.getAttribute('data-tab');\r\n switchTab(tabId);\r\n });\r\n });\r\n\r\n \/\/ Sayfa y\u00fcklendi\u011finde uygulama durumunu y\u00fckle\r\n document.addEventListener('DOMContentLoaded', loadAppState);\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a4c4df6 elementor-align-center elementor-widget__width-auto elementor-invisible elementor-widget elementor-widget-button\" data-id=\"a4c4df6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_animation":"fadeInUp"}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/zikirsayacim.online\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Ana Sayfa<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\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>Sigara \u0130\u00e7me Takip Uygulamas\u0131 Sigara \u0130\u00e7me Takip Uygulamas\u0131 Sigara i\u00e7me al\u0131\u015fkanl\u0131\u011f\u0131n\u0131z\u0131 takip edin, hedefler belirleyin ve motivasyonunuzu art\u0131r\u0131n! Bug\u00fcnk\u00fc Sigara 0 adet Tasarruf Edilen Para \u20ba0.00 TL Sigaras\u0131z Ge\u00e7en G\u00fcn 0 g\u00fcn 7 G\u00fcnl\u00fck Ortalama 0 adet\/g\u00fcn Sigara \u0130\u00e7tim Bug\u00fcn\u00fc S\u0131f\u0131rla Tebrikler! Bug\u00fcn hen\u00fcz sigara i\u00e7mediniz. Bu \u015fekilde devam edin! Bug\u00fcn 7 G\u00fcnl\u00fck Ge\u00e7mi\u015f Hedefler […]<\/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-619","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zikirsayacim.online\/index.php\/wp-json\/wp\/v2\/pages\/619","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=619"}],"version-history":[{"count":7,"href":"https:\/\/zikirsayacim.online\/index.php\/wp-json\/wp\/v2\/pages\/619\/revisions"}],"predecessor-version":[{"id":627,"href":"https:\/\/zikirsayacim.online\/index.php\/wp-json\/wp\/v2\/pages\/619\/revisions\/627"}],"wp:attachment":[{"href":"https:\/\/zikirsayacim.online\/index.php\/wp-json\/wp\/v2\/media?parent=619"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}