import { jquery } from 'jquery';
import { getTemplate } from 'templateGenerator';
import * as data from 'data';


export function login() {

    getTemplate('login')
        .then((templateFunc) => {
            //Render template
            let html = templateFunc();

            $('#dinamic-container').html(html);

            //Login functionality
            $("#btn-login").on("click", (ev) => {

                let user = {
                    email: $("#email").val(),
                    password: $("#password").val(),
                };

                data.login(user)

                .then((resp) => {
                    localStorage.setItem("email", resp.user.email);
                    localStorage.setItem("authKey", resp.token);
                    $(document.body).addClass("logged-in");

                    // router.navigate('/');?????????
                });

                ev.preventDefault();
                return false;
            });
        });
}