const $username = document.querySelector('#username')
    const $password = document.querySelector('#password')
    const $send = document.querySelector('#send')

    $send.addEventListener('click', e => {
      localStorage.removeItem('token');

      fetch('/auth', {
        method: 'POST',
        headers: {
          'Accept': 'application/json',
          'Content-Type': 'application/json',         
        },
        body: JSON.stringify({
          username: $username.value,
          password: $password.value
        }),
      })
        .then((response) => {
          if (response.status !== 200) {
            /* TODO: Покрасить форму в красный */

            return { token: null };
          }

          return response.json();
        })
        .then((response) => {
          if (response.token) {
            const { token, ...user } = response;
            localStorage.setItem('token', token);
            localStorage.setItem('user', JSON.stringify(user));

            window.location = '/';
          }
        });

      e.preventDefault();
    })