@using Kreta.Enums.ManualEnums
@using Kreta.Web.Areas.Tanar.Models
@using Kreta.Web.Helpers.Grid
@model Kreta.Web.Areas.Orarend.Models.FogadooraModel

<div class="container-fluid details" style="margin:10px">
    <div class="row">
        @Html.KretaLabelFor(x => x.FogadoOraKezdete, 3, 3)
        @Html.KretaLabelFor(x => x.FogadoOraVege, 3, 3)
    </div>
    <div class="row">
        @Html.KretaLabelFor(x => x.TeremNev, 3, 3)
        @Html.KretaLabelFor(x => x.RendszeressegText, 3, 3)
    </div>
    <div class="row" id="RendszeresFogadooraDatumaDiv">
        @Html.KretaLabelFor(x => x.RendszeresFogadooraElsoDatuma, 3, 3)
        @Html.KretaLabelFor(x => x.RendszeresFogadooraUtolsoDatuma, 3, 3)
    </div>
    <div class="row">
        @Html.KretaCheckBoxFor(x => x.JelentkezesekKezelese).Enable(false).RenderWithName(3, 3)
    </div>
    <div class="row" id="JelenkezesekKezeleseReszletekDiv">
        @Html.KretaLabelFor(x => x.EgysegnyiIdopontok, 3, 3)
        @Html.KretaCheckBoxFor(x => x.IsIdosavraOsztas).Enable(false).RenderWithName(3, 3)
    </div>
    <div class="row">
        @Html.KretaCheckBoxFor(x => x.IsFaliujsagonMegjelenjen).Enable(false).RenderWithName(3, 3)
    </div>
    <div class="row" id="FaliujsagDetailsDiv">
        @Html.KretaLabelFor(x => x.FaliujsagErvenyessegKezdete, 3, 3)
        @Html.KretaLabelFor(x => x.FaliujsagErvenyessegVege, 3, 3)
    </div>
</div>
<div id="OsztalyCsoportDiv" class="k-content">
    <div style="width: 96%; padding-left: 20px;">
        <h4 style="margin: 0;">@FogadooraResource.OsztalyCsoport</h4>
        @(
    Html.KretaGrid<FogadooraOsztalyCsoportGridModel>(
        name: "FogadooraOsztalyCsoportGrid",
        getUrl: new GridApiUrl("FogadooraApi", "GetOsztalyCsoportGrid"),
        pageSizes: null,
        allowPaging: false,
        dataBoundAdditionalFunction: "FogadooraHelper.SetOsztalyCsoportCheckboxes()"
        )
        .Columns(columns =>
        {
            columns.Bound(c => c.OsztalyCsoportNev);
        })
        .CheckBoxColumn(FogadooraResource.Hozzarendelve, c => c.Hozzarendelve, false, "OsztalyCsoportId", addHeaderTitle: true)
        .AutoBind(true)
              )
    </div>
</div>

<script type="text/javascript">
  var FogadooraHelper = (function () {
    var fogadooraHelper = function () { };
    fogadooraHelper.modFogadooraCancel = function () {
      KretaWindowHelper.destroyWindow("modFogadooraWindow");
    }

    fogadooraHelper.SetOsztalyCsoportCheckboxes = function (data) {
      var osztalyCsoportIdArray = "@(Html.Raw(Json.Encode(Model.SelectedOsztalyCsoportIdList)))";
      var osztalyCsoportIdList = CommonUtils.JSONparse(osztalyCsoportIdArray);

      if (osztalyCsoportIdList.length > 0) {
        $.each(osztalyCsoportIdList,
          function (index, value) {
            $("#FogadooraOsztalyCsoportGrid_" + "@Html.Raw(FogadooraResource.Hozzarendelve)" + "_" + value).prop('checked', true);
          });
      }
    }
    return fogadooraHelper;
  })();

  $(document).ready(function () {
    if ($("#Rendszeresseg").val() == "@((int) FogadooraRendszeressegEnum.EgyAlkalom)") {
      $("#RendszeresFogadooraDatumaDiv").hide();
    }

    if ($("#Rendszeresseg").val() != "@((int) FogadooraRendszeressegEnum.EgyAlkalom)") {
      $("#RendszeressegDiv").hide();
      $("#RendszeresFogadooraDatumaDiv").hide();
    }

    if ($('#IsFaliujsagonMegjelenjen').is(':checked')) {
      $('#FaliujsagDetailsDiv').show();
    } else {
      $('#FaliujsagDetailsDiv').hide();
    }

    $('#IsFaliujsagonMegjelenjen').click(function () {
      if ($(this).is(':checked')) {
        $('#FaliujsagDetailsDiv').show();
      } else {
        $('#FaliujsagDetailsDiv').hide();
      }
    });

    $("#JelenkezesekKezeleseReszletekDiv").hide();
    if ($("#JelentkezesekKezelese").prop("checked") == true) {
      $("#JelenkezesekKezeleseReszletekDiv").show();
    }

    $("#JelentkezesekKezelese").change(function () {
      $("#EgysegnyiIdopontok").data("kendoNumericTextBox").value("15");
      $("#IsIdosavraOsztas").prop("checked", false);
      if ($("#JelentkezesekKezelese").prop("checked") == true) {
        $("#JelenkezesekKezeleseReszletekDiv").show();
      } else {
        $("#JelenkezesekKezeleseReszletekDiv").hide();
      }
    });
  });
</script>