script.js

const buildVersion = 'Version 1.1';

import * as DataManager from 'datamanager';
import { generateRecoveryKey } from 'cryptojs';
import { updateStore } from './modules/idbUpdateStore.js';

let subjects = {
    version: buildVersion,
    semesters: []
}

let settings = {
    lang: undefined,
    examName: 'Schulaufgaben',
    showMultiplier: false,
    darkmode: true,
    activeSemester: undefined,
    seenDownloadMessage: false,
    offline: false,
    seenStoragePolicy: false
}

const supportedLanguages = [
    'de',
    'en'
]

const broadcastID = [];

const iconPaths = {
    "logo": `<path style="fill:#957b9e;fill-opacity:1;stroke-width:4.50001;paint-order:fill markers stroke" d="M 11.958917,0.04026482 A 12,12 0 0 0 0.040782,10.665456 h 2.778642 a 9.25,9.25 0 0 1 9.139493,-7.8749715 9.25,9.25 0 0 1 1.37511,0.1085205 V 0.12243035 a 12,12 0 0 0 -1.37511,-0.08216553 z m 1.37511,10.62519118 v 2.749703 h 7.772136 a 9.25,9.25 0 0 1 -7.772136,7.766451 v 2.778125 A 12,12 0 0 0 23.959218,12.040049 12,12 0 0 0 23.877053,10.665456 H 21.105646 Z M 0.041299,13.415159 A 12,12 0 0 0 10.584324,23.959735 V 13.415159 Z" />`,
    "home-icon": `<path d="M10.5495 2.53189C11.3874 1.82531 12.6126 1.82531 13.4505 2.5319L20.2005 8.224C20.7074 8.65152 21 9.2809 21 9.94406V19.7468C21 20.7133 20.2165 21.4968 19.25 21.4968H15.75C14.7835 21.4968 14 20.7133 14 19.7468V14.2468C14 14.1088 13.8881 13.9968 13.75 13.9968H10.25C10.1119 13.9968 9.99999 14.1088 9.99999 14.2468V19.7468C9.99999 20.7133 9.2165 21.4968 8.25 21.4968H4.75C3.7835 21.4968 3 20.7133 3 19.7468V9.94406C3 9.2809 3.29255 8.65152 3.79952 8.224L10.5495 2.53189ZM12.4835 3.6786C12.2042 3.44307 11.7958 3.44307 11.5165 3.6786L4.76651 9.37071C4.59752 9.51321 4.5 9.72301 4.5 9.94406V19.7468C4.5 19.8849 4.61193 19.9968 4.75 19.9968H8.25C8.38807 19.9968 8.49999 19.8849 8.49999 19.7468V14.2468C8.49999 13.2803 9.2835 12.4968 10.25 12.4968H13.75C14.7165 12.4968 15.5 13.2803 15.5 14.2468V19.7468C15.5 19.8849 15.6119 19.9968 15.75 19.9968H19.25C19.3881 19.9968 19.5 19.8849 19.5 19.7468V9.94406C19.5 9.72301 19.4025 9.51321 19.2335 9.37071L12.4835 3.6786Z" fill="#fff"/>`,
    "plus-icon": "M 22.285715,10.285714 H 13.714286 V 1.7142857 C 13.714286,0.76799995 12.946286,-4.9999999e-8 12,-4.9999999e-8 11.053714,-4.9999999e-8 10.285714,0.76799995 10.285714,1.7142857 V 10.285714 H 1.7142859 C 0.76800025,10.285714 2.5e-7,11.053714 2.5e-7,12 c 0,0.946285 0.768,1.714285 1.71428565,1.714285 h 8.5714281 v 8.571429 C 10.285714,23.232 11.053714,24 12,24 c 0.946286,0 1.714286,-0.768 1.714286,-1.714286 v -8.571429 h 8.571429 C 23.232,13.714285 24,12.946285 24,12 24,11.053714 23.232,10.285714 22.285715,10.285714 Z",
    "tick-icon": "m 24,5.1428548 c 0,0.43864 -0.16741,0.8775 -0.50223,1.21179 L 9.78348,20.068925 c -0.33348,0.33643 -0.7727701,0.5025 -1.2120501,0.5025 -0.43929,0 -0.8775,-0.16741 -1.21179,-0.50223 L 0.50249995,13.212055 C 0.16767996,12.878575 -4.4999999e-8,12.439285 -4.4999999e-8,11.999995 c 0,-0.97928 0.800889994999999,-1.71428 1.714289944999999,-1.71428 0.43864,0 0.8775,0.16741 1.21178,0.50223 l 5.64536,5.64777 L 21.075,3.9321448 c 0.33214,-0.3359 0.77143,-0.50357 1.21072,-0.50357 0.91607,0 1.71428,0.73392 1.71428,1.71428 z",
    "settings-icon": `<path d="m 12.294843,9.0145326 a 3,3 0 1 0 2.690625,2.6906254 3.0060937,3.0060937 0 0 0 -2.690625,-2.6906254 z m 7.223438,2.9854684 a 7.2346875,7.2346875 0 0 1 -0.07172,0.974532 l 2.119219,1.662187 a 0.50671875,0.50671875 0 0 1 0.114844,0.644531 l -2.004844,3.46875 a 0.50671875,0.50671875 0 0 1 -0.615938,0.215156 l -2.104687,-0.8475 a 0.75515625,0.75515625 0 0 0 -0.711094,0.08203 7.71,7.71 0 0 1 -1.009687,0.587812 0.7471875,0.7471875 0 0 0 -0.413438,0.569063 l -0.315469,2.244843 a 0.519375,0.519375 0 0 1 -0.500625,0.429844 H 9.9951566 A 0.52078125,0.52078125 0 0 1 9.4940628,21.61547 l -0.315,-2.241563 A 0.75328125,0.75328125 0 0 0 8.7571878,18.801095 7.2796875,7.2796875 0 0 1 7.7512503,18.211876 0.75,0.75 0 0 0 7.042969,18.13172 L 4.9387503,18.978751 A 0.50671875,0.50671875 0 0 1 4.3228128,18.764064 L 2.317969,15.295314 a 0.50625,0.50625 0 0 1 0.1148438,-0.644532 l 1.7910937,-1.406249 a 0.75234375,0.75234375 0 0 0 0.28125,-0.66 c -0.016875,-0.195469 -0.027188,-0.390469 -0.027188,-0.585938 0,-0.195469 0.00984,-0.387656 0.027188,-0.578906 A 0.75,0.75 0 0 0 4.2206253,10.766251 L 2.430469,9.3600013 A 0.50671875,0.50671875 0 0 1 2.3193753,8.7187513 L 4.324219,5.2500013 A 0.50671875,0.50671875 0 0 1 4.9401565,5.034845 l 2.1046875,0.8475 A 0.75515625,0.75515625 0 0 0 7.7559378,5.8003138 7.71,7.71 0 0 1 8.7656253,5.2125013 0.7471875,0.7471875 0 0 0 9.1790628,4.6434388 L 9.4945315,2.398595 A 0.519375,0.519375 0 0 1 9.9951566,1.9687513 h 4.0096864 a 0.52078125,0.52078125 0 0 1 0.501094,0.4157812 l 0.315,2.2415625 a 0.75328125,0.75328125 0 0 0 0.421875,0.5728126 7.2796875,7.2796875 0 0 1 1.005938,0.5892187 0.75,0.75 0 0 0 0.708281,0.080156 L 19.06125,5.0212511 a 0.50671875,0.50671875 0 0 1 0.615937,0.2146875 l 2.004844,3.46875 A 0.50625,0.50625 0 0 1 21.567187,9.3492198 L 19.776093,10.75547 a 0.75234375,0.75234375 0 0 0 -0.283593,0.66 c 0.01547,0.194063 0.02578,0.389063 0.02578,0.584531 z" style="fill:none;stroke:#fff;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round" id="path4-5" />`,
    "options-icon-custom": "M 12,0 A 12,11.999975 0 0 0 0,11.999975 12,11.999975 0 0 0 12,23.99995 12,11.999975 0 0 0 24,11.999975 12,11.999975 0 0 0 12,0 Z m 0,1.7499964 A 10.25,10.249979 0 0 1 22.25,11.999975 10.25,10.249979 0 0 1 12,22.249954 10.25,10.249979 0 0 1 1.75,11.999975 10.25,10.249979 0 0 1 12,1.7499964 Z M 5.6060547,10.400076 a 1.6000001,1.5999968 0 0 0 -1.6,1.599997 1.6000001,1.5999968 0 0 0 1.6,1.599997 1.6000001,1.5999968 0 0 0 1.5999999,-1.599997 1.6000001,1.5999968 0 0 0 -1.5999999,-1.599997 z m 6.3940433,0 a 1.6000001,1.5999968 0 0 0 -1.600001,1.599997 1.6000001,1.5999968 0 0 0 1.600001,1.599997 1.6000001,1.5999968 0 0 0 1.6,-1.599997 1.6000001,1.5999968 0 0 0 -1.6,-1.599997 z m 6.394141,0 a 1.6000001,1.5999968 0 0 0 -1.600001,1.599997 1.6000001,1.5999968 0 0 0 1.600001,1.599997 1.6000001,1.5999968 0 0 0 1.599998,-1.599997 1.6000001,1.5999968 0 0 0 -1.599998,-1.599997 z",
    "options-icon": "m 20.831566,2.5968607 0.571568,0.571569 c 0.444034,0.4440299 0.444034,1.1620334 0,1.6013395 l -1.3746,1.3793224 -2.177631,-2.1776313 1.374601,-1.3746006 c 0.444028,-0.44403 1.162033,-0.44403 1.601339,0 z M 9.9103459,11.916745 16.249566,5.5727994 18.427197,7.7504307 12.083253,14.089653 c -0.13698,0.13698 -0.307041,0.236184 -0.491267,0.288145 l -2.7633706,0.78886 0.7888598,-2.763372 C 9.6694292,12.219067 9.7686443,12.049009 9.9056226,11.91202 Z M 17.624166,0.99552227 8.3042841,10.310683 c -0.4109625,0.410962 -0.7085577,0.916401 -0.864438,1.469074 l -1.3509808,4.723712 c -0.1133609,0.396791 -0.00472,0.821926 0.2881474,1.114797 0.2928692,0.292869 0.7180034,0.401515 1.1147963,0.288148 l 4.723711,-1.350982 c 0.557397,-0.1606 1.062836,-0.458199 1.469074,-0.86444 l 9.319882,-9.3151615 c 1.327365,-1.3273638 1.327365,-3.4813758 0,-4.8087391 L 22.432913,0.99552227 c -1.327363,-1.3273631 -3.481375,-1.3273631 -4.808747,0 z M 4.1568657,2.83777 C 1.8611421,2.83777 0,4.6989127 0,6.9946367 V 19.843134 C 0,22.138859 1.8611421,24 4.1568657,24 H 17.00536 c 2.295723,0 4.156866,-1.861141 4.156866,-4.156866 v -5.290558 c 0,-0.628253 -0.505437,-1.13369 -1.13369,-1.13369 -0.628254,0 -1.13369,0.505437 -1.13369,1.13369 v 5.290558 c 0,1.04394 -0.845545,1.889485 -1.889484,1.889485 H 4.1568657 c -1.0439399,0 -1.8894844,-0.845543 -1.8894844,-1.889485 V 6.9946367 c 0,-1.0439401 0.8455445,-1.8894848 1.8894844,-1.8894848 h 5.2905564 c 0.6282539,0 1.1336899,-0.5054365 1.1336899,-1.1336901 0,-0.6282537 -0.505436,-1.1336901 -1.1336899,-1.1336901 zM441 58.9L453.1 71c9.4 9.4 9.4 24.6 0 33.9L424 134.1 377.9 88 407 58.9c9.4-9.4 24.6-9.4 33.9 0zM209.8 256.2L344 121.9 390.1 168 255.8 302.2c-2.9 2.9-6.5 5-10.4 6.1l-58.5 16.7 16.7-58.5c1.1-3.9 3.2-7.5 6.1-10.4zM373.1 25L175.8 222.2c-8.7 8.7-15 19.4-18.3 31.1l-28.6 100c-2.4 8.4-.1 17.4 6.1 23.6s15.2 8.5 23.6 6.1l100-28.6c11.8-3.4 22.5-9.7 31.1-18.3L487 138.9c28.1-28.1 28.1-73.7 0-101.8L474.9 25C446.8-3.1 401.2-3.1 373.1 25zM88 64C39.4 64 0 103.4 0 152L0 424c0 48.6 39.4 88 88 88l272 0c48.6 0 88-39.4 88-88l0-112c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 112c0 22.1-17.9 40-40 40L88 464c-22.1 0-40-17.9-40-40l0-272c0-22.1 17.9-40 40-40l112 0c13.3 0 24-10.7 24-24s-10.7-24-24-24L88 64z",
    "edit-icon": `<path clip-rule="evenodd" d="m 23.455093,7.9496114 c 0.725815,-0.716566 0.726646,-1.8796607 0.0019,-2.5972235 L 18.594542,0.53820282 c -0.724061,-0.7168962 -1.898399,-0.717703 -2.623476,-0.0018 L 2.355818,13.979258 C 1.991572,14.338889 1.7352151,14.79138 1.6152429,15.286427 l -1.56238989,6.447504 c -0.3322328,1.371045 0.95675949,2.585537 2.32467569,2.190367 l 6.2414182,-1.803137 c 0.4478769,-0.129415 0.8556918,-0.368123 1.1859686,-0.694245 z m -5.488151,2.8250016 -9.4728875,9.352795 c -0.1100306,0.108739 -0.246,0.188308 -0.395298,0.231416 L 2.9268792,21.853008 C 2.4502856,21.990638 2.002732,21.562146 2.1195657,21.080023 l 1.3002086,-5.365566 c 0.039997,-0.164954 0.1254461,-0.315785 0.2468583,-0.435692 L 13.103068,5.9618307 Z M 19.280388,9.4777834 14.416606,4.6649729 16.632451,2.4771341 c 0.359907,-0.3553014 0.938676,-0.3549045 1.29803,9.086e-4 l 3.550429,3.5151858 c 0.365169,0.361569 0.364707,0.9517656 -9.43e-4,1.3128177 z" fill-rule="evenodd"/>`,
    "delete-icon": "M 9.4921875,2.41875 8.6015625,3.75 H 15.398438 L 14.507813,2.41875 C 14.4375,2.315625 14.320313,2.25 14.19375,2.25 H 9.8015625 C 9.675,2.25 9.5578125,2.3109375 9.4875,2.41875 Z M 16.382813,1.171875 18.103125,3.75 H 18.75 21 21.375 C 21.998438,3.75 22.5,4.2515625 22.5,4.875 22.5,5.4984375 21.998438,6 21.375,6 H 21 V 20.25 C 21,22.321875 19.321875,24 17.25,24 H 6.75 C 4.678125,24 3,22.321875 3,20.25 V 6 H 2.625 C 2.0015625,6 1.5,5.4984375 1.5,4.875 1.5,4.2515625 2.0015625,3.75 2.625,3.75 H 3 5.25 5.896875 L 7.6171875,1.1671875 C 8.1046875,0.440625 8.925,0 9.8015625,0 H 14.19375 c 0.876563,0 1.696875,0.440625 2.184375,1.1671875 z M 5.25,6 v 14.25 c 0,0.829687 0.6703125,1.5 1.5,1.5 h 10.5 c 0.829687,0 1.5,-0.670313 1.5,-1.5 V 6 Z M 9,9 v 9.75 C 9,19.1625 8.6625,19.5 8.25,19.5 7.8375,19.5 7.5,19.1625 7.5,18.75 V 9 C 7.5,8.5875 7.8375,8.25 8.25,8.25 8.6625,8.25 9,8.5875 9,9 Z m 3.75,0 v 9.75 c 0,0.4125 -0.3375,0.75 -0.75,0.75 -0.4125,0 -0.75,-0.3375 -0.75,-0.75 V 9 c 0,-0.4125 0.3375,-0.75 0.75,-0.75 0.4125,0 0.75,0.3375 0.75,0.75 z m 3.75,0 v 9.75 c 0,0.4125 -0.3375,0.75 -0.75,0.75 C 15.3375,19.5 15,19.1625 15,18.75 V 9 c 0,-0.4125 0.3375,-0.75 0.75,-0.75 0.4125,0 0.75,0.3375 0.75,0.75 z",
    "close-icon": `<path d="m 21.4125,5.4125 c 0.78125,-0.78125 0.78125,-2.05 0,-2.83125 C 20.63125,1.8 19.3625,1.8 18.58125,2.58125 L 12,9.16875 5.4125,2.5875 C 4.63125,1.80625 3.3625,1.80625 2.58125,2.5875 1.8,3.36875 1.8,4.6375 2.58125,5.41875 L 9.16875,12 2.5875,18.5875 c -0.78125,0.78125 -0.78125,2.05 0,2.83125 0.78125,0.78125 2.05,0.78125 2.83125,0 L 12,14.83125 18.5875,21.4125 c 0.78125,0.78125 2.05,0.78125 2.83125,0 0.78125,-0.78125 0.78125,-2.05 0,-2.83125 L 14.83125,12 Z" style="stroke-width:0.0625" />`,
    "ios-share-icon": "m 11.55943,0.43947875 c -0.58597,-0.58597 -1.53758,-0.58597 -2.12355,0 L 3.43559,6.4397688 c -0.58597,0.58597 -0.58597,1.53758 0,2.12354 0.58597,0.58597 1.53758,0.58597 2.12354,0 l 3.4408,-3.44079 v 9.8770402 c 0,0.82973 0.67034,1.50008 1.50007,1.50008 0.82973,0 1.50007,-0.67035 1.50007,-1.50008 V 5.1225188 l 3.44079,3.44079 c 0.58597,0.58597 1.53758,0.58597 2.12355,0 0.58596,-0.58596 0.58596,-1.53757 0,-2.12354 L 11.56411,0.43947875 Z M 2.99963,16.499639 c 0,-0.82973 -0.67034,-1.50008 -1.50007,-1.50008 -0.82973,0 -1.50007,0.67035 -1.50007,1.50008 v 3.00014 c 0,2.4845 2.01572,4.50022 4.50022,4.50022 h 12.00058 c 2.4845,0 4.50022,-2.01572 4.50022,-4.50022 v -3.00014 c 0,-0.82973 -0.67034,-1.50008 -1.50007,-1.50008 -0.82973,0 -1.50008,0.67035 -1.50008,1.50008 v 3.00014 c 0,0.82973 -0.67034,1.50008 -1.50007,1.50008 H 4.49971 c -0.82973,0 -1.50008,-0.67035 -1.50008,-1.50008 z",
    "sort-icon": "m 6.3748144,1.4999998 c -0.4218745,0 -0.8202942,0.1781437 -1.1062317,0.4875183 l -4.1249998,4.5 c -0.55781192,0.609375 -0.51562437,1.560901 0.09375,2.118713 0.6093744,0.557812 1.5609013,0.515625 2.1187132,-0.09375 L 4.8748144,6.8578491 V 21 c 0,0.829686 0.6703135,1.5 1.5,1.5 0.8296871,0 1.5,-0.670314 1.5,-1.5 V 6.8578491 l 1.5187683,1.654632 c 0.5578122,0.6140621 1.5046523,0.651562 2.1187133,0.09375 0.614062,-0.557812 0.651562,-1.509338 0.09375,-2.118713 l -4.1249999,-4.5 C 7.1951091,1.6781434 6.7966889,1.4999998 6.3748144,1.4999998 Z m 11.2487186,0 c -0.829687,0 -1.5,0.6703134 -1.5,1.5000001 V 17.142151 l -1.518768,-1.654633 c -0.557812,-0.609375 -1.509339,-0.651562 -2.118714,-0.09375 -0.609374,0.557812 -0.651562,1.509339 -0.09375,2.118713 l 4.125,4.5 C 16.803238,22.321856 17.201658,22.5 17.623533,22.5 c 0.421874,0 0.820295,-0.178144 1.106232,-0.487519 l 4.125,-4.5 c 0.557812,-0.609374 0.520312,-1.560901 -0.09375,-2.118713 -0.614062,-0.557812 -1.560902,-0.520312 -2.118714,0.09375 l -1.518768,1.654633 V 2.9999999 c 0,-0.8296867 -0.670313,-1.5000001 -1.5,-1.5000001 z",
    "alphabet-asc-icon": "m 7.2785827,15.200984 c 0,0.870511 0.703294,1.573805 1.573805,1.573805 h 2.4934993 l -3.6099173,3.609917 c -0.452469,0.452469 -0.585259,1.126255 -0.339352,1.716432 0.245907,0.590177 0.816412,0.973793 1.45577,0.973793 h 6.2952233 c 0.870512,0 1.573806,-0.703295 1.573806,-1.573806 0,-0.870512 -0.703294,-1.573806 -1.573806,-1.573806 h -2.493498 l 3.609917,-3.609917 c 0.452469,-0.452469 0.585259,-1.126255 0.339352,-1.716432 -0.245907,-0.590177 -0.816412,-0.973792 -1.455771,-0.973792 H 8.8523877 c -0.870511,0 -1.573805,0.703294 -1.573805,1.573806 z M 12,0.9250689 c -0.595095,0 -1.141009,0.334434 -1.406589,0.870511 l -3.1476123,6.295223 -0.786902,1.573806 c -0.388533,0.7770671 -0.07377,1.7213501 0.703294,2.1098841 0.777067,0.388533 1.72135,0.07377 2.109883,-0.703295 l 0.354107,-0.703294 h 4.3476383 l 0.354106,0.703294 c 0.388534,0.777067 1.332817,1.091828 2.109884,0.703295 0.777066,-0.388534 1.091827,-1.332817 0.703294,-2.1098841 L 16.5542,8.0908029 13.406589,1.7955799 C 13.141009,1.2595029 12.595095,0.9250689 12,0.9250689 Z M 11.006535,8.0071949 12,6.0202649 l 0.993465,1.98693 z",
    "alphabet-desc-icon": "m 7.278583,2.5575432 c 0,0.870511 0.703294,1.573805 1.573805,1.573805 h 2.493499 L 7.73597,7.7412652 C 7.283501,8.1937342 7.150711,8.8675202 7.396618,9.4576972 7.642525,10.047875 8.21303,10.43149 8.852388,10.43149 h 6.295223 c 0.870512,0 1.573806,-0.7032948 1.573806,-1.5738058 0,-0.870512 -0.703294,-1.573806 -1.573806,-1.573806 h -2.493498 l 3.609917,-3.609917 c 0.452469,-0.452469 0.585259,-1.126255 0.339352,-1.716432 C 16.357475,1.3673522 15.78697,0.98373724 15.147611,0.98373724 H 8.852388 c -0.870511,0 -1.573805,0.70329396 -1.573805,1.57380596 z M 12,12.000378 c -0.595095,0 -1.141009,0.334434 -1.406589,0.870511 l -3.147612,6.295223 -0.786902,1.573806 c -0.388534,0.777067 -0.07377,1.72135 0.703294,2.109884 0.777067,0.388533 1.72135,0.07377 2.109883,-0.703295 l 0.354107,-0.703294 h 4.347638 l 0.354106,0.703294 c 0.388534,0.777067 1.332817,1.091828 2.109884,0.703295 0.777066,-0.388534 1.091827,-1.332817 0.703294,-2.109884 L 16.5542,19.166112 13.406589,12.870889 C 13.141009,12.334812 12.595095,12.000378 12,12.000378 Z M 11.006535,19.082504 12,17.095574 l 0.993465,1.98693 z",
    "grade-asc-icon": "m 12.052165,0.94430121 c -0.185333,-0.00651 -0.373001,0.019805 -0.554429,0.080898 L 9.128058,1.8150917 c -0.824449,0.2764621 -1.273662,1.174966 -0.997201,1.9994154 0.276463,0.8244498 1.17003,1.27376 1.999416,0.9972973 l 0.291292,-0.098737 V 7.260452 H 9.631672 c -0.873817,0 -1.579784,0.7059674 -1.579784,1.5797848 0,0.8738179 0.705967,1.5797852 1.579784,1.5797852 h 2.369678 2.369678 c 0.873817,0 1.579785,-0.7059673 1.579785,-1.5797852 0,-0.8738174 -0.705968,-1.5797848 -1.579785,-1.5797848 H 13.581135 V 2.5210972 c 0,-0.5084929 -0.24688,-0.987366 -0.656636,-1.2835755 l -0.0049,0.00492 C 12.663484,1.0573085 12.361054,0.95514871 12.052165,0.94430121 Z m 0.41452,10.66200679 c -0.507423,-0.02155 -1.016486,0.200559 -1.340465,0.638702 l -2.40921,3.248472 c -0.691156,0.93306 -1.061419,2.05862 -1.061419,3.218774 0,2.399296 1.945113,4.344409 4.34441,4.344409 2.399296,0 4.344408,-1.945113 4.344408,-4.344409 0,-1.934148 -1.262463,-3.572254 -3.008573,-4.135944 l 0.33285,-0.450293 c 0.518367,-0.701029 0.370204,-1.693371 -0.330825,-2.211737 -0.262886,-0.194388 -0.566723,-0.295044 -0.871176,-0.307974 z m -0.533602,5.528284 c 0.615639,-0.02579 1.21594,0.311865 1.496091,0.903864 0.373535,0.78933 0.03646,1.731944 -0.752867,2.10548 -0.789331,0.373535 -1.731945,0.03646 -2.10548,-0.752866 -0.373535,-0.789332 -0.03646,-1.731946 0.752866,-2.105481 0.197333,-0.09338 0.404177,-0.142403 0.60939,-0.150997 z",
    "grade-desc-icon": "M 12.467643,0.92024312 C 11.959178,0.89864846 11.449071,1.1212139 11.124427,1.5602564 L 8.7102694,4.8153963 c -0.692574,0.9349753 -1.063597,2.0628464 -1.063597,3.2253816 0,2.4042211 1.9491064,4.3533271 4.3533276,4.3533271 2.404222,0 4.353328,-1.949106 4.353328,-4.3533271 0,-1.9381182 -1.265054,-3.5795872 -3.014749,-4.1444342 L 13.672112,3.4451266 C 14.191543,2.7426586 14.043076,1.7482792 13.340608,1.2288486 13.077182,1.0340621 12.772721,0.93319988 12.467643,0.92024312 Z M 11.932946,6.4598754 c 0.616903,-0.025838 1.218435,0.3125053 1.499162,0.9057192 0.374301,0.7909509 0.03654,1.7355 -0.754412,2.1098025 -0.790953,0.374302 -1.735501,0.036539 -2.109803,-0.7544119 -0.374301,-0.7909514 -0.03654,-1.7355005 0.754412,-2.1098025 0.197738,-0.093576 0.405006,-0.142695 0.610641,-0.1513073 z m 0.119326,7.1261386 c -0.185714,-0.0065 -0.373766,0.01985 -0.555567,0.08107 l -2.3745426,0.791514 c -0.826142,0.277029 -1.276277,1.177378 -0.999248,2.00352 0.27703,0.826142 1.172431,1.276374 2.0035206,0.999344 l 0.29189,-0.09894 v 2.552614 H 9.6268106 c -0.8756112,0 -1.5830282,0.707416 -1.5830282,1.583028 0,0.875611 0.707417,1.583028 1.5830282,1.583028 h 2.3745424 2.374542 c 0.875612,0 1.583028,-0.707417 1.583028,-1.583028 0,-0.875612 -0.707416,-1.583028 -1.583028,-1.583028 h -0.791514 v -4.749085 c 0,-0.509537 -0.247387,-0.989393 -0.657985,-1.28621 l -0.0049,0.0049 C 12.664843,13.69923 12.361793,13.59686 12.05227,13.585991 Z",
    "gradeCount-asc-icon": "M 7.0211,0 C 5.49008,0 4.22457,1.265515 4.22457,2.796529 V 21.203472 C 4.22457,22.734485 5.49008,24 7.0211,24 h 9.9578 c 1.53101,0 2.79653,-1.265515 2.79653,-2.796528 V 2.796529 C 19.77543,1.265515 18.50991,0 16.9789,0 Z m 0,2.113937 h 9.9578 c 0.39646,0 0.68259,0.286131 0.68259,0.682592 v 18.406943 c 0,0.396459 -0.28613,0.682591 -0.68259,0.682591 H 7.0211 c -0.39646,0 -0.68259,-0.286132 -0.68259,-0.682591 V 2.796529 c 0,-0.396461 0.28613,-0.682592 0.68259,-0.682592 z m 5.02256,0.632324 c -0.15513,-0.0054 -0.31222,0.01658 -0.46408,0.06771 L 9.59612,3.475195 c -0.69007,0.231401 -1.06604,0.98343 -0.83464,1.6735 0.2314,0.690069 0.9793,1.066137 1.6735,0.834737 l 0.24381,-0.08268 V 8.03296 h -0.66112 c -0.73139,0 -1.32225,0.590955 -1.32225,1.322346 0,0.731391 0.59085,1.322243 1.32225,1.322243 h 1.98346 1.98347 c 0.73139,0 1.32224,-0.590852 1.32224,-1.322243 0,-0.731391 -0.59085,-1.322346 -1.32224,-1.322346 H 13.32338 V 4.066128 c 0,-0.425612 -0.20658,-0.826484 -0.54954,-1.074413 l -0.004,0.0041 C 12.55548,2.840859 12.30233,2.755309 12.04379,2.74623 Z m 0.34692,8.924262 c -0.42472,-0.01804 -0.85072,0.167846 -1.12189,0.534574 l -2.0166,2.719011 c -0.57851,0.780977 -0.88842,1.723078 -0.88842,2.694134 0,2.008227 1.6281,3.63622 3.63633,3.63622 2.00822,0 3.63632,-1.627993 3.63632,-3.63622 0,-1.618894 -1.05674,-2.990069 -2.51825,-3.461882 l 0.27859,-0.376854 c 0.43388,-0.586765 0.30993,-1.417367 -0.27683,-1.851243 -0.22004,-0.162704 -0.47442,-0.246917 -0.72925,-0.25774 z m -0.44663,4.627128 c 0.51529,-0.02158 1.01777,0.261093 1.25226,0.7566 0.31265,0.660675 0.0305,1.449616 -0.63016,1.762267 -0.66067,0.312652 -1.44961,0.03052 -1.76226,-0.630155 -0.31265,-0.660675 -0.0305,-1.449617 0.63015,-1.762268 0.16517,-0.07816 0.33824,-0.11925 0.51001,-0.126444 z",
    "gradeCount-desc-icon": "M 7.0211002,4.5e-7 C 5.4900903,4.5e-7 4.2245704,1.2655165 4.2245704,2.7965295 V 21.203472 C 4.2245704,22.734484 5.4900903,24 7.0211002,24 h 9.9578008 c 1.531009,0 2.796529,-1.265516 2.796529,-2.796528 V 2.7965295 C 19.77543,1.2655165 18.509911,4.5e-7 16.978901,4.5e-7 Z m 0,2.11393705 h 9.9578008 c 0.396459,0 0.682589,0.2861319 0.682589,0.6825919 V 21.203472 c 0,0.39646 -0.28613,0.682591 -0.682589,0.682591 H 7.0211002 c -0.39646,0 -0.6825899,-0.286131 -0.6825899,-0.682591 V 2.7965295 c 0,-0.04956 0.00499,-0.0974 0.013099,-0.1431661 0.060201,-0.320364 0.3225705,-0.5394259 0.6694806,-0.5394259 z m 5.3694808,0.5723529 c -0.42472,-0.01804 -0.85072,0.1678459 -1.12189,0.5345739 L 9.2520806,5.9398752 c -0.5789604,0.78063 -0.8884004,1.7230799 -0.8884004,2.6941353 0,2.0082245 1.6280904,3.6362185 3.6363198,3.6362185 2.008221,0 3.63632,-1.627994 3.63632,-3.6362185 0,-1.6188932 -1.05675,-2.9900703 -2.51825,-3.4618833 L 13.396661,4.7952733 C 13.83047,4.2084563 13.706591,3.3779053 13.11983,2.9440304 12.899791,2.7813265 12.64541,2.6971134 12.390581,2.6862904 Z M 11.94395,7.3134183 c 0.51529,-0.021581 1.01777,0.261094 1.25226,0.7566 0.312651,0.6606753 0.0305,1.4496163 -0.630149,1.7622663 -0.66068,0.3126534 -1.449621,0.03051 -1.76227,-0.630154 -0.31265,-0.660674 -0.0305,-1.4496173 0.63015,-1.7622683 0.16517,-0.07816 0.33824,-0.11925 0.510009,-0.126444 z m 0.0997,6.0025297 c -0.0936,0.0055 -0.312221,0.01657 -0.46407,0.06771 l -1.9834804,0.661225 c -0.6900602,0.2314 -1.0660301,0.98343 -0.8346301,1.673498 0.2314,0.690069 0.9793001,1.066138 1.6735005,0.834738 l 0.2438,-0.08269 v 2.132208 h -0.661112 c -0.7313904,0 -1.3222508,0.590956 -1.3222508,1.322346 0,0.731391 0.5908604,1.322243 1.3222508,1.322243 h 1.983459 1.983471 c 0.73139,0 1.32224,-0.590852 1.32224,-1.322243 0,-0.73139 -0.59085,-1.322346 -1.32224,-1.322346 h -0.661221 v -3.966832 c 0,-0.425611 -0.206579,-0.826482 -0.549549,-1.074413 l -0.004,0.0041 c -0.21436,-0.154969 -0.47143,-0.264748 -0.726051,-0.249599 z",

}

