Checkbox com relacionamento muito para muitos

Question

Olá pessoal, estou fazendo um sistema de login, vou expor as classe para contextualizar melhor:

plugin.cs

using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;

namespace Site.Areas.w7painel.Models
{
    public class Plugin
    {
        public int Id { get; set; }
        public string Nome { get; set; }
        public string Versao { get; set; }
        public string Descricao { get; set; }

        public ICollection<Permissao> Permissoes { get; set; }
    }
}

Permissao.cs

using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;

namespace Site.Areas.w7painel.Models
{
    public class Permissao
    {
        public int Id { get; set; }
        public string Nome { get; set; }
        public string Chave { get; set; }
        public Plugin Plugin { get; set; }

        public virtual ICollection<Grupo> Grupos { get; set; }

    }
}

Grupo.cs

using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;

namespace Site.Areas.w7painel.Models
{
    public class Grupo
    {
        public int Id { get; set; }
        public string Nome { get; set; }
        public  ICollection<Permissao> Permissoes { get; set; }
    }
}

Esta são as classes envolvidas, o meu controller esta assim:

GrupoController.cs

[Seguranca]
        public ActionResult Edit(int id)
        {
            var grupo = db.Grupos.Include(x => x.Permissoes).FirstOrDefault(x => x.Id == id);
            ViewBag.Plugins = db.Plugins.Include(x => x.Permissoes).ToList();
            return View(grupo);
        }

E na view

@using Site.Areas.w7painel.Models
@{
    ViewBag.Title = "Edit";
    Layout = "~/Areas/w7painel/Views/Shared/_Layout.cshtml";
}
<h2>
    Edit</h2>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>
@using (Html.BeginForm())
{
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>Grupo</legend>
        @Html.HiddenFor(model => model.Id)
        <div class="editor-label">
            @Html.LabelFor(model => model.Nome)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.Nome)
            @Html.ValidationMessageFor(model => model.Nome)
        </div>
        @foreach (var item in (IList<Plugin>)ViewBag.Plugins)
        {
            <p>@item.Nome</p>
            <ul>
                @foreach (var permissao in item.Permissoes)
                {
                    <li>
                        <input name="" id="" type="checkbox" value="@permissao.Id"/>@permissao.Nome
                    </li>
                }
            </ul>
        }
        <p>
            <input type="submit" value="Save" />
        </p>
    </fieldset>
}
<div>
    @Html.ActionLink("Back to List", "Index")
</div>

A duvida é como eu construo a minha view para que ela FUNCIONE, como eu preencho o name, e o id, do checkbox, para que ele mostre os valores que já existem selecionados no banco de dados?

---

Cleyton Ferrari [ twitter: @cleytonferrari - Site: TI Selvagem ]