import { Manager } from "./utils.mjs";

class Player {
    constructor(id, name, level, status, totalPlayed) {
        this.id = id;
        this.name = name;
        this.level = typeof level !== 'undefined' ? level : 1;
        this.status = typeof status !== 'undefined' ? status : false;
        this.totalPlayed = typeof totalPlayed !== 'undefined' ? status : 0;
    }
    toggle() {
        this.status = !this.status;
        this.print();
    }
    print() {
        let status = this.status ? "active" : "inactive";
        console.log(this.name + " has a level of " + this.level + " and is currently " + status);
    }
    render() {
        let type = this.status ? `class="button is-success"` : 'class="button is-danger"';
        return `<button id=${"regular_" + this.id} ${type}>${this.name}</button>`;
    }
}

function randomLevel() {
    const max_level = 10;
    return Math.floor(Math.random() * max_level + 1);
}

function randomStatus() {
    return Math.random() < 0.5;
}

function parseLineToPlayer(data) {
    var info = data.split(",");
    var id = Number(info[0].trim());
    var name = info[1].trim() + " " + info[2].trim();
    var level = Number(info[3].trim());
    return new Player(id, name, level, true, 0);
}

export class PlayerManager extends Manager {
    constructor() {
        super("regular", []);
        console.log("Loading player data.");
        let data = JSON.parse(localStorage.getItem(this.description));
        if (data === null || data.length === 0) {
            console.log("Player data unavailable: " + data);
            this.generate();
            return;
        }
        for (let i = 0; i < data.length; i++) {
            var id = Number(data[i].id);
            var name = data[i].name;
            var level = data[i].level;
            var status = data[i].status;
            var totalPlayed = data[i].totalPlayed;
            this.listData.push(new Player(id, name, level, status, totalPlayed));
        }
        console.log("Loaded " + this.listData.length + " players.");
        this.render();
    }
    generate() {
        console.log("Generating player data.");
        let maxPlayerCount = 71;
        for (let i = 0; i < maxPlayerCount; i++) {
            let p = new Player(i, "Player " + i, randomLevel(), randomStatus(), 0);
            this.listData.push(p);
        }
        console.log("Generated data for " + this.listData.length + " players");
        this.store();
        this.render();
    }
    import(data) {
        var lines = data.split("\n");
        var players = [];
        for (var i = 1; i < lines.length; i++) {
            if(lines[i] == undefined || lines[i].trim() == "") {continue;}
            players.push(parseLineToPlayer(lines[i]));
        }
        console.log("Loaded " + players.length + " Players");
        for (var i=0; i<players.length; i++) {players[i].print();}
        this.listData = players;
        this.store();
        this.render();
    }
}

// Try to add this functionality inside the class to call after constructor
export function addLoadBehaviour(p) {
    const f = document.querySelector("#player-load input[type=file]");
    f.addEventListener("change", () => {
        const file = f.files[0];
        let importData;
        console.log("Loading data from "+ file.name);
        const reader = new FileReader();
        reader.onload = function(e) {
            importData = reader.result;
            p.import(importData);
        };
        reader.readAsText(file);
    })
    
}