let scene;
let activeSemester;
let editing = false;

function replaceIcons() {
    // Select all <i> tags
    const icons = document.querySelectorAll('i');
  
    // Iterate over each <i> tag
    icons.forEach(icon => {
        // Find the matching class in the iconPaths object
        const matchedClass = Object.keys(iconPaths).find(cls => icon.classList.contains(cls));
        
        if (matchedClass) {
            // Get the corresponding SVG path
            const pathData = iconPaths[matchedClass];
            
            // Get the color and size from the <i> tag's styles
            const color = icon.dataset.color || icon.style.color || 'currentColor'; // Default to 'currentColor' if not specified
            const size = icon.dataset.size || window.getComputedStyle(icon).fontSize || '16px'; // Default size if not specified
            
            // Create the SVG element
            const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
            svg.setAttribute("viewBox", "0 0 24 24");
            svg.setAttribute("fill", color);
            svg.setAttribute("width", size);
            svg.setAttribute("height", size);
            svg.setAttribute("aria-hidden", "true");
            
            if(pathData.includes('<')) {
                icon.innerHTML = '';
                icon.appendChild(svg);
                svg.innerHTML = pathData;
                return;
            }

            // Create the path element
            const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
            path.setAttribute("d", pathData);
            
            // Append the path to the SVG
            svg.appendChild(path);
            
            // Replace the <i> tag's content with the SVG
            icon.innerHTML = '';
            icon.appendChild(svg);
        }
    });
} 

function addSubject(name) {
    subjects.semesters.find(element => element.name === activeSemester).grades.push({name, grades: []});
}

function addSemester(name) {
    const cleared = deleteSpaces(name);
    if(!cleared || subjects.semesters.find(element => element.name === cleared)) {
        showMessage(text({de:`Dieser Name ist nicht gültig`, en:`This name isn't valid`}));
        return false;
    }
    subjects.semesters.push({ name: cleared, grades: [] })
    activeSemester = cleared;
    settings.activeSemester = activeSemester;
    DataManager.storage.set('settings', settings);
    document.getElementById('semesterLink').textContent = '< ' + cleared;
    loadsemester();
    return true;
}

function addGrade(subjectName, grade, weight, description) {
    if(activeSemester == undefined) {
        let newsemester = prompt(text({de:`Geben Sie einen Namen für das Schuljahr ein, für das die Note eingetragen werden soll`, en:`Enter a name for the school year this grade belongs to`}));
        addSemester(newsemester);
    }

    let subject = subjects.semesters.find(element => element.name === activeSemester).grades.find(subject => subject.name === subjectName);

    if (subject) {
        if (document.getElementById('schulaufgabe').checked) {
            let location = searchArray(subject.grades);

            if (location == undefined) {
                subject.grades.unshift([ { grade, weight, description }]);
                subject.examWeight = parseFloat(prompt(text({de:`Wie stark werden ${settings.examName} im Gesamtschnitt gewertet? (1/2)`, en:`How heavily are ${settings.examName} rated in the overall grade? (1/2)`})));
                return;
            }
            subject.grades[location].push({ grade, weight, description });
            return;
        }

        subject.grades.push({ grade, weight, description });
    } 
    else {
        addSubject(subjectName);
        addGrade(subjectName, grade, weight, description);
    }
}

