public class Student
{
    [Key]
    [DatabaseGenerated(DatabaseGeneratedOption.Identity)]
    public int StudentId { get; set; }
    public String LastName { get; set; }
    public String FirstName { get; set; }
    public String UserName { get; set; }
    public String Password { get; set; }

    [ForeignKey("Department")]
    public int DepartmentID { get; set; }

    //Department Navigational Property
    public Department Department { get; set; }
}

public class Department
{
    [Key]
    [DatabaseGenerated(DatabaseGeneratedOption.Identity)]
    public int DepartmentID { get; set; }

    [Required(ErrorMessage="Department Name cannot be empty")]
    public String DepartmentName { get; set; }

    [Required(ErrorMessage = "Department Code cannot be empty")]
    public String DepartmentCode { get; set; }

    public virtual ICollection<Student> Students { get; set; }
}

protected override void Seed(StudentContext context)
    {
        var departments = new List<Department>
        {
            new Department {DepartmentName="CSE",DepartmentCode="CS101"},
            new Department {DepartmentName="ECE",DepartmentCode="EC197"},
            new Department {DepartmentName="MECH",DepartmentCode="MC202"}
        };

        departments.ForEach(d => context.Departments.Add(d));
        context.SaveChanges();

        var students = new List<Student> {
            new Student {FirstName = "Zack",LastName="Dyas", UserName ="zack_dyas",DepartmentID=1,Password ="zack123"},
            new Student {FirstName = "Abraham",LastName="D'Pedro",UserName ="ab_dpedro",DepartmentID=2,Password ="ab123"}
        };

        students.ForEach(s => context.Students.Add(s));
        context.SaveChanges();

    }
}

@model IEnumerable<MvcApplication4.ViewModels.StudentViewModel>
@{
    ViewBag.Title = "MyAction";
    Layout = "~/Views/Shared/_myTemplateLayoutPage.cshtml";
}


<div id="content">
    <div id="mainpage">

    <h2>Registration Details</h2>
        <ul>
        @foreach(var item in Model)
        {
            <li>
                @Ajax.ActionLink(item.UserName, @*Text to be displayed *@
                    "GetUserDetails", @*Action Method Name*@
                    new AjaxOptions
                    {
                       UpdateTargetId = "CustomerDetails", @*DOM element ID to be updated *@
                       InsertionMode = InsertionMode.Replace,@*Replace the content of DOM element *@
                       HttpMethod = "GET" @*HTTP method *@
                    }
                )
            </li>
        }
        </ul>
        <div id ="CustomerDetails">
            <h2>Student Details</h2>
            <table>
                <tr>
                    <th>Student Name</th>
                    <th>User Name</th>
                    <th>Department</th>
                </tr>
                <tr>

                </tr>
            </table>
        </div>
    </div>
    <div id="sidebar">
    </div>
    <div id="sidebarcontents">
        <ul id="menu">
            <li>
                <h2>Our Services</h2>
            </li>
            <li>
                <ul>
                    <li><a href="#">Link a   Website</a></li>
                    <li><a href="#">Website Link B</a></li>

                    <li><a href="#">Website Link C</a></li>
                    <li><a href="#">Small Businesses Website</a></li>
                    <li><a href="#">Flyer Website</a></li>
                </ul>
            </li>
        </ul>
    </div>

    <div id="sidebarbottom"></div>
</div>