export default class Balloon
{
    constructor(type, params)
    {
        this.type = type;
        this.html = "";
        this.params = params;
    }

    generate(){

        switch (this.type) {
            case "pvz": this.templatePvz(); break;
            case "zone": this.templateZone(); break;
            default: this.templateEmpty(); break;
        }

        return this;
    }

    templatePvz(){
        this.html = `
            <div class="lpost-pvz__map-balloon">
                <div class="map-balloon__address _bold">${this.params.address}</div>
                <div class="map-balloon__sum">${BX.message("LPOST_DELIVERY_SOA_LABLE_DELIVERY_SUM") + "#SUM_FORMAT#"}</div>
                <div class="map-balloon__description">#DESCRIPTION#</div>
                <div class="map-balloon__time-work">${BX.message("LPOST_DELIVERY_SOA_LABLE_TIME_WORK") + "#TIME_WORK#"}</div>
                <div class="map-balloon__has-fitting-room">${this.params.has_fitting_room ? BX.message('LPOST_DELIVERY_SOA_HAS_FITTING_ROOM') : BX.message('LPOST_DELIVERY_SOA_NOT_HAS_FITTING_ROOM')}</div>
                <div class="map-balloon__method-pay">#METHOD_PAY#</div>
                <div class="map-balloon__day-delivery">${BX.message("LPOST_DELIVERY_SOA_LABLE_DELIVERY_DAY") + "#DELIVERY_DAY#"}</div>
                <div class="map-balloon__button" 
                    data-id="${this.params.id}" 
                    data-address="${this.params.address}" 
                    data-price="#SUM#"
                    data-day="#DELIVERY_DAY#"  
                    data-coords="${this.params.coords || false}">${this.params.buttonText}</div>
            </div>
        `;
    }

    templateZone(){

        let additional_properties_html = '';

        if (IS_SHOW_ADDITIONAL_PROPERTIES) {
            additional_properties_html = `
                <div class="map-balloon__additional-field">
                    <label class="map-balloon__additional-label">
                        Квартира:<input class="map-balloon__additional-input lpost-delivery-input-flat" data-input-for="flat" placeholder="Номер квартиры" type="number" step="1" min="0">
                    </label>
                </div>
                <div class="map-balloon__additional-field">
                    <label class="map-balloon__additional-label">
                        Этаж:<input class="map-balloon__additional-input lpost-delivery-input-floor" data-input-for="floor" placeholder="Этаж" type="number" step="1" min="0">
                    </label>
                </div>
                <div class="map-balloon__additional-field">
                    <label class="map-balloon__additional-label">
                        Подъезд:<input class="map-balloon__additional-input lpost-delivery-input-porch" data-input-for="porch" placeholder="Номер подъезда" type="number" step="1" min="0">
                    </label>
                </div>
                <div class="map-balloon__additional-field">
                    <label class="map-balloon__additional-label">
                        Домофон:<input class="map-balloon__additional-input lpost-delivery-input-code" data-input-for="code" placeholder="Код домофона" type="text">
                    </label>
                </div>
            `;
        }

        this.html = `        
            <div class="lpost-pvz__map-balloon">
                <div class="map-balloon__address _bold">${this.params.address}</div>
                <div class="map-balloon__sum">${BX.message("LPOST_DELIVERY_SOA_LABLE_DELIVERY_SUM") + "#SUM_FORMAT#"}</div>
                <div class="map-balloon__method-pay">#METHOD_PAY#</div>
                <div class="map-balloon__day-delivery">${BX.message("LPOST_DELIVERY_SOA_LABLE_DELIVERY_DAY") + "#DELIVERY_DAY#"}</div>
                <div class="map-balloon__date-delivery">#DATE_DELIVERY_SELECTOR#</div>
                ${additional_properties_html}
                <div class="map-balloon__button" 
                    data-id="${this.params.id}"
                    data-address="${this.params.address}" 
                    data-price="#SUM#"
                    data-day="#DELIVERY_DAY#"
                    data-date-day-delivery="#DATE_DAY_DELIVERY#"
                    data-date-time-delivery="#DATE_TIME_DELIVERY#"
                    data-coords="${this.params.coords || false}">${this.params.buttonText}</div>
            </div>
        `;
    }

    templateEmpty(){
        this.html = `
        <div class="lpost-pvz__map-balloon">
            <div class="map-balloon__address">${this.params.buttonText}</div>
        </div>`;
    }

    getHtml(){
        return this.html;
    }

};