@using Kreta.Web.Helpers.Grid
@using Kreta.Web.Areas.Intezmeny.Models
@model CsengetesiRendModel

<div class="container-fluid details">
    @using (Html.KretaForm("CsengRendForm"))
    {
        @Html.KretaValidationSummary()

        @Html.HiddenFor(x => x.ID)
        @Html.HiddenFor(x => x.Aktiv)
        <div class="row">
            @Html.KretaTextBoxFor(x => x.Nev).RenderWithName(3)
        </div>
        <div class="row">
            @Html.KretaCheckBoxFor(x => x.IsVisszamenoleges).RenderWithName(3, 3)
        </div>
    }
</div>

<div>
    @{
        var grid = Html.KretaGrid<CsengetesiRendOraGridModel>
            (
                "CsengetesiRendOraGrid",
                new GridApiUrl("CsengetesiRendApi", "GetCsengetesiRendOrai", new Dictionary<string, string> {{ "csrendID", Model.ID.ToString()}, { "onlyReal", "false" } }),
                allowFilterable: false,
                dataBoundAdditionalFunction: "CsengRendOraHelper.SetActivityLogic();",
                showSorszam: false
            )
            .AutoBind(true)
            .Sortable(sortable => sortable.Enabled(false));

        grid.ConditionColumn("Aktív", m => m.IsHaveReferences,
            grid.CheckBoxColumnTemplate("Aktiv", m => m.IsReal_BOOL, false),
            grid.CheckBoxColumnTemplate("Aktiv", m => m.IsReal_BOOL, true)
            );

        grid.Columns(columns =>
        {
            columns.Bound(c => c.Oraszam).Width("10%");
        })
            .TimePickerForColumn(Html, 667, c => c.Kezdete)
            .TimePickerForColumn(Html, 668, c => c.Vege);
    }

    @(grid)
</div>

<script type="text/javascript">
    var CsengRendOraHelper = (function () {
        var csengRendOraHelper = function () { };

        var gridName = "CsengetesiRendOraGrid";

        csengRendOraHelper.SetActivityLogic = function () {
            $("input[data-rowinputname='Aktiv']").bind("change", function () {
                var sender = $(this);
                var oraszam = getOraszam($(this));
                var checked = sender.is(':checked');
                if (oraszam < 1) { return; }
                if (checked) {
                    $.each($("input[data-rowinputname='Aktiv']"), function (i, e) {
                        var elem = $(e);
                        var elemOraszam = $(this).attr("id").split("_").reverse()[0];
                        if (elemOraszam < oraszam && elemOraszam != 0) {
                            elem.prop('checked', true);
                        }
                    });
                } else {
                    $.each($("input[data-rowinputname='Aktiv']"), function (i, e) {
                        var elem = $(e);
                        var elemOraszam = getOraszam(elem);
                        if (elemOraszam > oraszam) {
                            elem.prop('checked', false);
                        }
                    });
                }

                function getOraszam(elem) {
                    return parseInt(elem.attr("id").split("_").reverse()[0]);
                }
            });
        }

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