@model ProductModel

<script type="text/javascript">
    $(document).ready(function () {
        $("#@Html.FieldIdFor(model => model.SubjectToAcl)").click(toggleAcl);
        toggleAcl();
    });

    function toggleAcl() {
        if ($('#@Html.FieldIdFor(model => model.SubjectToAcl)').is(':checked')) {
            $('#pnl-acl').show();
        }
        else {
            $('#pnl-acl').hide();
        }
    }
</script>
<table class="adminContent">
    <tr>
        <td class="adminTitle">
            @Html.SmartLabelFor(model => model.SubjectToAcl)
        </td>
        <td class="adminData">
            @Html.EditorFor(model => model.SubjectToAcl)
            @Html.ValidationMessageFor(model => model.SubjectToAcl)
        </td>
    </tr>
    <tr id="pnl-acl">
        <td class="adminTitle">
            @Html.SmartLabelFor(model => model.AvailableCustomerRoles)
        </td>
        <td class="adminData">
            @if (Model.AvailableCustomerRoles != null && Model.AvailableCustomerRoles.Count > 0)
            {
                foreach (var customerRole in Model.AvailableCustomerRoles)
                {
                    <div>
                        <label class="checkbox">
                            <input type="checkbox" name="SelectedCustomerRoleIds" value="@customerRole.Id" checked="@(Model.SelectedCustomerRoleIds != null && Model.SelectedCustomerRoleIds.Contains(customerRole.Id))" />@customerRole.Name
                        </label>
                    </div>
                }
            }
            else
            {
                <div>No customer roles defined</div>
            }
        </td>
    </tr>
</table>