/**
 * @license
 * Copyright Paperbits. All Rights Reserved.
 *
 * Use of this source code is governed by a Commercial license that can be found in the LICENSE file and at https://paperbits.io/license/commercial.
 */

import template from "./sectionLayoutSelector.html";
import { IResourceSelector } from "@paperbits/common/ui";
import { BlockContract } from "@paperbits/common/blocks/blockContract";
import { ModelBinderSelector } from "@paperbits/common/widgets/modelBinderSelector";
import { Component, Event } from "@paperbits/common/ko/decorators";
import { SectionModel } from "../sectionModel";

@Component({
    selector: "email-layout-section-layout-selector",
    template: template
})
export class SectionLayoutSelector implements IResourceSelector<SectionModel> {
    @Event()
    public onSelect: (sectionModel: SectionModel) => void;

    constructor(private readonly modelBinderSelector: ModelBinderSelector) {
        this.selectSectionLayout = this.selectSectionLayout.bind(this);
        this.onBlockSelected = this.onBlockSelected.bind(this);
    }

    public selectSectionLayout(layout: string): void {
        const sectionModel = new SectionModel();
        sectionModel.container = layout;

        if (this.onSelect) {
            this.onSelect(sectionModel);
        }
    }

    public async onBlockSelected(block: BlockContract): Promise<void> {
        // const modelBinder = this.modelBinderSelector.getModelBinderByContract(block.content.type);
        // const model = await modelBinder.contractToModel(block.content);

        // if (this.onSelect) {
        //     this.onSelect(model);
        // }
    }
}