function searchArray(array) {
    for(let i = 0; i < array.length; i ++) {
        if(Array.isArray(array[i])) return i;
    }
    return;
}

function sortArray(array, mode, order) {
    if(!Array.isArray(array)) return;
    let orderMultiplier = (order == 'desc') ? -1 : 1;
    switch(mode) {
        case 'alphabet': {
            array.sort((a, b) => {
                const nameA = a.name.toUpperCase();
                const nameB = b.name.toUpperCase();

                if(nameA < nameB) return (-1 * orderMultiplier);
                if(nameA > nameB) return (1 * orderMultiplier);
                return 0; //equal
            });

            sortIcon('alphabet', order);
            break;
        }
        case 'grade': {
            array.sort((a, b) => {
                const avgA = a.avg;
                const avgB = b.avg;

                if(avgA < avgB) return (-1 * orderMultiplier);
                if(avgA > avgB) return (1 * orderMultiplier);
                return 0; //equal
            });

            sortIcon('grade', order);
            break;
        }
        case 'gradeCount': {
            array.sort((a, b) => {
                const countA = a.grades.length;
                const countB = b.grades.length;

                if(countA < countB) return (-1 * orderMultiplier);
                if(countA > countB) return (1 * orderMultiplier);
                return 0; //equal
            });

            sortIcon('gradeCount', order);
            break;
        }
        default: {
            console.log(`Can't sort by ${mode}`);
        }
    }

    return array;
}

function refreshAverages() {
    for (const semester of subjects.semesters) {
        const avgArray = [];
        for (const subject of semester.grades) {
            subject.avg = parseFloat(calculateAvg(subject.grades, subject.examWeight)) || 0;
            avgArray.push(subject.avg);
        }
        semester.avg = calculateAvgFromArray(avgArray);
    }
}

function refreshSort() {
    // Sort all lists individually
    for (const semester of subjects.semesters) {
        if (semester.sorted) {
            semester.grades = sortArray(semester.grades, semester.sorted.mode, semester.sorted.order);
        }
    }

    // Sort the semesters list globally, if a top-level sort is defined
    if (subjects.sorted) {
        subjects.semesters = sortArray(subjects.semesters, subjects.sorted.mode, subjects.sorted.order);
    }

    DataManager.storage.set('subjects', subjects);
}

function sortButton(scope, mode, order) {
    let path;
    switch(scope) {
        case 'semesters':
            path = subjects.semesters;
            sortArray(path, mode, order);

            subjects.sorted = {mode, order};;

            loadsemester();
            break;
        case 'main':
            path = subjects.semesters.find(element => element.name === activeSemester).grades;
            sortArray(path, mode, order);

            subjects.semesters.find(element => element.name === activeSemester).sorted = {mode, order};

            loadSubjects();
            break;
    }
    
    DataManager.storage.set('subjects', subjects);
}

function sortIcon(mode, order) {
    const icon = document.getElementById('sortIcon');

    if(mode && order) {
        icon.className = `${mode}-${order}-icon`;

        replaceIcons();
        return;
    }

    icon.className = 'sort-icon';
}

async function sortMenu() {
    const dialog = document.getElementById('sortDialog');
    const messageSpan = document.getElementById('sortMessage');
    messageSpan.innerHTML = text({de:`Wie soll die Tabelle sortiert werden?`, en:`How should the table be sorted?`});
    
    let sortData = null;

    if (scene === 'semesters') {
        sortData = subjects.sorted;
    } 
    else if (scene === 'main') {
        const semester = subjects.semesters.find(el => el.name === activeSemester);
        if (semester) sortData = semester.sorted;
    }

    if (sortData) {
        document.getElementById('sortMode').value = sortData.mode;
        document.getElementById('sortOrder').value = sortData.order;
    }

    const response = await sortPromise(dialog);
    if(!response) return;
    sortButton(scene, response.sortMode, response.order);
}

function sortPromise(dialog) {
    return new Promise((resolve, reject) => {
        dialog.showModal();
        dialog.onclose = () => {
            if(!(dialog.returnValue === 'true')) resolve(false);
            
            // Get the values from the select elements
            const sortMode = document.getElementById('sortMode').value;
            const order = document.getElementById('sortOrder').value;

            // Resolve with an object containing the return value and the select values
            resolve({
                sortMode: sortMode,
                order: order
            });
        };
    });
}


function loadSubjects() {
    const target = subjects.semesters.find(element => element.name === activeSemester);

    if(!(subjects.semesters.find(element => element.name === activeSemester)?.grades.length > 0)) {
        emptyTable(document.getElementById('table'));
        let newTR = document.createElement('tr');
        newTR.id = 'emptyTable';
        document.getElementById('table').appendChild(newTR);

        let newTH = document.createElement('th');
        newTH.textContent = text({de:`Keine Noten eingetragen`, en:`No grades added`});
        document.getElementById('emptyTable').appendChild(newTH);
        return;
    }

    emptyTable(document.getElementById('table'));

    sortIcon(target.sorted?.mode, target.sorted?.order);

    let avg = [];
    subjects.semesters.find(element => element.name === activeSemester).grades.forEach(subject => {
        let newTR = document.createElement('tr');
        newTR.dataset.semester = activeSemester;
        newTR.dataset.name = subject.name;
        newTR.id = activeSemester + subject.name;
        newTR.className = 'subjTR';
        document.getElementById('table').appendChild(newTR);


        let newSubjDiv = document.createElement('div');

        let toolDiv = document.createElement('div');
        toolDiv.classList = `transparent`;

        let editBtn = document.createElement('i');
        editBtn.classList = `edit-icon editIcon`;
        toolDiv.appendChild(editBtn);

        let removeBtn = document.createElement('i');
        removeBtn.classList = `delete-icon removeIcon`;
        toolDiv.appendChild(removeBtn);

        let newSubj = document.createElement('th');
        newSubj.textContent = subject.name;
        newSubjDiv.appendChild(toolDiv);
        newSubjDiv.appendChild(newSubj);
        document.getElementById(activeSemester + subject.name).appendChild(newSubjDiv);

        let calcAvg = calculateAvg(subject.grades, subject.examWeight);
        if(parseFloat(calcAvg)) {
            let newAvg = document.createElement('td');
            newAvg.textContent = calcAvg;
            avg.push(parseFloat(calcAvg));
            document.getElementById(activeSemester + subject.name).appendChild(newAvg);
        }

        let count = -1;
        subject.grades.forEach(gradesArray => {
            count ++;
            let newTr = document.createElement('tr');
            newTr.dataset.semester = activeSemester;
            newTr.dataset.name = subject.name;
            newTr.dataset.count = count;
            newTr.id = activeSemester + subject.name + count;
            newTr.classList = activeSemester + subject.name + ' hiddenTr';
            document.getElementById('table').appendChild(newTr);

            if (Array.isArray(gradesArray)) {
                let newTd = document.createElement('td');
                newTd.textContent = settings.examName;
                document.getElementById(activeSemester + subject.name + count).appendChild(newTd);

                newTd = document.createElement('td');
                newTd.textContent = calculateAvg(gradesArray, 1);
                document.getElementById(activeSemester + subject.name + count).appendChild(newTd);

                let count2 = -1;
                gradesArray.forEach(element => {
                    count2 ++;
                    let newTr = document.createElement('tr');
                    newTr.dataset.semester = activeSemester;
                    newTr.dataset.name = subject.name;
                    newTr.dataset.count = count;
                    newTr.dataset.innerCount = count2;
                    newTr.id = activeSemester + subject.name + count + count2;
                    newTr.classList = activeSemester + subject.name + ' ' + activeSemester + subject.name + count + ' hiddenTr' + ' inExam';
                    document.getElementById('table').appendChild(newTr);

                    let newGrdDiv = document.createElement('div');

                    let toolDiv = document.createElement('div');
                    toolDiv.classList = `transparent`;

                    let editBtn = document.createElement('i');
                    editBtn.classList = `edit-icon editIcon`;
                    toolDiv.appendChild(editBtn);

                    let removeBtn = document.createElement('i');
                    removeBtn.classList = `delete-icon removeIcon`;
                    toolDiv.appendChild(removeBtn);

                    let newGrd = document.createElement('td');
                    newGrd.textContent = element.description;
                    newGrdDiv.appendChild(toolDiv);
                    newGrdDiv.appendChild(newGrd);
                    document.getElementById(activeSemester + subject.name + count + count2).appendChild(newGrdDiv);

                    let gradeDiv = document.createElement('div');
                    gradeDiv.classList = 'gradeDiv';

                    newGrd = document.createElement('td');
                    newGrd.textContent = element.grade;
                    gradeDiv.appendChild(newGrd);

                    if(settings.showMultiplier) {
                        newGrd = document.createElement('td');
                        newGrd.textContent = element.weight + 'x';
                        gradeDiv.appendChild(newGrd);
                    }

                    document.getElementById(activeSemester + subject.name + count + count2).appendChild(gradeDiv);
                });
            }
            else {
                let newGrdDiv = document.createElement('div');

                let toolDiv = document.createElement('div');
                toolDiv.classList = `transparent`;

                let editBtn = document.createElement('i');
                editBtn.classList = `edit-icon editIcon`;
                toolDiv.appendChild(editBtn);

                let removeBtn = document.createElement('i');
                removeBtn.classList = `delete-icon removeIcon`;
                toolDiv.appendChild(removeBtn);

                let newGrd = document.createElement('td');
                newGrd.textContent = gradesArray.description;
                newGrdDiv.appendChild(toolDiv);
                newGrdDiv.appendChild(newGrd);
                document.getElementById(activeSemester + subject.name + count).appendChild(newGrdDiv);

                let gradeDiv = document.createElement('div');
                gradeDiv.classList = 'gradeDiv';

                newGrd = document.createElement('td');
                newGrd.textContent = gradesArray.grade;
                gradeDiv.appendChild(newGrd);

                if(settings.showMultiplier) {
                    newGrd = document.createElement('td');
                    newGrd.textContent = gradesArray.weight + 'x';
                    gradeDiv.appendChild(newGrd);
                }

                document.getElementById(activeSemester + subject.name + count).appendChild(gradeDiv);
            }
        });
    });

    let newTR = document.createElement('tr');
    newTR.id = 'total';
    newTR.className = 'subjTR';
    document.getElementById('table').appendChild(newTR);

    let newSubj = document.createElement('th');
    newSubj.textContent = text({de:`Gesamt`, en:`Total`});
    document.getElementById('total').appendChild(newSubj);

    let calcAvg = calculateAvgFromArray(avg);
    if(parseFloat(calcAvg)) {
        let newAvg = document.createElement('td');
        let calcAvg = calculateAvgFromArray(avg);
        newAvg.textContent = calcAvg;
        document.getElementById('total').appendChild(newAvg);
    }

    replaceIcons();
}

/*function loadSubjects() {
    emptyTable(document.getElementById('table'));
        subjects.forEach(subject => {
            console.log(activeSemester + subject.name);
            
            let newTR = document.createElement('tr');
            newTR.id = activeSemester + subject.name;
            document.getElementById('table').appendChild(newTR);

            let newSubj = document.createElement('th');
            newSubj.textContent = activeSemester + subject.name;
            document.getElementById(activeSemester + subject.name).appendChild(newSubj);

            subject.grades.forEach(gradesArray => {
                console.log(gradesArray.grade);

                let newGrd = document.createElement('td');
                newGrd.textContent = gradesArray.grade;
                document.getElementById(activeSemester + subject.name).appendChild(newGrd);
            });
            console.log(calculateAvg(subject.grades));

            let newAvg = document.createElement('td');
            newAvg.textContent = calculateAvg(subject.grades);
            document.getElementById(activeSemester + subject.name).appendChild(newAvg);
        });
}*/

function emptyTable(el) {
    el.innerHTML = "";
}

function toggleAll(elements) {
    if (getComputedStyle(elements[0]).display === 'none') {
        for (let i = 0; i < elements.length; i++) {
            elements[i].style.display = 'flex';
        }
    }
    else {
        for (let i = 0; i < elements.length; i++) {
            elements[i].style.display = 'none';
        }
    }
}

