@model IEnumerable<TracRite.Optimum.Enterprise.MVC.Models.RecipeImportConfigViewModel>

@{ ViewBag.Title = "Recipe Import Config"; }

<hr />

<h2>@ViewBag.Title</h2>
<br />

@using (Html.BeginForm())
{
    @Html.AntiForgeryToken()
    <h4>@ViewBag.Title</h4>

    <hr />

    <div class="form-horizontal col-md-offset-1">
        @Html.ValidationSummary(true, "", new { @class = "text-danger" })

        <div class="form-group">
            @*@Html.DropDownList("ClassName", new SelectList(Model))*@

            @*@Html.DropDownListFor(m => m, new SelectList(Model, "ClassName"),
                        new { @class = "form-Control", id = "configList", name = "configList", value = "teste" })*@

            <select class="form-control">
                <option value="Model" disabled selected>Select...</option>
                @Url.Action("PartialRecipeImportConfig", "RecipeImportConfigController")
                @foreach (var item in Model) {
                    <option value="@item.ConfigList">@item.ClassName </option>
                }
            </select>

        </div>

        <hr />

        <div id="Properties" class="form-group">
            @*@Html.Partial("_Properties", Model)*@
        </div>

        <div class="form-group">
            <input type="submit" value="Save" class="btn btn-default col-md-offset-2 col-md-1" />
            @*@Html.ActionLink("Back to List", "Index", "AccessLevel", new { @class = "btn btn-default col-md-offset-1" })*@
        </div>
    </div>
}

<script>
    //function toggle(source, className) {
    //    checkboxes = document.getElementsByClassName(className);
    //    for (var i = 0, n = checkboxes.length; i < n; i++) {
    //        checkboxes[i].checked = source.checked;
    //    }
    //}

    //function toggleAllPages(source) {
    //    checkboxes = document.getElementsByName("Pages");
    //    for (var i = 0, n = checkboxes.length; i < n; i++) {
    //        checkboxes[i].checked = source.checked;
    //    }
    //}

    $(document).ready (function() {
        $('#configList').on('change', function () {
            selectedClass = $('#configList').val();
            $.get(
                "../PartialRecipeImportConfig",
                { model: selectedClass} ,
                function( data ) {
                    $("#Properties").html(data);
                }
            ).fail(function(jqXHR) {
                $("#Properties").html(JSON.stringify(jqXHR));
            });
        })
    });
</script>