@using Kreta.Resources
@using Kreta.Web.Areas.Feljegyzes.Controllers
@using Kreta.Web.Areas.Feljegyzes.Models
@using Kreta.Web.Helpers.Grid

@model ElektronikusUzenetSearchModel

@{
    string gridName = ElektronikusUzenetekController.GridNameNaploNezet;
    string formName = ElektronikusUzenetekController.NewFormName;
}

@using (Html.KretaForm("searchForm", new Dictionary<string, object> { { "style", "display:none;" } }))
{
    @Html.HiddenFor(m => m.CsoportIdSearch)
}

@{
    var clientTemplateUrl = Url.Action("NaploNezetReszletekGrid", Model.ControllerName, new { area = "Feljegyzes" });

    var functionCommandList = new List<FunctionCommand>
{
new FunctionCommand { Name = CommonResource.Mentes, ClientAction = "NaploNezetHelper.saveElektronikusUzenet" },
new FunctionCommand { Name = CommonResource.Elolrol, ClientAction = "ElektronikusUzenetekHelper.openStartWindow", Classes = "kendo-gridFunctionKommandRed" },
new FunctionCommand { Classes = "infoTextNaploNezet clearFunctionCommand" }
};

    var grid = Html.KretaGrid<ElektronikusUzenetekNaploNezetGridModel>
    (
        gridName,
        new GridApiUrl(Model.ApiControllerName, "GetElektronikusUzenetekNaploNezetGrid"),
        dataBoundAdditionalFunction: "NaploNezetHelper.dataBoundAdditionalFunction();",
        clientTemplate: "naploNezetDetailGrid-template",
        clientTemplateUrl: clientTemplateUrl,
        clientTemplateWholeDataRow: true,
        allowFilterable: false,
        dataParameterFunction: "searchForm",
        allowPaging: false,
        allowScrolling:false,
        pageSizes: null,
        sort: sort => sort.Add(s => s.TanuloNev).Ascending()
    )
    .SelectBoxColumn(Html, 0, true)
    .Columns(columns =>
    {
        columns.Bound(m => m.TanuloNev).HeaderHtmlAttributes(new { @class = "nevWidth" }).ClientTemplate(@"
    <a class='kendoTooltip naploNezetTanuloNevKendoTooltip gridLinkButton defaultCursor'
        data-osztaly='#: OsztalyNev #'
        data-anyjaneve='#: AnyjaNeve #'
        data-szuletesiido='#: SzuletesiIdoFormatted #'
    >#: TanuloNev #</a>");
        columns.Bound(m => m.Szeptember).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false);
        columns.Bound(m => m.Oktober).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false);
        columns.Bound(m => m.November).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false);
        columns.Bound(m => m.December).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false);
        columns.Bound(m => m.JanuarI).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false);
        columns.Bound(m => m.JanuarII).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false);
        columns.Bound(m => m.Februar).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false);
        columns.Bound(m => m.Marcius).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false);
        columns.Bound(m => m.Aprilis).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false);
        columns.Bound(m => m.Majus).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false);
        columns.Bound(m => m.Junius).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false);
        columns.Bound(m => m.Julius).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false);
        columns.Bound(m => m.Augusztus).Encoded(false).HeaderHtmlAttributes(new { @class = "honap" }).HtmlAttributes(new { @class = "honap" }).Sortable(false);
    })
    .FunctionCommand(Html, functionCommandList);
}

@Html.KretaGridTemplate("naploNezetDetailGrid-template")