function calculateAvg(array, examWeight) {
    let counter = 0;
    let sum = 0;
    let avg = 0;
    let smallAvg;
    let smallAvgCounter = 1;

    array.forEach(gradeObj => {
        if(Array.isArray(gradeObj) && gradeObj.length > 0) {
            avg = calculateAvg(gradeObj);
        }
        else {
            sum = sum + gradeObj.grade * gradeObj.weight;
            counter = counter + gradeObj.weight;
        }
    })

    if(counter == 0) {
        smallAvg = 0;
        smallAvgCounter = 0;
    }
    else smallAvg = sum/counter;

    if(avg == 0) return (smallAvg.toFixed(3)).slice(0,4); //return correctly formatted grade
    return ((smallAvg + examWeight * avg)/(smallAvgCounter + examWeight)).toFixed(3).slice(0,4); //return correctly formatted grade with exams
}

function calculateAvgFromArray(array) {
    let counter = 0;
    let sum = 0;
    array.forEach(element => {
        sum = sum + element;
        counter = counter + 1;
    })
    return ((sum/counter).toFixed(3)).slice(0,4);
}

function save() {
    if(!(document.getElementById('settings').style.display == 'none')) { //only save settings and don't reload whole UI
        saveSettings();
        return;
    }
    let addVar;
    if(document.getElementById('addVar').textContent) addVar = JSON.parse(document.getElementById('addVar').textContent);
    let name;
    let dir;
    if(!(scene == 'editsemester') && !(scene == 'addSemester') || scene == 'semesters') dir = subjects.semesters.find(semester => semester.name === activeSemester).grades;
    switch (scene) {
        case 'addGrade':
            if (document.getElementById('focusedSubj').value == '' || document.getElementById('grade').value == '' || document.getElementById('weight').value == '') {
                showMessage(text({de:`Die Felder müssen ausgefüllt sein`, en:`You need to fill in the inputs`}));
                return;
            }
            /*if (/\d/.test(document.getElementById('focusedSubj').value)) {
                showMessage(text({de:`Die Fächer-Bezeichnung darf keine Zahl enthalten`, en:`The subject name must not contain  any number`}));
                return;
            }
            if(document.getElementById('focusedSubj').value.includes(activeSemester)) {
                showMessage(text({de:`Die Fächer-Bezeichnung kann nicht das Schuljahr enthalten`, en:`The subject can't contain the name of the year`}));
                return;
            }*/
            addGrade(deleteSpaces(document.getElementById('focusedSubj').value),parseFloat(document.getElementById('grade').value),parseFloat(document.getElementById('weight').value), deleteSpaces(document.getElementById('description').value));
            break;
        case 'addSubject':
            addSubject(document.getElementById('focusedSubj').value);
            break;
        case 'addSemester':
            let newSessName = document.getElementById('addSess').value;
            if(addSemester(newSessName)) {
                activeSemester = deleteSpaces(newSessName);
                settings.activeSemester = activeSemester;
                DataManager.storage.set('settings', settings);
            }
            break;
        case 'editGrade':
            if (document.getElementById('grade').value == '' || document.getElementById('weight').value == '') {
                showMessage(text({de:`Die Felder müssen ausgefüllt sein`, en:`You need to fill in the inputs`}));
                return;
            }
            let newGrade = {
                grade: 1,
                weight: 1,
                description: ''
            };
            newGrade.grade = parseFloat(document.getElementById('grade').value);
            newGrade.weight = parseFloat(document.getElementById('weight').value);
            newGrade.description = document.getElementById('description').value;

            if(addVar[2] || addVar[2] === 0) { //2 indices means Schulaufgabe
                subjects.semesters.find(element => element.name === activeSemester).grades.find(element => element.name === addVar[0]).grades[addVar[1]][addVar[2]] = newGrade;
            }
            else {
                subjects.semesters.find(element => element.name === activeSemester).grades.find(element => element.name === addVar[0]).grades[addVar[1]] = newGrade;
            }
            toggleEditing();
            break;
        case 'editsemester':
            name = document.getElementById('addSess').value;
            const cleaned = deleteSpaces(name);

            if(!cleaned) {
                showMessage(text({de:`Ungültiger Name`, en:`Invalid name`}));
                return;
            }
            for (const semester of subjects.semesters) {
                if(semester.name == cleaned) {
                    showMessage(text({de:`Ein Schuljahr mit diesem Namen ist bereits vorhanden`, en:`A school year with this name can't exist twice`}));
                    return;
                }
            }

            subjects.semesters[addVar].name = name;
            toggleEditing();
            break;
        case 'editSubject':
            if (document.getElementById('focusedSubj').value == '') {
                showMessage(text({de:`Die Felder müssen ausgefüllt sein`, en:`You need to fill in the inputs`}));
                return;
            }
            name = document.getElementById('focusedSubj').value;

            if(dir.find(element => element.name === name) && !(dir.indexOf(dir.find(element => element.name === name)) == addVar)) {
                showMessage(text({de:`Ein Fach mit diesem Namen kann nicht doppelt existieren`, en:`A subject with that name can't exist twice`}));
                return;
            }
            /*if (/\d/.test(document.getElementById('focusedSubj').value)) {
                showMessage(text({de:`Die Fächer-Bezeichnung darf keine Zahl enthalten`, en:`The subject name must not contain  any number`}));
                return;
            }
            if(document.getElementById('focusedSubj').value.includes(activeSemester)) {
                showMessage(text({de:`Die Fächer-Bezeichnung kann nicht das Schuljahr enthalten`, en:`The subject can't contain the name of the year`}));
                return;
            }*/
            subjects.semesters.find(semester => semester.name == activeSemester).grades[addVar].name = name;
            toggleEditing();
            break;
        default:
            break;
    }
    
    onDataChanged();

    switchScene('main');
    clearInputs();
}

function onDataChanged() {
    refreshAverages();
    refreshSort();

    DataManager.storage.set('subjects', subjects);
}

function clearInputs() {
    document.getElementById('focusedSubj').value = '';
    document.getElementById('grade').value = '';
    document.getElementById('weight').value = '';
    document.getElementById('description').value = '';
    document.getElementById('schulaufgabe').checked = false;

    document.getElementById('addSess').value = '';
}

function deleteSpaces(str) {
    // Use a regular expression to match spaces preceded by either nothing, another space, or followed by a space at the end
    return str.replace(/(^ || (?= )| $)/g, '').replace(/ $/, '').replace(/^ /, ''); // This additional replace handles the case where the first character is a space
}

async function deleteData() {
    const message = {de:`Welche Daten sollen gelöscht werden?`, en:`What data should be deleted?`};
    const options = [ 
        {value: 'settings', content: text({de:'Einstellungen', en:'Settings'})},
        {value: 'subjects', content: text({de:'Noten', en:'Grades'})},
        {value: 'all', content: text({de:'Alle', en:'All'})},
    ];

    let key = await selectDialog(message, options);
    if(!key) return;
    if(!(await getConfirm(text({de:`Alle ${key === 'settings' ? 'Einstellungen' : key === 'subjects' ? 'Noten' : 'gespeicherten Daten'} löschen?`, en:`Delete all ${key === 'settings' ? 'settings' : key === 'subjects' ? 'grades' : 'saved data'}?`})))) return;
    DataManager.storage.remove(key === 'all' ? 'subjects' : key);

    if(key === 'subjects' || key === 'all') {
        subjects = {
            version: buildVersion,
            semesters: []
        }

        activeSemester = undefined;
        settings.activeSemester = undefined;
    }

    if(key === 'settings' || key === 'all') {
        settings = {
            lang: languageList(window.navigator.languages) || singleLanguage(window.navigator.language) || 'en',
            examName: 'Schulaufgaben',
            showMultiplier: false,
            darkmode: true,
            activeSemester: undefined,
            seenDownloadMessage: false,
            offline: false,
            seenStoragePolicy: false
        }
    }

    changeLang(settings.lang);
    changeMode(settings.darkmode);

    DataManager.storage.set('subjects', subjects);
    DataManager.storage.set('settings', settings);
    switchScene(key === 'settings' ? 'settings' : 'main');
}

async function selectDialog(message, options) {
    const select = document.getElementById('dialogSelect');
    select.innerHTML = '';
    options.forEach(option => {
        const obj = document.createElement('option');
        obj.value = option.value;
        obj.textContent = option.content;
        select.appendChild(obj);
    });
    const dialog = document.getElementById('selectDialog');
    const messageSpan = document.getElementById('selectMessage');
    messageSpan.innerHTML = text(message);

    const response = await selectPromise(dialog);
    return response;
}

function selectPromise(dialog) {
    return new Promise((resolve, reject) => {
        dialog.showModal();
        dialog.onclose = () => {
            if(!(dialog.returnValue === 'true')) resolve(false);
            
            // Get the values from the select elements
            const value = document.getElementById('dialogSelect').value;

            // Resolve with an object containing the return value and the select values
            resolve(value);
        };
    });
}

async function fileAccessDialog(message) {
    document.getElementById('fileAccessKey').value = '';

    const dialog = document.getElementById('fileAccessDialog');
    const messageSpan = document.getElementById('fileAccessMessage');
    messageSpan.innerHTML = text(message);

    const response = await fileAccessPromise(dialog);
    return response;
}

function fileAccessPromise(dialog) {
    return new Promise((resolve, reject) => {
        dialog.showModal();
        dialog.onclose = () => {
            resolve(dialog.returnValue === 'true');
        };
    });
}

function toggleEditing() {
    if(editing) {
        editing = false;
        document.documentElement.style.setProperty('--editing', 'none');
        return;
    }
    editing = true;
    document.documentElement.style.setProperty('--editing', 'block');
}

function loadsemester() {
    if(!subjects.semesters.length > 0) {
        emptyTable(document.getElementById('table'));
        let newTR = document.createElement('tr');
        newTR.id = 'emptyTable';
        document.getElementById('table').appendChild(newTR);

        let newTH = document.createElement('th');
        newTH.textContent = text({de:`Kein Schuljahr hinzugefügt`, en:`No school year added`});
        document.getElementById('emptyTable').appendChild(newTH);
        return;
    }

    emptyTable(document.getElementById('table'));

    sortIcon(subjects.sorted?.mode, subjects.sorted?.order);

    let avg = [];
    subjects.semesters.forEach(semester => {
        let newTR = document.createElement('tr');
        newTR.id = semester.name;
        newTR.className = 'semesterTR';
        document.getElementById('table').appendChild(newTR);

        let newGrdDiv = document.createElement('div');

        let toolDiv = document.createElement('div');
        toolDiv.classList = `transparent`;

        let editBtn = document.createElement('i');
        editBtn.classList = `edit-icon editIcon`;
        toolDiv.appendChild(editBtn);

        let removeBtn = document.createElement('i');
        removeBtn.classList = `delete-icon removeIcon`;
        toolDiv.appendChild(removeBtn);

        let newSess = document.createElement('th');
        newSess.textContent = semester.name;
        newGrdDiv.appendChild(toolDiv);
        newGrdDiv.appendChild(newSess);
        document.getElementById(semester.name).appendChild(newGrdDiv);

        let innerAvg = getAvgArray(semester.grades);
        let calcAvg = calculateAvgFromArray(innerAvg);
        if(parseFloat(calcAvg)) {
            let newAvg = document.createElement('td');
            newAvg.textContent = calcAvg;
            avg.push(parseFloat(calcAvg));
            document.getElementById(semester.name).appendChild(newAvg);
        }
    });

    let newTR = document.createElement('tr');
    newTR.id = 'total';
    newTR.className = 'semesterTR';
    document.getElementById('table').appendChild(newTR);

    let newSubj = document.createElement('th');
    newSubj.textContent = text({de:`Gesamt`, en:`Total`});
    document.getElementById('total').appendChild(newSubj);

    let calcAvg = calculateAvgFromArray(avg);
    if(parseFloat(calcAvg)) {
        let newAvg = document.createElement('td');
        newAvg.textContent = calcAvg;
        document.getElementById('total').appendChild(newAvg);
    }

    replaceIcons();
}

function getAvgArray(array) {
    let avgArray = [];
    array.forEach(subject => {
        let avg = parseFloat(calculateAvg(subject.grades, subject.examWeight));
        if(avg) avgArray.push(avg);
    });
    return avgArray;
}

