@using Kreta.BusinessLogic.Logic.TanuloErtekeles
@using Kreta.Web.Areas.Adminisztracio.Models
@using Kreta.Web.Areas.TanuloErtekeles.Controllers

@model TanuloErtekelesMondatbankItemSelectModel

@{
    var formName = BaseTanuloErtekelesController.MondatbankItemSelectFormName;
}

<script type="text/javascript">
    $(document).ready(function() {
        var input = document.getElementById("MondatbankSelectPopupSzoveg");
        CommonUtils.setCaretPosition(input, input.value.length);
    });

    var TanuloErtekelesMondatbankItemSelectHelper = (function() {
        var tanuloErtekelesMondatbankItemSelectHelper = function() { };

        tanuloErtekelesMondatbankItemSelectHelper.mondatbankSelectPopupIdOnChange = function() {
            var comboBox = KretaComboBoxHelper.getKendoComboBoxData("MondatbankSelectPopupId");
            if (comboBox.selectedIndex >= 0) {
                var id = parseInt(comboBox.value());
                var tanuloErtekelesMondatbankItemList = @Html.Raw(Json.Encode(Model.MondatbankItemList));
                var result = $.grep(tanuloErtekelesMondatbankItemList,
                    function(item) {
                        return item.ID === id;
                    });
                if (result.length === 1) {
                    var szoveg = result[0].Szoveg;
                    if (!CommonUtils.isUndefined(szoveg) && !CommonUtils.isNullOrWhiteSpace(szoveg)) {
                        szoveg = szoveg + " ";
                        var szovegEditor = $("#MondatbankSelectPopupSzoveg").data("kendoEditor");
                        if (CommonUtils.isNullOrEmpty(szovegEditor.value())) {
                            szovegEditor.value(szoveg);
                            //NOTE: A range-el állítjuk, be, hogy az első mondatbank beszúrása után a kurzor a végére ugorjon a szövegnek.                
                            var range = szovegEditor.getRange();
                            range.setStart(szovegEditor.body.lastChild, szovegEditor.body.lastChild.length);
                            szovegEditor.selectRange(range);
                        } else {
                            szovegEditor.exec("inserthtml", { value: szoveg });
                        }
                    }
                    var tipusId = "@Model.MondatbankSelectPopupTanuloErtekelesTipusId";
                    var nyelviesithetoTanuloErtekelesTipusIdArray = @Html.Raw(Json.Encode(TanuloErtekelesLogicBase.NyelviesithetoTanuloErtekelesTipusIdList));
                    if (!CommonUtils.isNullOrUndefined(tipusId) && nyelviesithetoTanuloErtekelesTipusIdArray.includes(parseInt(tipusId))) {
                        @if (Model.IsNyelviesitesActive)
                        {
                            if (Model.IsNemetNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    var szovegNemet = result[0].SzovegNemet;
                                    if (!CommonUtils.isUndefined(szovegNemet) && !CommonUtils.isNullOrWhiteSpace(szovegNemet)) {
                                        szovegNemet = szovegNemet + " ";
                                        var szovegEditorNemet = $("#MondatbankSelectPopupSzovegNemet").data("kendoEditor");
                                        if (CommonUtils.isNullOrEmpty(szovegEditorNemet.value())) {
                                            szovegEditorNemet.value(szovegNemet);
                                            //NOTE: A range-el állítjuk, be, hogy az első mondatbank beszúrása után a kurzor a végére ugorjon a szövegnek.                
                                            var rangeNemet = szovegEditorNemet.getRange();
                                            rangeNemet.setStart(szovegEditorNemet.body.lastChild, szovegEditorNemet.body.lastChild.length);
                                            szovegEditorNemet.selectRange(rangeNemet);
                                        } else {
                                            szovegEditorNemet.exec("inserthtml", { value: szovegNemet });
                                        }
                                    }
                                </text>
                            }
                            if (Model.IsHorvatNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    var szovegHorvat = result[0].SzovegHorvat;
                                    if (!CommonUtils.isUndefined(szovegHorvat) && !CommonUtils.isNullOrWhiteSpace(szovegHorvat)) {
                                        szovegHorvat = szovegHorvat + " ";
                                        var szovegEditorHorvat = $("#MondatbankSelectPopupSzovegHorvat").data("kendoEditor");
                                        if (CommonUtils.isNullOrEmpty(szovegEditorHorvat.value())) {
                                            szovegEditorHorvat.value(szovegHorvat);
                                            //NOTE: A range-el állítjuk, be, hogy az első mondatbank beszúrása után a kurzor a végére ugorjon a szövegnek.                
                                            var rangeHorvat = szovegEditorHorvat.getRange();
                                            rangeHorvat.setStart(szovegEditorHorvat.body.lastChild, szovegEditorHorvat.body.lastChild.length);
                                            szovegEditorHorvat.selectRange(rangeHorvat);
                                        } else {
                                            szovegEditorHorvat.exec("inserthtml", { value: szovegHorvat });
                                        }
                                    }
                                </text>
                            }
                            if (Model.IsRomanNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    var szovegRoman = result[0].SzovegRoman;
                                    if (!CommonUtils.isUndefined(szovegRoman) && !CommonUtils.isNullOrWhiteSpace(szovegRoman)) {
                                        szovegRoman = szovegRoman + " ";
                                        var szovegEditorRoman = $("#MondatbankSelectPopupSzovegRoman").data("kendoEditor");
                                        if (CommonUtils.isNullOrEmpty(szovegEditorRoman.value())) {
                                            szovegEditorRoman.value(szovegRoman);
                                            //NOTE: A range-el állítjuk, be, hogy az első mondatbank beszúrása után a kurzor a végére ugorjon a szövegnek.                
                                            var rangeRoman = szovegEditorRoman.getRange();
                                            rangeRoman.setStart(szovegEditorRoman.body.lastChild, szovegEditorRoman.body.lastChild.length);
                                            szovegEditorRoman.selectRange(rangeRoman);
                                        } else {
                                            szovegEditorRoman.exec("inserthtml", { value: szovegRoman });
                                        }
                                    }
                                </text>
                            }
                            if (Model.IsSzerbNemzetiDokumentumNyelvActive)
                            {
                                <text>
                                    var szovegSzerb = result[0].SzovegSzerb;
                                    if (!CommonUtils.isUndefined(szovegSzerb) && !CommonUtils.isNullOrWhiteSpace(szovegSzerb)) {
                                        szovegSzerb = szovegSzerb + " ";
                                        var szovegEditorSzerb = $("#MondatbankSelectPopupSzovegSzerb").data("kendoEditor");
                                        if (CommonUtils.isNullOrEmpty(szovegEditorSzerb.value())) {
                                            szovegEditorSzerb.value(szovegSzerb);
                                            //NOTE: A range-el állítjuk, be, hogy az első mondatbank beszúrása után a kurzor a végére ugorjon a szövegnek.                
                                            var rangeSzerb = szovegEditorSzerb.getRange();
                                            rangeSzerb.setStart(szovegEditorSzerb.body.lastChild, szovegEditorSzerb.body.lastChild.length);
                                            szovegEditorSzerb.selectRange(rangeSzerb);
                                        } else {
                                            szovegEditorSzerb.exec("inserthtml", { value: szovegSzerb });
                                        }
                                    }
                                </text>
                            }
                        }
                    }
                    var rovidNevTextBox = $("#MondatbankSelectPopupRovidNev");
                    if (CommonUtils.isNullOrEmpty(rovidNevTextBox.val())) {
                        rovidNevTextBox.val(result[0].RovidNev);
                    }
                }
            } else {
                comboBox.value("");
            }
        };

        return tanuloErtekelesMondatbankItemSelectHelper;
    })();
