@using Kreta.BusinessLogic.Classes;
@using Kreta.Framework;
@using Kreta.Resources
@using Kreta.Web.Areas.Intezmeny.Models
@using Kreta.Web.Helpers

@model FaliujsagModel
@{
    Layout = "~/Views/Shared/_MasterLayout.cshtml";

    int range = 10;
}

@section AddCss {
    @Styles.Render("~/Content/Faliujsag")
}

<div id="informaciosResz" class="col-xs-12">
    <div id="legutobbiErtekelesekContainer" class="col-xs-12 col-sm-6 col-md-3">
        <table id="legutobbiErtekelesek" class="table table-condensed table-bordered table-hover">
            <tr onclick="document.location='@Url.Action("Index","Osztalyzatok",new {area= "TanuloErtekeles" })'">
                <th>@IntezmenyResource.LegutobbiErtekelesek</th>
            </tr>
            @if (Model.LegutobbiErtekelesek == null || Model.LegutobbiErtekelesek.Count == 0)
            {
                <tr onclick="document.location = '@Url.Action("Index","Osztalyzatok",new {area= "TanuloErtekeles" })'">
                    <td class="k-link">
                        <div>
                            @IntezmenyResource.NincsenekMegjelenithetoErtekelesek
                        </div>
                    </td>
                </tr>
            }
            else
            {
                foreach (var ertekeles in Model.LegutobbiErtekelesek)
                {
                    <tr onclick="document.location = '@Url.Action("Index","Osztalyzatok",new {area= "TanuloErtekeles",id=ertekeles.Item4 })'">
                        <td class="k-link">
                            <span style="font-size: 200%">
                                @ertekeles.Item1
                            </span>
                            <span style="float: right; text-align: right">@ertekeles.Item2<br />@ertekeles.Item3</span>
                            <br />
                        </td>
                    </tr>
                }
            }
        </table>
    </div>
    <div id="legutobbiMulasztasokContainer" class="col-xs-12 col-sm-6 col-md-3">
        <table id="legutobbiMulasztasok" class="table table-condensed table-bordered table-hover">
            <tr onclick="document.location='@Url.Action("Index","Hianyzasok",new {area= "Hianyzas" })'">
                <th>@IntezmenyResource.LegutobbiMulasztasok</th>
            </tr>
            @if (Model.LegutobbiMulasztasok == null || Model.LegutobbiMulasztasok.Count == 0)
            {
                <tr onclick="document.location = '@Url.Action("Index","Hianyzasok",new {area= "Hianyzas" })'">
                    <td class="k-link">
                        @IntezmenyResource.NincsenekMegjelenithetoMulasztasok
                    </td>
                </tr>
            }
            else
            {
                foreach (var mulasztas in Model.LegutobbiMulasztasok)
                {
                    <tr onclick="document.location='@Url.Action("Index","Hianyzasok",new {area= "Hianyzas",id= mulasztas.Item5 })'">
                        <td class="k-link">
                            <span>
                                @mulasztas.Item1.Value.ToString("MMMM dd.")
                            </span>
                            <span style="float: right">
                                @mulasztas.Item2
                            </span>
                            <br />
                            <span>
                                @mulasztas.Item3
                            </span>
                            <span style="float: right">
                                @mulasztas.Item4
                            </span>
                        </td>
                    </tr>
                }
            }

        </table>
    </div>
    <div id="legutobbiFeljegyzesekContainer" class="col-xs-12 col-sm-12 col-md-3">
        <table id="legutobbiFeljegyzesek" class="table table-condensed table-bordered table-hover">
            <tr onclick="document.location='@Url.Action("Index","InformaciokFeljegyzesek",new {area= "TanuloErtekeles" })'">
                <th>@IntezmenyResource.LegutobbiFeljegyzesek</th>
            </tr>
            @if (Model.LegutobbiFeljegyzesek == null || Model.LegutobbiFeljegyzesek.Count == 0)
            {
                <tr onclick="document.location = '@Url.Action("Index","InformaciokFeljegyzesek",new {area= "TanuloErtekeles" })'">
                    <td class="k-link">
                        <div>
                            @IntezmenyResource.NincsenekMegjelenithetoFeljegyzesek
                        </div>
                    </td>
                </tr>
            }
            else
            {
                foreach (var feljegyzes in Model.LegutobbiFeljegyzesek)
                {
                    <tr onclick="document.location='@Url.Action("Index","InformaciokFeljegyzesek",new {area= "TanuloErtekeles",id=feljegyzes.Item4 })'">
                        <td class="k-link">
                            <span>
                                @feljegyzes.Item1
                            </span>
                            <br />
                            <span>
                                @feljegyzes.Item2
                            </span>
                            <span style="float: right">
                                @feljegyzes.Item3
                            </span>
                        </td>
                    </tr>
                }
            }

        </table>
    </div>
    <div id="legutobbiBejelentettSzamonkeresContainer" class="col-xs-12 col-sm-12 col-md-3">
        <table id="legutobbiBejelentettSzamonkeres" class="table table-condensed table-bordered table-hover">
            <tr onclick="document.location='@Url.Action("Index","TanuloBejelentettSzamonkeresek",new {area= "Tanulo" })'">
                <th>@IntezmenyResource.LegutobbiBejelentettSzamonkeresek</th>
            </tr>
            @if (Model.LegutobbiBejelentettSzamonkeresek == null || Model.LegutobbiBejelentettSzamonkeresek.Count == 0)
            {
                <tr onclick="document.location = '@Url.Action("Index","TanuloBejelentettSzamonkeresek",new {area= "Tanulo" })'">
                    <td class="k-link">
                        <div>
                            @IntezmenyResource.NincsenekMegjelenithetoBejelentettSzamonkeres
                        </div>
                    </td>
                </tr>
            }
            else
            {
                foreach (var feljegyzes in Model.LegutobbiBejelentettSzamonkeresek)
                {
                    <tr onclick="document.location='@Url.Action("Index","TanuloBejelentettSzamonkeresek",new {area= "Tanulo"})'">
                        <td class="k-link">
                            <span>
                                @feljegyzes.Item1
                            </span>
                            <span style="float: right">
                                @feljegyzes.Item3
                            </span>
                            <br />
                            <span>
                                @feljegyzes.Item2
                            </span>
                            <span style="float: right">
                                @feljegyzes.Item4
                            </span>
                        </td>
                    </tr>
                }
            }

        </table>
    </div>