function switchScene(target) {
    switch (target) {
        case 'add':
            if (scene == 'addGrade' || scene == 'addSemester' || scene == 'editGrade' || scene == 'editsemester' || scene == 'editSubject') save();
            else if (scene == 'semesters' || !activeSemester) switchScene('addSemester');
            else {
                scene = 'addGrade';
                document.getElementById('add').style.display = 'flex';
                document.getElementById('centerbuttonicon').className = 'tick-icon';
                document.getElementById('settings').style.display = 'none';
                setChildren(document.getElementById('add'), 'display', 'block');
                document.getElementById('subjects').style.display = 'none';
                document.getElementById('addSess').style.display = 'none';
                document.getElementById('schulaufgabebox').style.display = 'flex';
                setSubjectList();
            }
            break;
        case 'addSemester':
            scene = 'addSemester';
            document.getElementById('add').style.display = 'flex';
            document.getElementById('centerbuttonicon').className = 'tick-icon';
            document.getElementById('settings').style.display = 'none';
            setChildren(document.getElementById('add'), 'display', 'none');
            document.getElementById('addSess').style.display = 'block';
            break;
        case 'main':
            document.getElementById('add').style.display = 'none';
            document.getElementById('centerbuttonicon').className = 'plus-icon';
            document.getElementById('semesterLink').style.display = 'block';
            document.getElementById('settings').style.display = 'none';
            if(!activeSemester) {
                switchScene('semesters');
                break;
            }
            scene = 'main';
            loadSubjects();
            break;
        case 'settings':
            document.getElementById('settings').style.display = 'flex';
            document.getElementById('add').style.display = 'none';
            document.getElementById('centerbuttonicon').className = 'plus-icon';
            scene = 'settings';
            document.getElementById('lang').value = settings.lang;
            document.getElementById('examName').value = settings.examName;
            document.getElementById('showMultipliers').checked = settings.showMultiplier;
            document.getElementById('darkmode').checked = settings.darkmode;
            document.getElementById('offline').checked = settings.offline;
            break;
        case 'semesters':
            loadsemester();
            document.getElementById('semesterLink').style.display = 'none';
            scene = 'semesters';
            activeSemester = undefined;
            settings.activeSemester = undefined;
            DataManager.storage.set('settings', settings);
            break;
        case 'editGrade':
            scene = 'editGrade';
            document.getElementById('add').style.display = 'flex';
            document.getElementById('centerbuttonicon').className = 'tick-icon';
            document.getElementById('settings').style.display = 'none';
            setChildren(document.getElementById('add'), 'display', 'block');
            document.getElementById('subjects').style.display = 'none';
            document.getElementById('addSess').style.display = 'none';
            document.getElementById('focusedSubj').style.display = 'none';
            document.getElementById('schulaufgabebox').style.display = 'none';
            break;
        case 'editsemester':
            scene = 'editsemester';
            document.getElementById('add').style.display = 'flex';
            document.getElementById('centerbuttonicon').className = 'tick-icon';
            document.getElementById('settings').style.display = 'none';
            setChildren(document.getElementById('add'), 'display', 'none');
            document.getElementById('addSess').style.display = 'block';
            break;
        case 'editSubject':
            scene = 'editSubject';
            document.getElementById('add').style.display = 'flex';
            document.getElementById('centerbuttonicon').className = 'tick-icon';
            document.getElementById('settings').style.display = 'none';
            setChildren(document.getElementById('add'), 'display', 'none');
            document.getElementById('focusedSubj').style.display = 'block';
            break;
    }
    document.getElementById('addVar').style.display = 'none';
    replaceIcons();
}

function setSubjectList() {
    const dataList = document.getElementById('subjects');
    dataList.innerHTML = '';
    subjects.semesters.find(semester => semester.name === activeSemester).grades.forEach(subject => {
        const option = document.createElement('option');
        option.value = subject.name;
        dataList.appendChild(option);
    });
}

function editScene(grade, slot) {
    switchScene('editGrade');

    document.getElementById('grade').value = grade.grade;
    document.getElementById('weight').value = grade.weight;
    document.getElementById('description').value = grade.description;

    document.getElementById('addVar').textContent = slot;
}

function editsemesterScene(semester, slot) {
    switchScene('editsemester');

    document.getElementById('addSess').value = semester.name;
    document.getElementById('addVar').textContent = slot;
}

function editSubjectScene(subject, slot) {
    switchScene('editSubject');

    document.getElementById('focusedSubj').value = subject.name;
    document.getElementById('addVar').textContent = slot;
}

function setChildren(parent, attribute, value) {
    parent.childNodes.forEach(child => {
        if (child.nodeType === 1) { // Ensure it's an element node
            child.style[attribute] = value;
        }
    });
}

function saveSettings() {
    if(!(document.getElementById('lang').value == settings.lang)) {
        settings.lang = document.getElementById('lang').value;
        changeLang(settings.lang);
    }
    settings.examName = document.getElementById('examName').value || 'Schulaufgaben';
    settings.showMultiplier = document.getElementById('showMultipliers').checked;
    settings.darkmode = document.getElementById('darkmode').checked;
    settings.offline = document.getElementById('offline').checked;

    changeMode(settings.darkmode);

    DataManager.storage.set('settings', settings);
}

function changeMode(mode) {
    if (mode) {
        document.querySelectorAll('.background').forEach(element => {
            element.style.display = 'block';
            document.documentElement.style.setProperty('--main-color', '#fff');
        });
    }
    else {
        document.querySelectorAll('.background').forEach(element => {
            element.style.display = 'none';
        });
        document.documentElement.style.setProperty('--main-color', '#000');
    }
}

function changeLang(lang) {
    switch(lang) {
        case 'de':
            document.querySelector("#multiplierBox span").textContent ="Gewichtungen";
            document.querySelector("label[for='downloadButton']").textContent = 'Datei herunterladen';
            document.querySelector("label[for='fileInput']").textContent = 'Datei hochladen';
            document.querySelector("label[for='deleteButton']").textContent = 'Daten löschen';

            document.querySelector('#downloadDialog button[value="false"]').textContent = 'Nicht mehr zeigen';
            document.querySelector('#downloadDialog button[value="true"]').textContent = 'Später';
            document.querySelector('#confirmDialog button[value="false"]').textContent = 'Abbrechen';
            document.querySelector('#confirmDialog button[value="true"]').textContent = 'Ok';
            document.querySelector('#selectDialog button[value="false"]').textContent = 'Abbrechen';
            document.querySelector('#selectDialog button[value="true"]').textContent = 'Ok';
            document.querySelector('#sortDialog button[value="false"]').textContent = 'Abbrechen';
            document.querySelector('#sortDialog button[value="true"]').textContent = 'Ok';
            document.querySelector('#sortDialog option[value="alphabet"]').textContent = 'alphabetisch';
            document.querySelector('#sortDialog option[value="grade"]').textContent = 'Note';
            document.querySelector('#sortDialog option[value="gradeCount"]').textContent = 'Notenanzahl';
            document.querySelector('#sortDialog option[value="asc"]').textContent = 'aufsteigend';
            document.querySelector('#sortDialog option[value="desc"]').textContent = 'absteigend';
            document.querySelector('#infoDialog button[value="true"]').textContent = 'Fertig';

            document.getElementById('addSess').placeholder = 'Schuljahr-Name';
            document.getElementById('focusedSubj').placeholder = 'Fach-Name';
            document.getElementById('grade').placeholder = 'Note';
            document.getElementById('weight').placeholder = 'Gewichtung';
            document.getElementById('description').placeholder = 'Beschreibung';
            document.querySelector('label[for="schulaufgabe"]').textContent = 'Schulaufgabe';
            break;
        case 'en':
            document.querySelector("#multiplierBox span").textContent ="Weights";
            document.querySelector("label[for='downloadButton']").textContent = 'Download file';
            document.querySelector("label[for='fileInput']").textContent = 'Upload file';
            document.querySelector("label[for='deleteButton']").textContent = 'Delete data';

            document.querySelector('#downloadDialog button[value="false"]').textContent = `Don't show again`;
            document.querySelector('#downloadDialog button[value="true"]').textContent = 'Later';
            document.querySelector('#confirmDialog button[value="false"]').textContent = 'Cancel';
            document.querySelector('#confirmDialog button[value="true"]').textContent = 'Ok';
            document.querySelector('#selectDialog button[value="false"]').textContent = 'Cancel';
            document.querySelector('#selectDialog button[value="true"]').textContent = 'Ok';
            document.querySelector('#sortDialog button[value="false"]').textContent = 'Cancel';
            document.querySelector('#sortDialog button[value="true"]').textContent = 'Ok';
            document.querySelector('#sortDialog option[value="alphabet"]').textContent = 'alphabetic';
            document.querySelector('#sortDialog option[value="grade"]').textContent = 'grade';
            document.querySelector('#sortDialog option[value="gradeCount"]').textContent = 'grade count';
            document.querySelector('#sortDialog option[value="asc"]').textContent = 'ascending';
            document.querySelector('#sortDialog option[value="desc"]').textContent = 'descending';
            document.querySelector('#infoDialog button[value="true"]').textContent = 'Confirm';

            document.getElementById('addSess').placeholder = 'School year name';
            document.getElementById('focusedSubj').placeholder = 'Subject name';
            document.getElementById('grade').placeholder = 'Grade';
            document.getElementById('weight').placeholder = 'Weight';
            document.getElementById('description').placeholder = 'Description';
            document.querySelector('label[for="schulaufgabe"]').textContent = 'Exam';
            break;
        default:
            break;
    } 
}

function text(text) {
    return text[settings.lang];
}

function showMessage(message) {
    const dialog = document.getElementById('infoDialog');
    const messageSpan = document.getElementById('infoMessage');
    messageSpan.innerHTML = message;
    dialog.showModal();
}

function showStoragePolicy() {
    const message = text({
        de:`Gradia speichert deine Daten lokal im Browser. <p>Um einen Datenverlust im Falle der Löschung der Browser-Daten zu verhindern, solltest du deine Daten regelmäßig in den Einstellungen herunterladen. <br>Persönliche Benutzerdaten werden nicht an uns übermittelt und können daher nach Löschung nicht wiederhergestellt werden. </p><p>Wir loggen die Versionsnummer während des Installations-, und Update-Vorgangs, um die richtige Funktionalität zu validieren.</p>`, 
        en:`Gradia stores your data locally in your browser. <p> To prevent data loss in case of a deletion of your browser's data, you should download your data from time to time in the settings. <br> Personal user data isn't getting sent to us and therefore can't be restored after deletion. </p><p>We log the version number during the installation and update process to validate correct functionality.</p>`
    })

    const dialog = document.getElementById('infoDialog');
    const messageSpan = document.getElementById('infoMessage');
    document.getElementById('infoConfirm').onclick = () => seenStoragePolicy();
    messageSpan.innerHTML = message;
    dialog.showModal();
}

async function getConfirm(message) {
    const dialog = document.getElementById('confirmDialog');
    const messageSpan = document.getElementById('confirmMessage');
    messageSpan.innerHTML = message;
    const response = await dialogPromise(dialog);
    return response;
}

function dialogPromise(dialog) {
    return new Promise((resolve, reject) => {
        dialog.showModal();
        dialog.onclose = () => {
            const returnValue = (dialog.returnValue === 'true');
            resolve(returnValue);
        };
    })
}






async function downloadMenu() {
    const message = {de:`Welches Datei-Format soll genutzt werden?`, en:`Which data-format should be used?`};
    const options = [ 
        {value: 'gradia-grd', content: text({de:'.grd - Maximale Kompatibilität', en:'.grd - Maximum Compatibility'})},
        {value: 'gradia-grde', content: text({de:'.grde - Maximale Sicherheit', en:'.grde - Maximum Security'})},
    ]

    const recoveryKey = await generateRecoveryKey();
    document.getElementById('recoveryKey').textContent = recoveryKey;
    document.getElementById('copyRecoveryKey').addEventListener('click', copyHandler);

    document.getElementById('dialogSelect').addEventListener('change', changeHandler);

    function copyHandler() {
        navigator.clipboard.writeText(document.getElementById('recoveryKey').textContent);
    }

    function changeHandler(event) {
        if (DataManager.file.formats[event.target.value]?.encrypted === true)
            document.documentElement.style.setProperty('--encryptedFileDisplay', 'flex');
        else
            document.documentElement.style.setProperty('--encryptedFileDisplay', 'none');
    }


    const format = await selectDialog(message, options);
    
    const password = document.getElementById('filePasswordInput').value;

    const encryptParameters = {password, recoveryKey}

    DataManager.file.export({data: subjects, format, encryptParameters})
        .catch(error => {
            switch(error.code) {
                case 'MISSING_ENCRYPT_PARAM':
                    alert('Missing encryption Parameters');
                    break;
                default:
                    console.log(error)
                    alert(error);
            }
        });
    
    switchScene('main');

    // Hide encryption UI
    document.documentElement.style.setProperty('--encryptedFileDisplay', 'none');
    document.getElementById('filePasswordInput').value = '';
    document.getElementById('recoveryKey').textContent = '';

    // Remove event listeners
    document.getElementById('copyRecoveryKey').removeEventListener('click', copyHandler);
    document.getElementById('dialogSelect').removeEventListener('change', changeHandler);
}





