How To Open BootStrap Model when User Click On Edit Button?

Database Field Name:

I want to open a bootstrap model when user click on edit button then open the edit view see my console logs:

plzz help ?

I create an edit partial view see code

Code:

HomeController.cs

Index.cshtml

Edit.cshtml

@model DatabasefirstApproach.empl
@using (Html.BeginForm())
{
@Html.AntiForgeryToken()
class="form-horizontal"*@ class="modal fade" id="mod-edit-emp">
empl
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
@Html.HiddenFor(model => model.empid)
class="form-group">
@Html.LabelFor(model => model.empname, htmlAttributes: new { @class = "control-label col-md-2" })
class="col-md-10">
@Html.EditorFor(model => model.empname, new { htmlAttributes = new { @class = "form-control" } })
@Html.ValidationMessageFor(model => model.empname, "", new { @class = "text-danger" })

class="form-group">

@Html.LabelFor(model => model.empsalary, htmlAttributes: new { @class = "control-label col-md-2" })

class="col-md-10">

@Html.EditorFor(model => model.empsalary, new { htmlAttributes = new { @class = "form-control" } })

@Html.ValidationMessageFor(model => model.empsalary, "", new { @class = "text-danger" })

Index