@using Kreta.Enums
@using Kreta.Web.Helpers
@using Kreta.Web.Helpers.Grid
@using Kreta.Web.Areas.TanuloErtekeles.Models.TanuloErtekeles

@model OsztalyzatokFeleviEvvegiErtesitoModel

@section AddCss {
    @Styles.Render(Constants.General.TanuloErtekelesCSS)
}

@{
    var gridName = "OsztalyzatokEvvegiErtesitoGrid";
    var formName = "OsztalyzatokEvvegiErtesitoForm";

    var tooltipClassName = "tanuloErtekelesDetailKendoTooltip";
    var tooltipDataAttributeName = "ertekelestext";
    var tooltipTemplateId = "kendoTooltip-ertekelesDetailKendoTooltipTemplate";
}

@using (Html.KretaForm(formName))
{
    if (Model.OsztalyList.Count > 1)
    {
        <div style="text-align: center;">
            @Html.KretaComboBoxFor(x => x.OsztalyId, Model.OsztalyList).Events(e => e.Change("OsztalyzatokEvvegiErtesitoHelper.osztalyOnChange"))
        </div>
    }
    else
    {
        @Html.HiddenFor(m => m.OsztalyId)
    }
}

<div>
    @(
        Html.KretaGrid<TanuloErtekelesListGridModel>
        (
            gridName,
            new GridApiUrl("OsztalyzatokApi", "GetOsztalyzatokEvvegiErtesitoGrid"),
            dataParameterFunction: formName,
            dataBoundAdditionalFunction: "OsztalyzatokEvvegiErtesitoHelper.dataBoundAdditionalFunction();",
            allowFilterable: false,
            allowSorting: false,
            allowPaging: false,
            pageSizes: null
        )
        .TableHtmlAttributes(new { @class = "TanuloErtekelesWithSortoresGrid" })
        .Columns(columns =>
        {
            columns.Bound(m => m.TantargyNev).SetDisplayPropertyWithToolip("TantargyNev");
            columns.Bound(m => m.TanuloErtekelesText).SetHtmlDisplayPropertyWithToolip("TanuloErtekelesText", tooltipClassName, tooltipDataAttributeName, "MagatartasSzorgalomSortores");
        })
        .NoRecords(TanuloErtekelesResource.NincsMegEvvegiErtekelesRogzitveATanulohoz)
        .AutoBind(true)
    )
</div>
<div class="row"></div>
@Html.KretaTooltipTemplate(tooltipTemplateId,
    @"<div class='kendoTooltip'>
        <p class='tooltipText'>#=target.data('" + tooltipDataAttributeName + @"')#</p>
    </div>")

<script type="text/javascript">

    var OsztalyzatokEvvegiErtesitoHelper = (function () {
        var helper = function () { };

        var gridName = "@gridName";

        helper.osztalyOnChange = function () {
            KretaGridHelper.refreshGrid(gridName);
            GetTanuloZaradek();
        }

        helper.dataBoundAdditionalFunction = function () {
            var tanuloErtekelesKendoTooltip = $("." + "@tooltipClassName");
            KretaTooltipHelper.setTooltip(tanuloErtekelesKendoTooltip, "#" + "@tooltipTemplateId");
        }

        return helper;
    })();

</script>