function appChannel(type, message, purpose, identifier) {
    const channel = new BroadcastChannel('app_channel');
    channel.postMessage({
        from: 'gradia',
        type,
        message,
        purpose,
        identifier
    })
}

function identifierCode() {
    return Math.floor(1000 + Math.random() * 9000);
}

async function showDownloadMessage() {
    if(navigator.standalone) return;
    if(settings.seenDownloadMessage === true) return;
    settings.seenDownloadMessage = new Date(settings.seenDownloadMessage); // converting string back to date object
    if((new Date - settings.seenDownloadMessage) / 3600000 < 168) return; // less than 7 days

    const userAgent = navigator.userAgent;
    /*if(userAgent.includes('iPhone') && window.innerWidth < window.innerHeight) { //iPhone
        alert("iPhone")
        message.style.display = 'flex';
        message.style.justifyContent = 'center';
        message.style.top = '90dvh';
    }
    else if(userAgent.includes('iPhone') && window.innerWidth > window.innerHeight) { //landscape iPhone
        alert("landscape iOS");
        message.style.display = 'flex';
        message.style.justifyContent = 'flex-end';
        message.style.top = '0';
    }
    else if(userAgent.includes('Mac') && "ontouchend" in document) { // iPad
        alert("iPad");
        message.style.display = 'flex';
        message.style.justifyContent = 'flex-end';
        message.style.top = '0';
        document.querySelector('#downloadMessage > *').style.margin = '0 135px';
    }
    else alert(navigator.userAgent);*/

    const downloadMessage = {
        de:`Installiere Gradia auf deinem Gerät: <p>Für einen schnellen Zugriff auf Gradia, direkt von deinem Homebildschirm aus, <br>tippe <i class="ios-share-icon inline" data-color="#ee82ee"></i> und wähle <i class="inline">Zum Homebildschirm hinzufügen</i></p>`,
        en:`Install Gradia on your device: <p>For quick access to Gradia, right from your homescreen, <br>tap <i class="ios-share-icon inline" data-color="#ee82ee"></i> and choose <i class="inline">Add to homescreen</i></p>`
    }

    const result = await getDownloadResult(text(downloadMessage));
    if(result) settings.seenDownloadMessage = new Date();
    else settings.seenDownloadMessage = true;
    
    DataManager.storage.set('settings', settings);
}

async function getDownloadResult(message) {
    const dialog = document.getElementById('downloadDialog');
    const messageSpan = document.getElementById('downloadMessage');
    messageSpan.innerHTML = message;
    replaceIcons();
    const response = await dialogPromise(dialog);
    return response;
}

function seenStoragePolicy() {
    settings.seenStoragePolicy = true;
    DataManager.storage.set('settings', settings);
    document.getElementById('infoConfirm').onclick = '';
}

function languageList(array) {
    let prefIndex = Infinity;
    supportedLanguages.forEach(lang => {
        const index = array.indexOf(lang);
        if(index >= 0 & index < prefIndex) prefIndex = index;
    });
    return array[prefIndex];
}

function singleLanguage(string) {
    let result;
    supportedLanguages.forEach(lang => {
        if(string.includes(lang)) result = lang;
    });
    return result;
}

async function fetchData(url) {
    try {
        const response = await fetch(url);
        if(!response.ok) {
            throw new Error(`Response status for ${url}: ${response.status}`);
        }

        const json = await response.json();
        return json;
    }
    catch(error) {console.log(error)}
}


//----- SERVICE WORKER HANDLING -----//

async function registerSW() {
    if(!(`serviceWorker` in navigator)) {//Check browser support
        document.getElementById('offlineBox').style.display = 'none';
        return false; 
    }
    try {
        const registration = await navigator.serviceWorker.register(`sw.js`);

        if(registration.installing) console.log("SW installing");
        else if(registration.waiting) console.log("SW ready");
        else if(registration.active) console.log("SW active");

        const channel = new BroadcastChannel('sw_channel');
        channel.onmessage = async (event) => {
            if(event.data.from !== 'SW') return;
            console.log(`Received channelmessage ${JSON.stringify(event.data)}`);

            try {
                const changelog = await fetchData('changelog.json');
                handleUpdate(changelog, event.data.version);
                await updateStore.set('oldVersion', buildVersion);
            }
            catch (error) {
                console.log(`Error fetching changelog ${error}`);
                return error;
            }
            
        }
    }
    catch(error) {
        console.log(`Registration failed with ${error}`);
        return error;
    }
}

function handleUpdate(changelog, updateVersion) {
    if(updateVersion == buildVersion) return; //Update already installed

    let output = '<ul>';

    // Create Wrapper Element
    const wrapper = document.createElement('div');
    wrapper.id = 'updateInfo';

    // Create Date Display
    const date = document.createElement('h2');
    date.id = 'updateDate';
    date.textContent = new Date(changelog.versions.find(element => element.version === updateVersion).release).toLocaleDateString(undefined, {year: 'numeric', month: '2-digit', day: '2-digit'});
    wrapper.appendChild(date);

    // Create Version Display
    const version = document.createElement('h3');
    version.id = 'updateVersion';
    version.textContent = updateVersion;
    wrapper.appendChild(version);

    // Create Description Content
    const features = new Map();

    const filteredVersions = changelog.versions.filter((element) => compareVersion(buildVersion, element.version) < 0 && compareVersion(element.version, updateVersion) <= 0); //only versions newer than current, but older or equal than updateVersion

    filteredVersions.flatMap(version => version.changes).forEach(change => {
        if(!features.has(change.id)) {
            features.set(change.id, change);
            return;
        }

        console.log(`Duplicate ${change.id} found`)
        switch(change.type) {
            case "fixed": 
                break;
            case "improved":
                features.get(change.id).description = mergeTextObjects([features.get(change.id).description, change.alt_description || change.description]);
                break;
            case "discontinued":
                features.delete(change.id);
                break;
        }
    });

    for(const change of features.values()) {
        output += `<li><b>${text(change.name)}</b><p>${text(change.description)}</p></li>`
    }

    console.log(features)

    output += `</ul>`;

    // Create Introduction Sentence
    const intro = text({de:`Dieses Update enthält Fehlerbehebungen${features.size < 1 ? `.` : features.size == 1 ? ` und führt dieses neue Feature ein:` : ` und führt diese neuen Features ein:`}`, en:`This update provides bug fixes${features.size < 1 ? `.` : features.size == 1 ? ` and introduces this new feature:` : ` and introduces these new features:`}`});

    // Create Description Display
    const description = document.createElement('span');
    description.id = 'updateDescription';
    description.innerHTML = intro + output;
    wrapper.appendChild(description);
    console.log(output);

    // Create Guide Display
    const guide = document.createElement('span');
    guide.id = 'updateGuide';
    guide.textContent = text({de:'Starte Gradia neu, um das Update zu installieren.', en:'Restart Gradia to install the update.'});
    wrapper.appendChild(guide);

    document.getElementById('settings').appendChild(wrapper);
}

function mergeTextObjects(objArray) {
    const result = {};

    for(const obj of objArray) {
        for(const lang in obj) {
            result[lang] = (result[lang] || '') +  obj[lang];
        }
    }
    console.log(result)
    return result;
}

function compareVersion(version1, version2) {
    const split1 = version1 ? version1.replace(/[a-zA-Z\s]/g, '').split('.').map(Number) : [];
    const split2 = version2 ? version2.replace(/[a-zA-Z\s]/g, '').split('.').map(Number) : [];

    const maxLength = Math.max(split1.length, split2.length);

    for(let i = 0; i < maxLength; i ++) {
        const num1 = split1[i] || 0;
        const num2 = split2[i] || 0;

        if(num1 > num2) return 1;
        if(num1 < num2) return -1;
    }

    return 0;
}

const updateTasks = {
    _referenceRegistry: {},

    handlers: {
        rename({ from, to }) {
            const { resolvePath, assignPath, deletePath } = updateTasks._pathHelpers;
            const value = resolvePath(from);
            if (value === undefined) throw new Error(`Source "${from}" does not exist`);

            assignPath(to, value);
            deletePath(from);
        },

        runFunction({ function: fnName, parameters: params }) {
            const fn = updateTasks._referenceRegistry[fnName];
            if (typeof fn !== 'function') throw new Error(`Function "${fnName}" not found`);

            fn(params);
        },

        showInfo({ message }) {
            showMessage(text(message));
        }
    },

    /**
     * 
     * @param {Array.<Object>} taskList 
     */
    run(taskList) {
        const { handlers } = updateTasks;

        for(const task of taskList) {
            const { type, params, onFailure } = task;
            const handler = handlers[type];

            if(!handler) {
                console.warn(`Unknown task type: "${type}"`);
                if(onFailure === 'stop') break;
                continue;
            }

            try {
                handler(params)
            }
            catch(e) {
                console.error(`Task "${type}" failed`, e);
                if(onFailure === 'stop') break;
            }
        }
    },

    _pathHelpers: {
        resolvePath(path) {
            return path.split('.').reduce((acc, key) => acc?.[key], updateTasks._referenceRegistry);
        },

        assignPath(path, value) {
            const keys = path.split('.');
            const lastKey = keys.pop();
            const target = keys.reduce((acc, key) => acc[key] ??= {}, updateTasks._referenceRegistry);
            target[lastKey] = value;
        },

        deletePath(path) {
            const keys = path.split('.');
            const lastKey = keys.pop();
            const target = keys.reduce((acc, key) => acc[key], updateTasks._referenceRegistry);
            if (target && lastKey in target) delete target[lastKey];
        }
    }
}



//----- CHECKS FOR HEADLESS BROWSERS/CRAWLERS -----//

const isCrawler = () => {
    if(navigator.webdriver === true) return true;
    
    const crawlerPatterns = [
        /bot/i,
        /crawl/i,
        /spider/i,
        /slurp/i,
        /mediapartners/i,
        /yandex/i,
        /baidu/i,
        /facebookexternalhit/i,
        /linkedinbot/i,
        /embedly/i,
        /quora/i,
        /pingdom/i,
        /monitor/i,
        /dataminr/i,
        /headless/i,
        /phantomjs/i,
        /chrome-lighthouse/i,
        /page speed/i,
    ];
    
    return crawlerPatterns.some((pattern) => pattern.test(navigator.userAgent));
};




//----- SENDS LOG DATA -----//

async function sendLogData(logType) {
    const versionData = {
        app_name: "gradia",
        version: buildVersion,
        new_users: 0,
        standalone_apps: 0,
        updated_apps: 0
    };

    switch(logType) {
        case 'new_user':
            versionData.new_users ++;
            break;
        case 'standalone':
            versionData.standalone_apps ++;
            break;
        case 'updated':
            versionData.updated_apps ++;
            break;
        default:
            return;
    }

    try {
        const response = await fetch('https://logs.jvdesign.workers.dev', {
        method: 'POST',
        headers: {
            'Content-Type': 'application/json',
        },
        body: JSON.stringify(versionData),
        });

        if (!response.ok) {
            throw new Error(`Error: ${response.statusText}`);
        }

        const result = await response.json();
        console.log('Response from worker:', result);
    } 
    catch (error) {
        console.error('Failed to send version data:', error);
    }
}


//----- CALLED ON EVERY LOAD -----//
window.DataManager = DataManager;
window.onload = () => {
    initStorage();
    initFileEngine();
    initUI();
    versionCheck(); //Checks for update installation
    init();
};

function initUI() {
    if(!settings.lang) {
        settings.lang = languageList(window.navigator.languages) || singleLanguage(window.navigator.language) || 'en';
    }

    if(!(settings.lang == 'de')) {
        document.documentElement.lang = settings.lang;
        changeLang(settings.lang);
    }
}

