@using Kreta.Web.Areas.Orarend.Models;
@using Kreta.Web.Classes;
@using Kreta.Web.Helpers.Grid;
@using Kreta.Framework;
@model MulasztasInfo
@{ Layout = null; }

@{
    var grid = Html.KretaGrid<MulasztasNaplozasGrid>
        (
            name: "MulasztasokNaplozasaGrid",
            getUrl: new GridApiUrl("TanariOrarendApi", "GetMulasztasokForInfo",
                new Dictionary<string, string>
                {
                    {"osztalycsoportId", Model.OsztalyCsoportId.HasValue ? Model.OsztalyCsoportId.Value.ToString() : "-1"},
                    {"tanoraId", Model.isTanora && Model.TanoraId.HasValue ? Model.TanoraId.Value.ToString() : "-1"},
                    {"targyId", Model.TargyId.HasValue ? Model.TargyId.Value.ToString() : "-1"},
                    {"tanarId", Model.TanarId.HasValue ? Model.TanarId.Value.ToString() :"-1"},
                    {"oraKezdete", Model.OraKezdete.ToString()},
                    {"oraVege", Model.OraVege.ToString()}
                }),
            allowFilterable: false
        )
        .Columns(columns =>
        {
            columns.Bound(m => m.TanuloNev);
            columns.Bound(m => m.MulasztasTipus_DNAME);
            columns.Bound(m => m.KesesIdo);
        })
        .Sortable(sortable => sortable
            .AllowUnsort(true)
            .SortMode(GridSortMode.MultipleColumn));

    grid.Columns(c => c.Template(t => t.ToString()).Title("").ClientTemplate(
        @"
            <div style='display: table;'>
                <div class='autoFeljegyzesTable' style='display: table-row'>
                    <div style='display: table-cell;'>
                        <div title='" + OrarendResource.HazifeladatHiany + @"' class=' fejlegyezesImgDefault # if(HaziFeladatHiany_BOOL) { #haziFeladatHianyRed# } else { #haziFeladatHiany# } #' >
                        </div>
                    </div>
                    <div style='display: table-cell;'>
                        <div title='" + OrarendResource.FelszerelesHiany + @"' class=' fejlegyezesImgDefault # if(FelszerelesHiany_BOOL) { #felszerelesHianyRed# } else { #felszerelesHiany# } #' >
                        </div>
                    </div>
                    <div style='display: table-cell;'>
                        <div title='" + OrarendResource.Felmentes + @"' class=' fejlegyezesImgDefault # if(Felmentes_BOOL) { #felmentesOrange# } else { #felmentes# } #' >
                        </div>
                    </div>
                    <div style='display: table-cell;'>
                        <div title='" + OrarendResource.TanoraiDicseret + @"' class=' fejlegyezesImgDefault # if(TanoraiDicseret_BOOL) { #dicseretGreen# } else { #dicseret# } #' >
                        </div>
                    </div>
                </div>
            </div>
        "
    ));

}

@(grid)

<script type="text/javascript">
    $(document).ready(function () {
        $(".kendoTooltip").kendoTooltip({
            content: kendo.template($("#kendoTooltip-template").html()),
            position: "top",
            show: function () {
                var that = this;
                var tooltips = $("[data-role=tooltip]");

                tooltips.each(function () {
                    var tooltip = $(this).data("kendoTooltip");
                    if (tooltip && tooltip !== that) {
                        tooltip.hide();
                    }
                });
            }
        });
    });
</script>

@Html.KretaTooltipTemplate("kendoTooltip-template",
    @"<div class='kendoTooltip'>
        <div ><strong>Gondviselő neve: </strong>#:target.data('gondviselo')#</div>
        </br>
        <div><strong>Gondviselő telefonszáma: </strong>#:target.data('gondviselotelszam')#</div>
    </div>"
)