</div>

<script id="TimeBoardsElements" type="text/x-jQuery-tmpl">
    {%each(i, elem) FaliujsagElemek%}
    <div class='nb-item highlighted row row-eq-height'>
        <div class='nb-date col-xs-2'>
            <span class='year'>${elem.DatumEv}</span>
            <span class='month'>${elem.DatumHonap}</span>
            <span class='day'>${elem.DatumNap}</span>
        </div>
        <div class='nb-timeline col-xs-1'>
            <div class='nb-line'></div>
            <div class='nb-circle'></div>
        </div>
        <div class='nb-content col-xs-9'>
            <div class='subject'>
                <h4>${elem.EsemenyCime}</h4>
            </div>
            <div class='content'>{{html elem.EsemenySzovege}}</div>
            <div class='footer'>
                <div class='author'>
                    <img class='userimg-sm' src='${elem.KepEleresiUtja}' />
                    <div class='info'>
                        <span class='auth-name'>
                            <span>${elem.Nev}</span>
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    {%/each%}
</script>

<script id="TimeBoardEmpty" type="text/x-jQuery-tmpl">
    <div class='nb-item highlighted row row-eq-height'>
        <div class='nb-date col-xs-2'>
        </div>
        <div class='nb-timeline col-xs-1'>
            <div class='nb-line'></div>
            <div class='nb-circle'></div>
        </div>
        <div class='nb-content col-xs-9'>
            <div class='subject'>
                <h4> @Kreta.Framework.StringResourcesUtil.GetString(4192)@*Nincs Bejegyzés*@</h4>
            </div>
            <div class='content'>@Kreta.Framework.StringResourcesUtil.GetString(4193) @*A faliujsag jelenleg üres*@</div>
            <div class='footer'>
                <div class='author'>
                    <div class='info'>
                    </div>
                </div>
            </div>
        </div>
    </div>
</script>

@section AddJs {
    <script type="text/javascript">

        var FaliujsagHelper = (function () {
            var faliujsagHelper = function () { };

            var requestedRange = -1;
            var itemCount = parseInt(@Model.ItemCount);
            faliujsagHelper.GetMoreEntries = function (range) {
                requestedRange = range;
                GetMoreEntries(range);
            };

            function SuccessFunction(data) {
                var faliujsagLista = $('#faliujsagLista');
                if (data.ItemCount !== requestedRange) {
                    $('#btnTovabb').attr('disabled', true);

                    if(data.ItemCount == 0) {
                        $('#TimeBoardEmpty').tmpl(data).appendTo(faliujsagLista);
                    }

                    if (data.ItemCount == 0) {
                        $('#btnTovabb').hide();
                        return;
                    }
                }

                $('#TimeBoardsElements').tmpl(data).appendTo(faliujsagLista);
                itemCount += parseInt(data.ItemCount);
            };

            function GetMoreEntries(range) {
                AjaxHelper.DoGet('@Url.Action("GetMoreEntries", "Faliujsag")', { startindex:itemCount, range:10 }, SuccessFunction);
            };

            return faliujsagHelper;
        })();
        $(document).ready(function(){FaliujsagHelper.GetMoreEntries(@range)});
    </script>
}

<div>
    <div id="faliujsagLista" class='col-xs-12 main faliujsagLista'>
        <div id='upFunction container noticeboard'>
        </div>
    </div>
    @Html.KretaButton("btnTovabb", CommonResource.Tovabb).Events(e => e.Click(string.Format("function(){{FaliujsagHelper.GetMoreEntries({0})}}", range)))
</div>