async function versionCheck() {
    const oldVersion = await updateStore.get('oldVersion');
    if(!oldVersion) return;
    
    console.log(`Old version available: "${oldVersion}"`)
    try {
        const changelog = await fetchData('changelog.json');
        
        const filteredVersions = changelog.versions.filter((element) => compareVersion(oldVersion, element.version) < 0 && compareVersion(element.version, buildVersion) <= 0); //only versions newer than oldVersion, but older or equal than current Version

        filteredVersions.forEach(version => {
            console.log(version)
            if(version.tasks) updateTasks.run(version.tasks);
        });
    }
    catch (error) {
        console.log(`Error fetching changelog ${error}`);
        return error;
    }

    await updateStore.remove('oldVersion');
}

function init() {
    try {
        document.querySelectorAll('.autosave').forEach(element => {
            element.addEventListener('input', (event) => {
                save();
            })
        });

        document.querySelectorAll('dialog').forEach(element => {
            element.addEventListener('click', (e) => {
                if(e.target.nodeName === 'DIALOG') {
                    e.target.close('false');
                }
            })
        });

        document.querySelectorAll('.options-icon').forEach(element => {
            element.addEventListener('click', toggleEditing);
        });

        document.getElementById('semesterLink').addEventListener('click', () => switchScene('semesters'))

        document.getElementById('sortIcon').addEventListener('click', sortMenu);

        document.querySelectorAll('.nav > div > i').forEach(element => {
            element.addEventListener('click', (e) => {
                switchScene(e.currentTarget.dataset.scene);
            })
        })

        document.getElementById('downloadButton').addEventListener('click', downloadMenu);

        document.getElementById('deleteButton').addEventListener('click', deleteData);

        document.getElementById('table').addEventListener('click', async function(e) {
            const target = e.target.closest('tr');
            const icon = e.target.closest('i');
            if(icon && icon.classList.contains('editIcon')) {
                const id = target.id;
                /*let subjectName = id.replace(new RegExp(activeSemester, 'g'), ''); //removes activeSemester from name string
                let subject = subjectName.replace(/\d+$/, ''); // string with removed numbers at the end
                let index = subjectName.match(/\d+$/); //int with only the numbers at the end*/
                const data = target.dataset;
                let subject = data.name;
                let index = data.count;
                let index2 = data.innerCount;
                let grade;

                if(scene == 'semesters') { //if semester
                    let semester = subjects.semesters.find(element => element.name == id);
                    let index = subjects.semesters.indexOf(semester);
                    editsemesterScene(semester, index);
                    return;
                }

                if(!index) { //if no index: subject instead of 
                    let dir = subjects.semesters.find(semester => semester.name === activeSemester).grades;
                    let subjectObj = dir.find(element => element.name === subject);
                    let index = dir.indexOf(subjectObj);
                    editSubjectScene(subjectObj, index);
                    return;
                }

                if(index2) { //2 indices means Schulaufgabe
                    grade = subjects.semesters.find(element => element.name === activeSemester).grades.find(element => element.name === subject).grades[index][index2];
                }
                else {
                    grade = subjects.semesters.find(element => element.name === activeSemester).grades.find(element => element.name === subject).grades[index];
                }

                editScene(grade, `["${subject}", ${index}${index2 ? `, ${index2}` : ``}]`);
            }
            else if (icon && icon.classList.contains('removeIcon')) {
                const id = target.id;
                /*let subjectName = id.replace(new RegExp(activeSemester, 'g'), ''); //removes activeSemester from name string
                let subject = subjectName.replace(/\d+$/, ''); // string with removed numbers at the end
                let index = subjectName.match(/\d+$/); //int with only the numbers at the end*/
                const data = target.dataset;
                let subject = data.name;
                let index = data.count;
                let index2 = data.innerCount;
                let subjectsIndex;
                let dir;

                if(scene == 'semesters') { //if semester
                    dir = subjects.semesters;
                    const semester = subjects.semesters.find(semester => semester.name == id);
                    subjectsIndex = subjects.semesters.indexOf(semester);
                }
                else {
                    dir = subjects.semesters.find(element => element.name === activeSemester).grades;

                    if(!index) { //if no index: subject instead of grade
                        let grade = dir.find(element => element.name === subject);
                        subjectsIndex = dir.indexOf(grade);
                    }
                    else if(index2) {
                        dir = dir.find(element => element.name === subject).grades[index];
                        subjectsIndex = dir[index2];
                    }
                    else {
                        dir = dir.find(element => element.name === subject).grades;
                        subjectsIndex = index;
                    }
                }

                if(!(await getConfirm(`Really delete?`))) return;

                dir.splice(subjectsIndex, 1)
                
                onDataChanged();

                toggleEditing();

                if(scene == 'semesters') {
                    loadsemester();
                    return;
                }
                loadSubjects();
            }
            else if (target && target.tagName === 'TR') {
                if(target.className.includes('semesterTR') && !(target.id == 'total')) {
                    activeSemester = target.id;
                    settings.activeSemester = activeSemester;
                    DataManager.storage.set('settings', settings);
                    document.getElementById('semesterLink').textContent = '< ' + activeSemester;
                    switchScene('main');
                }
                else {
                    let id = target.id;
                    let elements = document.getElementsByClassName(id);
                    if(!(elements.length == 0)) {
                        toggleAll(elements);
                        if(!(/.*\d$/.test(id))) { //false if digit on last position
                            for (let i = 0; i < elements.length; i++) {
                                let className = elements[i].className;
                                if (className.includes('inExam')) elements[i].style.display = 'none';
                            };
                        }
                    }
                    /*else {
                        if(!editing) return;
                        console.log(id);
                        let subjectName = id.replace(new RegExp(activeSemester, 'g'), '');
                        let subject = subjectName.replace(/\d+$/, ''); // string with removed numbers at the end
                        let index = subjectName.match(/\d+$/); //int with only the numbers at the end

                        console.log(subjectName + '; ' + subject + '; ' + index);

                        let grade = subjects.find(element => element.name === activeSemester).grades.find(element => element.name === subject).grades[index];

                        editScene(grade, `["${subject}", ${index}]`);
                    }*/
                }
            }
        });

        document.addEventListener('keyup', function(event) {
            switch (event.key) {
                case 'Enter':
                    if(!(document.getElementById('add').style.display == 'none')) save();
                    if(!(document.getElementById('settings').style.display == 'none')) saveSettings();
                    break;
            
                default:
                    break;
            }
        });

        document.getElementById('fileInput').addEventListener('change', async function(event) {
            const file = event.target.files[0];
            if(!file) return;

            const fileExtension = file.name.split('.').slice(-1)[0];

            // Find the format key matching the extension and if encrypted
            const formatEntry = Object.values(DataManager.file.formats).find(format => format.extension === fileExtension);

            if (formatEntry && formatEntry.encrypted) {
                //document.getElementById('fileAccessKey').value = '';
                //document.documentElement.style.setProperty('--fileAccessDisplay', 'block');
                const ready = await fileAccessDialog({"de": "Gib das Passwort oder den Wiederherstellungscode für diese Datei ein", "en": "Enter the Password or the Recovery Code for this file"});
                if(ready) handleFile();
            } 
            else {
                //document.documentElement.style.setProperty('--fileAccessDisplay', 'none');
                handleFile();
            }
        });

        async function handleFile() {
            const file = document.getElementById('fileInput').files[0];

            const accessKey = document.getElementById('fileAccessKey')?.value;
            
            DataManager.file.import(file, accessKey)
                .then((result) =>{
                    subjects = JSON.parse(result);

                    DataManager.storage.set('subjects', subjects);
                    activeSemester = undefined;
                    switchScene('main'); //no active semester: switches to semesters automatically
                })
                .catch(error => {
                    switch(error.code) {
                        case 'NO_KEY':
                            alert('You need to input your password or recovery key');
                            break;
                        case 'INVALID_FILE_STRUCTURE':
                            alert(`The uploaded file's file structure is invalid.`);
                            break;
                        case 'DEK_DECRYPTION_ERROR':
                            alert('The provided key is invalid');
                            break;
                        case 'DECRYPTION_ERROR':
                            alert('The decryption failed');
                            break;
                        case 'BAD_HMAC':
                            alert('The file decryption failed, because the content seems to be altered or corrupted.');
                            break;
                        default:
                            alert(error.message);
                    }
                });

            document.getElementById('fileAccessKey').value = '';
            document.getElementById('fileInput').value = '';
        }

        const app_channel = new BroadcastChannel('app_channel');
        app_channel.onmessage = (event) => {
            const data = event.data;
            const identifier = broadcastID.indexOf(data.identifier)
            if(data.from === 'gradia' && data.type === 'response' && data.purpose === 'replaceSettings' && identifier >= 0) {
                broadcastID.splice(identifier, 1);
                console.log(data);
                settings = data.message;
                DataManager.storage.set('settings', settings);
                loadsemester();
            }
            if(data.from === 'gradia' && data.type === 'request' && data.message === 'settings' && identifier < 0) {
                app_channel.postMessage({
                    from: 'gradia',
                    type: 'response',
                    message: settings,
                    purpose: data.purpose,
                    identifier: data.identifier
                })
            }
        }

        /*else {
            const identifier = identifierCode();
            broadcastID.push(identifier);
            appChannel('request', 'settings', 'replaceSettings', identifier);
        }*/

        if(settings.activeSemester == undefined && subjects.semesters.length > 0) activeSemester = subjects.semesters[subjects.semesters.length - 1].name;
        else if (!(settings.activeSemester == undefined)) activeSemester = settings.activeSemester;
        else activeSemester = undefined;

        if(!(activeSemester == undefined)) {
            document.getElementById('semesterLink').textContent = '< ' + activeSemester;
            loadSubjects();
            scene = 'main';
        }
        else {
            switchScene('semesters');
        }

        changeMode(settings.darkmode);
        replaceIcons();


        document.getElementById('buildVersion').textContent = buildVersion;

        document.getElementById('loading-screen').style.display = 'none';

        if(!settings.seenStoragePolicy) {
            showStoragePolicy();
        }
        
        showDownloadMessage();

        if(!settings.offline) registerSW();
    }
    catch(error) {
        document.getElementById('loading-screen').addEventListener('click', function() {
            DataManager.file.export({ data: subjects, format: 'gradia-grd'});
        })
        document.getElementById('loading-error').innerHTML = `<i>${error}</i><br>An error occurred during initialization. Please send this error to our support.<br>You can still download your data by clicking on the Gradia logo.`;
    }
}

function initStorage() {
    DataManager.storage.prefix = 'gradia';

    // Set templates for storage values
    DataManager.storage.templates = {
        subjects: {
            version: undefined,
            semesters: []
        },
        settings: {
            lang: undefined,
            examName: 'Schulaufgaben',
            showMultiplier: false,
            darkmode: true,
            activeSemester: undefined,
            seenDownloadMessage: false,
            offline: false,
            seenStoragePolicy: false
        }
    }
    
    // Set keys that should be automatically set on storage initialization based on their template
    DataManager.storage.defaults = ['subjects', 'settings'];

    const initData = DataManager.storage.init();

    if(!initData.isNewUser) {
        //Convert subjects Array to object if necessary
        if(Array.isArray(initData.content.subjects)) {
            initData.content.subjects = {
                version: buildVersion,
                semesters: initData.content.subjects
            }
        }

        subjects = {...initData.content.subjects};
        settings = {...initData.content.settings};

        onDataChanged();
    }
    else {
        if(navigator.standalone) sendLogData('standalone');
        else if(!isCrawler()) sendLogData('new_user');
    }
}

function initFileEngine() {
    DataManager.file.formats = {
        'gradia-grd': {
            encrypted: false,
            extension: 'grd',
            fileName: 'gradia_save',
            minVersion: 'Version 1.0',
            currVersion: 'Version 1.0'
        },
        'gradia-grde': {
            encrypted: true,
            extension: 'grde',
            fileName: 'gradia_save',
            minVersion: 'Version 1.0',
            currVersion: 'Version 1.0'
        }
    }
}

window.onerror = function(message, source, lineno, colno, error) {
    alert(`Error: ${message}\nSource: ${source}\nLine: ${lineno}, Column: ${colno}\nStack Trace: ${error?.stack || 'N/A'}`);

    if(!subjects.semesters) {
        subjects = {
            version: buildVersion,
            semesters: []
        }
        DataManager.storage.set('subjects', subjects);
    }
    // Return true to prevent the default browser error alert (optional)
    return false;
};