views

import { auth, db } from './services.js';

// let ctx;
// if (auth.getData()) {
//   ctx = { ...auth.getData(), loggedIn: true, shoesLength: true };
// }

// let ctx = { loggedIn: false, shoesLength: true };

// Views
function compileTemplate(id, context) {
  const template = Handlebars.compile(document.getElementById(id).innerHTML);

  return template(context);
}

const views = {
  home() {
    let authData = auth.getData();
    let context = { shoesLength: true, ...authData };
    db.getData('collection').then((data) => {
      console.log(data);
    });

    return compileTemplate('home-template', context);
  },
  register() {
    return compileTemplate('register-template');
  },
  login() {
    return compileTemplate('login-template');
  },
  create() {
    return compileTemplate('create-template');
  },
};

export { views, compileTemplate };