@using Kreta.Web.Helpers.Grid;
@using Kreta.Web.Areas.Tanulo.Models
@using Kreta.BusinessLogic.Classes
@using Kreta.Resources
@using Kreta.Web.Areas.Feljegyzes.Controllers
@using Kreta.Web.Areas.Feljegyzes.Models
@model TanuloModel

@{
    string tdStart = "<td class=\"rowFunction\" data-rowfunctionparent=\"KozossegiSzolgalatokReszletekGrid_" + Model.TanuloId + "\" style=\"min-width: 80px;\" role=\"gridcell\">";
    string rowFnModifyString = "<a title=\"Módosítás\" href=\"javascript:void(0)\" onclick=\"KretaGridHelper.rowFunctionCall($(this),'KozossegiSzolgalatokReszletekGrid_" + Model.TanuloId + "',KozossegiSzolgalatokHelper.openEditorPopup);\"><i style=\"font-size: 22px;\" class=\"fa fa-pencil\" aria-hidden=\"true\"></i></a>";
    string rowFnDeleteString = "<a title=\"Törlés\" href=\"javascript: void(0)\" onclick=\"KretaGridHelper.rowFunctionCall($(this), 'KozossegiSzolgalatokReszletekGrid_" + Model.TanuloId + "', KozossegiSzolgalatokHelper.deleteConfirmWindow); \" ><i style=\"font-size: 22px;\" class=\"fa fa-trash\" aria-hidden=\"true\"></i></a>";
    string designFixString = "<i style=\"padding-left:22px;\" aria-hidden=\"true\"></i>";
    string detailGridNamePrefix = KozossegiSzolgalatokController.DetailGridNamePrefix;
}

<script>

    var DetailGridHelper = (function () {
        var detailGridHelper = function () { };

        var url = {
            GetOsszesOraszam: "@Url.HttpRouteUrl(Constants.RouteKey.ActionApi, new {controller = Constants.ApiControllers.KozossegiSzolgalatokApi, action = "GetKozossegiSzolgalatOsszesOraszam" })"
        };

        detailGridHelper.dataBoundAdditionalFunction = function () {
            var gridName = "@detailGridNamePrefix" + "@Model.TanuloId";
            var dataSource = KretaGridHelper.getKendoGridData(gridName).dataSource.data();
            $.each(dataSource, function (index, value) {
                if (value.Torolt_BOOL) {
                    $('#' + gridName).find('[data-uid= ' + value.uid + ']').addClass("kretaStrikedGridRow disabledItem");
                }
            });

            var postData = {
                tanuloId: "@Model.TanuloId"
            };
            AjaxHelper.DoPostQuery(
                url.GetOsszesOraszam,
                null,
                postData,
                detailGridHelper.setOsszesOraszam
            );
        }

        detailGridHelper.setOsszesOraszam = function (value) {
            $("#kozossegiSzolgalatOsszesOraszam").html(value);
        }

        return detailGridHelper;
    })();

</script>

<div class="container-fluid">
    @{
        var functionList = new List<FunctionCommand>
        {
            new FunctionCommand { Name = CommonResource.Uj, ClientAction = "function() { KozossegiSzolgalatokHelper.openNewWindow({ ID: null, TanuloId: '" + Model.TanuloId + "', TanuloNev: '" + Model.TanuloAlapAdatModel.CsaladiNev.ToJsonReplaceSpecialCharaters() + " " + Model.TanuloAlapAdatModel.UtoNev.ToJsonReplaceSpecialCharaters() +  "'}) }" }
        };
    }

    @(
    Html.KretaGrid<KozossegiSzolgalatokReszletekGridModel>(
        detailGridNamePrefix + Model.TanuloId,
        new GridApiUrl(Constants.ApiControllers.KozossegiSzolgalatokApi, "GetKozossegiSzolgalatokReszletekGrid", new Dictionary<string, string> { { "tanuloId", Model.TanuloId.Value.ToString() } }),
        useToolBar: false,
        allowSorting: false,
        dataBoundAdditionalFunction: "DetailGridHelper.dataBoundAdditionalFunction();",
        sort: sort => sort.Add(s => s.IntervallumKezdete).Descending()
        )
        .Columns(columns =>
        {
            columns.Bound(c => c.ID).Hidden();
            columns.Bound(c => c.TanuloId).Hidden();
            columns.Bound(c => c.IntervallumKezdete).Format(SDAFormat.Format[SDAFormat.FormatType.ShortDate]).Width("10%");
            columns.Bound(c => c.IntervallumVege).Format(SDAFormat.Format[SDAFormat.FormatType.ShortDate]).Width("10%");
            columns.Bound(c => c.TeljesitesiHelye).Width("15%").SetDisplayPropertyWithToolip("TeljesitesiHelye");
            columns.Bound(c => c.Oraszam).Width("5%");
            columns.Bound(c => c.KozossegiSzolgalatTipusa_DNAME).Width("20%").SetDisplayPropertyWithToolip("KozossegiSzolgalatTipusa_DNAME");
            columns.Bound(c => c.Megjegyzes).Width("30%").SetDisplayPropertyWithToolip("Megjegyzes");
            columns.Bound(c => c.Ugyiratszam);
            columns.Bound(c => c.RogzitesDatuma).Format(SDAFormat.Format[SDAFormat.FormatType.ShortDate]).Width("10%");
        }).FunctionCommand(Html, functionList)

             .Columns(c => c.Template(t => t.ToString()).Title("  ").ClientTemplate(
                           tdStart + @" 
              #if(Modosithato_BOOL == true && Torolt_BOOL == false) { #" +
                rowFnModifyString
                     + @" # }  else { # " + designFixString + @"# } #"
              +
            @"
#if (Torolheto_BOOL == true && Torolt_BOOL == false) { #" +
               rowFnDeleteString
              + @" # } #" + "</td >"

                              ))
          )
</div>

<div class="container-fluid">
    <label class="windowInputLabel">@FeljegyzesekResource.OsszesOraszam:</label>
    <label id="kozossegiSzolgalatOsszesOraszam" class="windowInputValue">0</label>
</div>