</script>

@using (Html.KretaForm(formName))
{
    @Html.KretaValidationSummary()

    @Html.HiddenFor(x => x.MondatbankSelectPopupRowId)

    <div class="container-fluid details">
        <div class="row">
            @Html.KretaComboBoxFor(x => x.MondatbankSelectPopupId, Model.MondatbankItemSelectList, onChangeFunction: "TanuloErtekelesMondatbankItemSelectHelper.mondatbankSelectPopupIdOnChange()", isAutoComplete: true, isSingleElementSet: false).AutoBind(false).RenderWithName(3, 9)
        </div>
        <div class="row">
            @Html.KretaTextBoxFor(x => x.MondatbankSelectPopupRovidNev).RenderWithName(3, 2, true)
        </div>
        <div class="row">
            <div class="col-xs-3">
                @Html.LabelFor(x => x.MondatbankSelectPopupSzoveg, null, new Dictionary<string, object> {{"class", "windowInputLabel"}})
            </div>
            <div class="col-xs-9">
                @(Html.KretaHtmlEditorFor(m => m.MondatbankSelectPopupSzoveg)
                    .Resizable(false)
                    .Tools(tools => tools
                        .Clear()
                        .Bold()
                        .Italic()
                        .Underline()
                        .SubScript()
                        .SuperScript()))
            </div>
        </div>
        @if (Model.IsNyelviesitesActive && TanuloErtekelesLogicBase.NyelviesithetoTanuloErtekelesTipusIdList.Contains(Model.MondatbankSelectPopupTanuloErtekelesTipusId))
        {
            if (Model.IsNemetNemzetiDokumentumNyelvActive)
            {
                <div class="row">
                    <div class="col-xs-3">
                        @Html.LabelFor(x => x.MondatbankSelectPopupSzovegNemet, null, new Dictionary<string, object> {{"class", "windowInputLabel"}})
                    </div>
                    <div class="col-xs-9">
                        @(Html.KretaHtmlEditorFor(m => m.MondatbankSelectPopupSzovegNemet)
                            .Resizable(false)
                            .Tools(tools => tools
                                .Clear()
                                .Bold()
                                .Italic()
                                .Underline()
                                .SubScript()
                                .SuperScript()))
                    </div>
                </div>
            }
            if (Model.IsHorvatNemzetiDokumentumNyelvActive)
            {
                <div class="row">
                    <div class="col-xs-3">
                        @Html.LabelFor(x => x.MondatbankSelectPopupSzovegHorvat, null, new Dictionary<string, object> {{"class", "windowInputLabel"}})
                    </div>
                    <div class="col-xs-9">
                        @(Html.KretaHtmlEditorFor(m => m.MondatbankSelectPopupSzovegHorvat)
                            .Resizable(false)
                            .Tools(tools => tools
                                .Clear()
                                .Bold()
                                .Italic()
                                .Underline()
                                .SubScript()
                                .SuperScript()))
                    </div>
                </div>
            }
            if (Model.IsRomanNemzetiDokumentumNyelvActive)
            {
                <div class="row">
                    <div class="col-xs-3">
                        @Html.LabelFor(x => x.MondatbankSelectPopupSzovegRoman, null, new Dictionary<string, object> {{"class", "windowInputLabel"}})
                    </div>
                    <div class="col-xs-9">
                        @(Html.KretaHtmlEditorFor(m => m.MondatbankSelectPopupSzovegRoman)
                            .Resizable(false)
                            .Tools(tools => tools
                                .Clear()
                                .Bold()
                                .Italic()
                                .Underline()
                                .SubScript()
                                .SuperScript()))
                    </div>
                </div>
            }
            if (Model.IsSzerbNemzetiDokumentumNyelvActive)
            {
                <div class="row">
                    <div class="col-xs-3">
                        @Html.LabelFor(x => x.MondatbankSelectPopupSzovegSzerb, null, new Dictionary<string, object> {{"class", "windowInputLabel"}})
                    </div>
                    <div class="col-xs-9">
                        @(Html.KretaHtmlEditorFor(m => m.MondatbankSelectPopupSzovegSzerb)
                            .Resizable(false)
                            .Tools(tools => tools
                                .Clear()
                                .Bold()
                                .Italic()
                                .Underline()
                                .SubScript()
                                .SuperScript()))
                    </div>
                </div>
            }
        }
    </div>
}