Ankhena

this.parentNode.className + = 'checked'
+= пишется слитно

<input id="approve">
<label for="checkbox2"></label>

id input'а не совпадает с for label'а.

И, предвидя вопрос "а как убрать checked?":
this.parentNode.classList.toggle('checked')

Знак доллара - распространённое обозначение для команд, которые предлагается выполнять в терминале.
Попробуйте ввести команду без знака доллара:
node -v

Заменить на

label:after {
    content: '';
    position: absolute;
    font-size: 25px;
    border-color: red;
    border-style: solid;
    border-width: 0 0.35em 0.35em 0;
    height: 1em;
    top: 2px;
    left: 12px;
    transform: rotate(45deg);
    width: 0.7em;  
}

border-radius: 5px; - закруглит углы. но на картинке они похоже на ровные. поэтому не указал

использовать шаблонизацию, а не стопицот абсолютно отдельных шаблонов.

layoutы и @extends если говорить про Laravel Blade

"Мы будем называть тебя сеньор-помидор, только зар.плату не проси повысить"
Если можете руководителю(тому кто напрямую влияет на вашу зар.плату) доказать что вы достойны оплаты мидла - вы мидл.

https://jsfiddle.net/ElenaOr/e1m47yjf/14/ - как то так.
Вам бы не помешало почитать про флексбокс или поиграть

Разница в том, что в первом случае вы можете установить всего один обработчик данного типа на элемент. Если попробуете таким образом "добавить" ещё один обработчик, то он просто перезапишет первый.

Во втором случае обработчик добавляется (о чём, собственно, и повествует наименование метода) вне зависимости от того есть на элементе обработчик этого же типа события или нет.

Лучше эту функцию вообще не запускать, а хранить время окончания услуги. Причина: что если в планируемое время запуска в вашем ДЦ будет пожар?

Наверное только так: