@using Kreta.Resources
@using Kreta.Web.Areas.Kerdoiv.Controllers
@using Kreta.Web.Helpers
@using Kreta.Web.Areas.Kerdoiv.Models

@model NatKerdoivModel

@{
    var formName = NatKerdoivController.FormName;
}

@using (Html.KretaForm(formName))
{
    @Html.HiddenFor(x => x.Id)

    @Html.KretaValidationSummary()

    <div class="kerdoivWrapper container-fluid">
        <div class="row kerdoivTitle">
            <div class="col-xs-12">
                <a class='redirectionLink' href='https://tudasbazis.ekreta.hu/pages/viewpage.action?pageId=6717625' target='_blank'>@(CommonResource.KattintsonIdeAKitoltesiUtmutatohoz)</a>
            </div>
        </div>
        <div class="row kerdoivTitle">
            <div class="col-xs-12">
                @KerdoivResource.Kerdes1Tol10IgSzoveg
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-8">
                @KerdoivResource.Kerdes01
            </div>
            <div class="col-sm-12 col-md-4">
                @Html.KretaSelectorFor(m => m.Kerdes01, Model.EgyToOtWithNemTudomSelectList)
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-8">
                @KerdoivResource.Kerdes02
            </div>
            <div class="col-sm-12 col-md-4">
                @Html.KretaSelectorFor(m => m.Kerdes02, Model.EgyToOtWithNemTudomSelectList)
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-8">
                @KerdoivResource.Kerdes03
            </div>
            <div class="col-sm-12 col-md-4">
                @Html.KretaSelectorFor(m => m.Kerdes03, Model.EgyToOtWithNemTudomSelectList)
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-8">
                @KerdoivResource.Kerdes04
            </div>
            <div class="col-sm-12 col-md-4">
                @Html.KretaSelectorFor(m => m.Kerdes04, Model.EgyToOtWithNemTudomSelectList)
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-8">
                @KerdoivResource.Kerdes05
            </div>
            <div class="col-sm-12 col-md-4">
                @Html.KretaSelectorFor(m => m.Kerdes05, Model.EgyToOtWithNemTudomSelectList)
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-8">
                @KerdoivResource.Kerdes06
            </div>
            <div class="col-sm-12 col-md-4">
                @Html.KretaSelectorFor(m => m.Kerdes06, Model.EgyToOtWithNemTudomSelectList)
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-8">
                @KerdoivResource.Kerdes07
            </div>
            <div class="col-sm-12 col-md-4">
                @Html.KretaSelectorFor(m => m.Kerdes07, Model.EgyToOtWithNemTudomSelectList)
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-8">
                @KerdoivResource.Kerdes08
            </div>
            <div class="col-sm-12 col-md-4">
                @Html.KretaSelectorFor(m => m.Kerdes08, Model.EgyToOtWithNemTudomSelectList)
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-8">
                @KerdoivResource.Kerdes09
            </div>
            <div class="col-sm-12 col-md-4">
                @Html.KretaSelectorFor(m => m.Kerdes09, Model.EgyToOtWithNemTudomSelectList)
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-8">
                @KerdoivResource.Kerdes10
            </div>
            <div class="col-sm-12 col-md-4">
                @Html.KretaSelectorFor(m => m.Kerdes10, Model.EgyToOtWithNemTudomSelectList)
            </div>
        </div>
        <div class="row kerdoivTitle">
            <div class="col-xs-12">
                @KerdoivResource.Kerdes11Tol12IgSzoveg
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-8">
                @KerdoivResource.Kerdes11
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-8">
                @Html.KretaTextAreaFor(m => m.Kerdes11, 1)
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-8">
                @KerdoivResource.Kerdes12
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12 col-md-8">
                @Html.KretaTextAreaFor(m => m.Kerdes12, 1)
            </div>
        </div>
        <div class="row">
            <div class="BtnOk" style="float: right; padding-left: 5px;">
                @Html.KretaButton("SaveNatKerdoiv", KerdoivResource.AKerdoivBekuldese, clickEventName: "NatKerdoivHelper.save")
            </div>
        </div>
    </div>
}

<script type="text/javascript">

    var NatKerdoivHelper = (function() {
        var natKerdoivHelper = function () { };

        var url = {
            Save: "@Url.HttpRouteUrl(Constants.RouteKey.ActionApi, new { controller = "NatKerdoivApi", action = "Save" })"
        };

        var formName = "@formName";

        natKerdoivHelper.save = function () {
            var form = $("#" + formName);
            if (form.valid()) {
                var formData = $("#" + formName).toObject();

                AjaxHelper.DoValidationPost(url.Save,
                    formName,
                    formData,
                    saveResponseOk);
            }
        }

        function saveResponseOk() {
            KretaWindowHelper.feedbackWindow("@(CommonResource.Siker)", "@(KerdoivResource.AKerdoivBekuldeseSikeresenMegtortent)", false);
        }

        return natKerdoivHelper;
    })();

</script>

<style>
    
    .kerdoivWrapper .kerdoivTitle {
        font-weight: bold;
        padding-top: 20px;
    }

    .kerdoivWrapper .redirectionLink {
        font-weight: 600;
    }

        .redirectionLink:hover {
            color: #337AB7;
            text-decoration: none;
        }

        .redirectionLink:after {
            color: #5C6A79;
            text-decoration: none;
        }

</style>