@using Kreta.Web.Areas.Adminisztracio.Models

@model HelyettesitesBevitelModel

@{
    string formName = "HelyettesitesBevitelForm";
}

@using (Html.KretaForm(formName))
{
    @Html.HiddenFor(x => x.HelyettesitesBevitelTanarId)
    @Html.HiddenFor(x => x.HelyettesitesBevitelCalendarEventId)
    @Html.HiddenFor(x => x.HelyettesitesBevitelHelyettesitesId)
    @Html.HiddenFor(x => x.HelyettesitesBevitelGroupId)
    @Html.HiddenFor(x => x.HelyettesitesBevitelCalendarOraType)
    @Html.HiddenFor(x => x.HelyettesitesBevitelOraKezdeteDate)
    @Html.HiddenFor(x => x.HelyettesitesBevitelOraVegeDate)
    @Html.HiddenFor(x => x.IsTulora)
    @Html.HiddenFor(x => x.IsTuloraMentes)

    <div class="container-fluid details">
        <div class="row">
            @Html.KretaLabelFor(x => x.HelyettesitesBevitelOraKezdeteDateText, 3, 3)
            @Html.KretaLabelFor(x => x.HelyettesitesBevitelOraVegeDateText, 3, 3)
        </div>
        <div class="row">
            <div id="helyettesitesBevitelTanarNevDiv" class="col-xs-12">
                @Html.KretaLabelFor(x => x.HelyettesitesBevitelTanarNev, 3, 3)
            </div>
            <div class="col-xs-4">
                <div class="col-xs-12 tanarBox firstTanarBox">
                    <h3 class="tanarBoxHeader">@OrarendResource.Helyettesites</h3>
                    @Html.KretaComboBox("HelyettesitesOsztalybanSzakosTanarId", Model.HelyettesitesOsztalybanSzakosTanarList, new Dictionary<string, object> { { "class", "helyettesitesTanarComboBox" } }, "HelyettesitesBevitelHelper.helyettesitoTanarOnChange(this)", OrarendResource.HelyettesitesOsztalybanSzakosTanar, false, false).AutoBind(true).RenderWithName(12, 12)
                    @Html.KretaComboBox("HelyettesitesNemOsztalybanSzakosTanarId", Model.HelyettesitesNemOsztalybanSzakosTanarList, new Dictionary<string, object> { { "class", "helyettesitesTanarComboBox" } }, "HelyettesitesBevitelHelper.helyettesitoTanarOnChange(this)", OrarendResource.HelyettesitesNemOsztalybanSzakosTanar, false, false).AutoBind(true).RenderWithName(12, 12)
                    @Html.KretaComboBox("HelyettesitesOsztalybanNemSzakosTanarId", Model.HelyettesitesOsztalybanNemSzakosTanarList, new Dictionary<string, object> { { "class", "helyettesitesTanarComboBox" } }, "HelyettesitesBevitelHelper.helyettesitoTanarOnChange(this)", OrarendResource.HelyettesitesOsztalybanNemSzakosTanar, false, false).AutoBind(true).RenderWithName(12, 12)
                    @Html.KretaComboBox("HelyettesitesNemOsztalybanNemSzakosTanarId", Model.HelyettesitesNemOsztalybanNemSzakosTanarList, new Dictionary<string, object> { { "class", "helyettesitesTanarComboBox" } }, "HelyettesitesBevitelHelper.helyettesitoTanarOnChange(this)", OrarendResource.HelyettesitesNemOsztalybanNemSzakosTanar, false, false).AutoBind(true).RenderWithName(12, 12)
                </div>
            </div>
            <div class="col-xs-4">
                <div class="col-xs-12 tanarBox secondTanarBox">
                    <h3 class="tanarBoxHeader">@OrarendResource.Osszevonas</h3>
                    @Html.KretaComboBox("OsszevonasOsztalybanSzakosTanarId", Model.OsszevonasOsztalybanSzakosTanarList, new Dictionary<string, object> { { "class", "helyettesitesTanarComboBox" } }, "HelyettesitesBevitelHelper.helyettesitoTanarOnChange(this)", OrarendResource.OsszevonasOsztalybanSzakosTanar, false, false).AutoBind(true).RenderWithName(12, 12)
                    @Html.KretaComboBox("OsszevonasNemOsztalybanSzakosTanarId", Model.OsszevonasNemOsztalybanSzakosTanarList, new Dictionary<string, object> { { "class", "helyettesitesTanarComboBox" } }, "HelyettesitesBevitelHelper.helyettesitoTanarOnChange(this)", OrarendResource.OsszevonasNemOsztalybanSzakosTanar, false, false).AutoBind(true).RenderWithName(12, 12)
                    @Html.KretaComboBox("OsszevonasOsztalybanNemSzakosTanarId", Model.OsszevonasOsztalybanNemSzakosTanarList, new Dictionary<string, object> { { "class", "helyettesitesTanarComboBox" } }, "HelyettesitesBevitelHelper.helyettesitoTanarOnChange(this)", OrarendResource.OsszevonasOsztalybanNemSzakosTanar, false, false).AutoBind(true).RenderWithName(12, 12)
                    @Html.KretaComboBox("OsszevonasNemOsztalybanNemSzakosTanarId", Model.OsszevonasNemOsztalybanNemSzakosTanarList, new Dictionary<string, object> { { "class", "helyettesitesTanarComboBox" } }, "HelyettesitesBevitelHelper.helyettesitoTanarOnChange(this)", OrarendResource.OsszevonasNemOsztalybanNemSzakosTanar, false, false).AutoBind(true).RenderWithName(12, 12)
                </div>
            </div>
            <div class="col-xs-4">
                <div class="col-xs-12 tanarBox thirdTanarBox">
                    <h3 class="tanarBoxHeader">@OrarendResource.Felugyelet</h3>
                    @Html.KretaComboBox("FelugyeletTanarId", Model.FelugyeletTanarList, new Dictionary<string, object> { { "class", "helyettesitesTanarComboBox" } }, "HelyettesitesBevitelHelper.helyettesitoTanarOnChange(this)", OrarendResource.FelugyeletTanar, false, false).AutoBind(true).RenderWithName(12, 12)
                </div>
                <div class="col-xs-12 tanarBox thirdTanarBox">
                    <h3 class="tanarBoxHeader">@OrarendResource.OsszesPedagogus</h3>
                    @Html.KretaComboBox("OsszesTanarId", Model.OsszesTanarList, new Dictionary<string, object> { { "class", "helyettesitesTanarComboBox" } }, "HelyettesitesBevitelHelper.helyettesitoTanarOnChange(this)", showUnknownValueMessage: false, isSingleElementSet: false).AutoBind(true).RenderWithoutName()
                </div>
            </div>
        </div>
        <div id="helyettesitesGyakorisagTipusDiv" class="row">
            <div class="col-xs-6">
                @Html.KretaRadioButtonListFor(m => m.HelyettesitesBevitelHelyettesitesGyakorisagTipus, Model.HelyettesitesGyakorisagTipusList, true, onChangeFunction: "HelyettesitesBevitelHelper.helyettesitesGyakorisagTipusOnChange(this)")
            </div>
            <div id="helyettesitesVegeDateDiv" class="col-xs-6 labelFix">
                @Html.KretaDatePickerFor(m => m.HelyettesitesBevitelTartosHelyettesitesVegeDate).RenderWithName()
            </div>
        </div>
        <div class="row">
            @Html.KretaComboBoxFor(x => x.HelyettesitesBevitelHelyettesitesTipusId, Model.HelyettesitesTipusList).AutoBind(true).RenderWithName(3)
        </div>
        <div class="row">
            @Html.KretaTextAreaFor(x => x.HelyettesitesBevitelHelyettesitesOka).RenderWithName(3, 9)
        </div>
        <div id="missingEmailCim" class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <label class="windowInputLabel">@AdminisztracioResource.PedagogusNincsEmailHelyettesites</label>
            </div>
        </div>
    </div>

    @Html.KretaValidationSummary()
}

