import {AbstractSite, Helper} from "../../../../../js/lib/pwa-lib";
import {ParentSegment} from "../wordrotator/Segment/ParentSegment";
import {LeafSegment} from "../wordrotator/Segment/LeafSegment";
import {TemplateContainer} from "../wordrotator/Segment/TemplateContainer";
import {SimpleLevel} from "../wordrotator/Level/SimpleLevel";

export class LevelSite extends AbstractSite{
    constructor(siteManager) {
        super(siteManager, "html/application/level.html", "level");
    }

    onConstruct(args) {
        this.setTitle("Level");
        return super.onConstruct(args);
    }

    onFirstStart() {
        super.onFirstStart();

        let leafSegmentTemplate = this.findBy("#segment-leaf-template");
        let parentSegmentTemplate = this.findBy("#segment-parent-template");
        let rowSegmentTemplate = this.findBy("#segment-row-template");

        leafSegmentTemplate.id = null;
        parentSegmentTemplate.id = null;
        rowSegmentTemplate.id = null;

        leafSegmentTemplate.remove();
        parentSegmentTemplate.remove();
        rowSegmentTemplate.remove();

        let templateContainer = new TemplateContainer(leafSegmentTemplate, parentSegmentTemplate, rowSegmentTemplate);

        let level = new SimpleLevel(templateContainer);
        level.setWords([
            "Dynamo",
            "Abhang"
        ]);
        level.setStartRotations([0,90,180]);

        level.getWonPromise().then(()=>{
            console.log("has won");
        });

        level.createSegments();
        level.getRootSegment()._updateElement();
        this.findBy("#level").appendChild(level.getRootSegment().getElement());
    }

    async nextLevel()
    {

    }
}