@Html.KretaTooltipTemplate("kendoTooltip-feljegyzesTemplate",
    @"<div class='kendoTooltip' style='#=target.data('szinezes')#'>
        <table>
            <tr>
                <td style='padding-right: 5px'><b>Dátum:</b></td>
                <td style='color: initial'>#:target.data('datum')#</td>
            </tr>
            <tr>
                <td style='padding-right: 5px'><b>Típus:</b></td>
                <td style='color: initial'>#:target.data('tipus')#</td>
            </tr>
            <tr>
                <td style='padding-right: 5px'><b>Tanár:</b></td>
                <td style='color: initial'>#:target.data('feljegyzoneve')#</td>
            </tr>
            <tr>
                <td style='padding-right: 5px'><b>Cím:</b></td>
                <td style='color: initial'>#:target.data('targy')#</td>
            </tr>
            <tr>
                <td style='padding-right: 5px'><b>Tartalom:</b></td>
                <td style='color: initial'>#=target.data('tartalom')#</td>
            </tr>
        </table>
    </div>")

@Html.KretaTooltipTemplate("kendoTooltip-naploNezetTanuloNevTemplate",
    @"<div class='kendoTooltip'>
        <table>
            <tr>
                <td style='padding-right: 5px'><b>Osztály:</b></td>
                <td>#:target.data('osztaly')#</td>
            </tr>
            <tr>
                <td style='padding-right: 5px'><b>Anyja neve:</b></td>
                <td>#:target.data('anyjaneve')#</td>
            </tr>
            <tr>
                <td style='padding-right: 5px'><b>Születési idő:</b></td>
                <td>#:target.data('szuletesiido')#</td>
            </tr>
        </table>
    </div>")

<div>
    @using (Html.KretaForm(formName))
    {
        @Html.KretaValidationSummary()

        <div class="container-fluid details NaploNezetEdit">
            <div class="row">
                @Html.KretaCheckBoxFor(x => x.IsFaliujsagMegjelenes).RenderWithName(3, 2)
                @Html.KretaCheckBoxFor(x => x.IsMindenkinek).RenderWithName(3, 3)
            </div>
            <div class="row">
                @* NOTE: Mindig kell, hogy értéket kapjon a Model.MinimumErvenyessegKezdete és a Model.MaximumErvenyessegKezdete, ha nem akkor ott hibás a működés! *@
                @Html.KretaDatePickerFor(x => x.EsemenyDatuma).Min(Model.MinimumErvenyessegKezdete.Value).Max(Model.MaximumErvenyessegKezdete.Value).RenderWithName(3, 2)
                <div id="ervenyessegVege">
                    @* NOTE: Mindig kell, hogy értéket kapjon a Model.MinimumErvenyessegVege és a Model.MaximumErvenyessegVege, ha nem akkor ott hibás a működés! *@
                    @Html.KretaDatePickerFor(x => x.Vege).Min(Model.MinimumErvenyessegVege.Value).Max(Model.MaximumErvenyessegVege.Value).RenderWithName(3, 2)
                </div>
            </div>
            <div class="row">
                @Html.KretaTextBoxFor(x => x.Targy).RenderWithName(3)
            </div>
            <div class="row">
                @Html.KretaTextBoxFor(x => x.Megjegyzes).RenderWithName(3, 9)
            </div>
            <div class="row">
              <div class="@BootsrapHelper.GetSizeClasses(3)">
                @Html.KretaInputLabelFor(x => x.Tartalom, htmlAttributes: new Dictionary<string, object> { { "class", "windowInputLabel" } })
              </div>
              <div class="@BootsrapHelper.GetSizeClasses(9)">
                @(Html.KretaHtmlEditorFor(x => x.Tartalom, encode: false)
                    .Tools(t => t.Clear()
                                    .Bold()
                                    .Italic()
                                    .Underline()
                                    .SubScript()
                                    .SuperScript()
                                    .InsertOrderedList()
                                    .InsertUnorderedList()
                                    .JustifyLeft()
                                    .JustifyCenter()
                                    .JustifyRight()
                                    .JustifyFull()
                                    .FontColor()
                                    )
                    .PasteCleanup(p => p.All(true))
            )
              </div>
            </div>
        </div>
    }
</div>

<div>
    @(grid)
</div>

<script type="text/javascript">

    var NaploNezetHelper = (function () {
        var naploNezetHelper = function () { };

        var gridName = "@gridName";
        var formName = "@formName";

        var url = {
            SaveElektronikusUzenet: "@Url.HttpRouteUrl(Constants.RouteKey.ActionApi, new {controller = Model.ApiControllerName, action = "SaveElektronikusUzenet" })"
        };

        naploNezetHelper.dataBoundAdditionalFunction = function () {
            //NOTE: Tooltip beállítások
            var feljegyzesKendoTooltip = $(".feljegyzesKendoTooltip");
            feljegyzesKendoTooltip.off("click");
            KretaTooltipHelper.setTooltip(feljegyzesKendoTooltip, "#kendoTooltip-feljegyzesTemplate");
            feljegyzesKendoTooltip.each(function () {
                var modosithato = $(this).attr("data-modosithato");
                if (CommonUtils.parseBool(modosithato)) {
                    $(this).click(function () {
                        var feljegyzesId = $(this).attr("data-feljegyzesid");
                        var data = {
                            ID: feljegyzesId
                        };
                        ElektronikusUzenetekHelper.openModifyWindow(data);
                    });
                }

            });

            var tanuloNevKendoTooltip = $(".naploNezetTanuloNevKendoTooltip");
            KretaTooltipHelper.setTooltip(tanuloNevKendoTooltip, "#kendoTooltip-naploNezetTanuloNevTemplate");

            //NOTE: CheckBox beállítások
            var rowSelectHeaderCheckBox = $("#" + gridName + "_chk");
            var rowSelectCheckBoxList = $("td input[id^='" + gridName + "_chk_'");
            var isMindenkinekCheckBox = $("#IsMindenkinek");
            var isFaliujsagMegjelenesCheckBox = $("#IsFaliujsagMegjelenes");

            KretaCheckBoxHelper.setObjectValue(rowSelectHeaderCheckBox, true);
            rowSelectHeaderCheckBox.off("change");
            rowSelectHeaderCheckBox.on("change", function () {
                var result = KretaCheckBoxHelper.getValue(this.id);
                KretaCheckBoxHelper.setObjectValue(isMindenkinekCheckBox, result);
            });

            rowSelectCheckBoxList.off("change");
            rowSelectCheckBoxList.on("change", function () {
                var result = rowSelectCheckBoxList.not(":checked").length === 0;
                KretaCheckBoxHelper.setObjectValue(rowSelectHeaderCheckBox, result);
                KretaCheckBoxHelper.setObjectValue(isMindenkinekCheckBox, result);
            });

            isMindenkinekCheckBox.off("change");
            isMindenkinekCheckBox.on("change", function () {
                var result = KretaCheckBoxHelper.getValue(this.id);
                KretaCheckBoxHelper.setObjectValue(rowSelectHeaderCheckBox, result);
                KretaCheckBoxHelper.setObjectValue(rowSelectCheckBoxList, result);
            });

            isFaliujsagMegjelenesCheckBox.off("change");
            isFaliujsagMegjelenesCheckBox.on("change", function () {
                var result = KretaCheckBoxHelper.getValue(this.id);
                if (result) {
                    $("#ervenyessegVege").show();
                } else {
                    $("#ervenyessegVege").hide();
                }
            });
        }

        naploNezetHelper.saveElektronikusUzenet = function () {
            ElektronikusUzenetekHelper.saveElektronikusUzenet(formName, gridName, url.SaveElektronikusUzenet);
        }

        return naploNezetHelper;
    })();

</script>