<script>
    $(document).ready(function () {
        $("#missingEmailCim").hide();

        if (CommonUtils.isNullOrEmpty("@Model.HelyettesitesBevitelHelyettesitesId")) {
            $("#helyettesitesBevitelTanarNevDiv").detach();
            $("#helyettesitesGyakorisagTipusDiv").show();
        } else {
            $("#helyettesitesBevitelTanarNevDiv").show();
            $("#helyettesitesGyakorisagTipusDiv").detach();
        }

        setTanarComboboxDisabled("HelyettesitesOsztalybanSzakosTanarId", @(Model.HelyettesitesOsztalybanSzakosTanarList.Count));
        setTanarComboboxDisabled("HelyettesitesNemOsztalybanSzakosTanarId", @(Model.HelyettesitesNemOsztalybanSzakosTanarList.Count));
        setTanarComboboxDisabled("HelyettesitesOsztalybanNemSzakosTanarId", @(Model.HelyettesitesOsztalybanNemSzakosTanarList.Count));
        setTanarComboboxDisabled("HelyettesitesNemOsztalybanNemSzakosTanarId", @(Model.HelyettesitesNemOsztalybanNemSzakosTanarList.Count));
        setTanarComboboxDisabled("OsszevonasOsztalybanSzakosTanarId", @(Model.OsszevonasOsztalybanSzakosTanarList.Count));
        setTanarComboboxDisabled("OsszevonasNemOsztalybanSzakosTanarId", @(Model.OsszevonasNemOsztalybanSzakosTanarList.Count));
        setTanarComboboxDisabled("OsszevonasOsztalybanNemSzakosTanarId", @(Model.OsszevonasOsztalybanNemSzakosTanarList.Count));
        setTanarComboboxDisabled("OsszevonasNemOsztalybanNemSzakosTanarId", @(Model.OsszevonasNemOsztalybanNemSzakosTanarList.Count));
        setTanarComboboxDisabled("FelugyeletTanarId", @(Model.FelugyeletTanarList.Count));
        setTanarComboboxDisabled("OsszesTanarId", @(Model.OsszesTanarList.Count));

        $("#HelyettesitesWindow_wnd_title").text("@Html.Raw(HttpUtility.JavaScriptStringEncode(Model.HelyettesitesTitle))")
    });

    function setTanarComboboxDisabled(id, itemCount) {
        if (itemCount === 0) {
            var kendoComboBoxData = KretaComboBoxHelper.getKendoComboBoxData(id);
            kendoComboBoxData.enable(false);
            kendoComboBoxData.input.attr("placeholder", "@Html.Raw(CommonResource.NincsKivalaszthatoElem)");
        }
    }
</script>

<style type="text/css">
    .tanarBox {
        border-radius: 25px;
        margin: 10px 5px;
        padding: 10px 0;
    }

    .tanarBoxHeader {
        text-align: center;
    }

    .firstTanarBox {
        background-color: #7cc2dc;
        height: 400px;
    }

    .secondTanarBox {
        background-color: #eca4a3;
        height: 400px;
    }

    .thirdTanarBox {
        background-color: #f4c37d;
        height: 170px;
    }

    .k-checkbox-label:before, .k-radio-label:before {
        top: 1px;
    }

    .k-radio:checked + .k-radio-label:after, .k-checkbox:checked + .k-checkbox-label:after {
        top: 5px;
    }

    .k-radio-label {
        line-height: initial;
        padding-left: 2em;
    }

    div.labelFix > div > label {
        padding-top: 15px !important;
    }

    #helyettesitesGyakorisagTipusDiv {
        display: none;
    }

    #helyettesitesVegeDateDiv {
        display: none;
    }

    #helyettesitesBevitelTanarNevDiv {
        display: none;
        margin-top: 10px;
    }
</style>