@model EnVisage.Models.ContactModel

@{
    ViewBag.Title = "Delete " + Model.FirstName + " " + Model.LastName;
}

@section Scripts
{
    <script type="text/javascript">
        emulateNavUrl = "/Contact";
        init.push(function() {
            StartEdit('Contact', '@Model.Id', "#btnDelete", "", "erorMsgPlaceholder");
            $('#btnDelete').click(function () {
                if ($(this).parents('form').valid())
                    blockUI();
            });
        });
    </script>
}

    <div id="erorMsgPlaceholder"></div>

    <div class="panel panel-warning panel-dark">
        <div class="panel-heading">
            <span class="panel-title">Warning</span>
            <div class="panel-heading-controls">
                <div class="panel-heading-icon"><i class="fa fa-warning"></i></div>
            </div>
        </div>
        <div class="panel-body">
            <p>You are about to delete the @(Model.FirstName + " " + Model.LastName). Are you sure you want to delete it?</p>
            @using (Html.BeginForm())
            {
                @Html.AntiForgeryToken()
                @Html.HiddenFor(t=>t.Id)
                <a class="btn btn-primary" href="@Url.Action("Index", "Contact")"><i class="fa fa-backward"></i> Back to list</a>
                <button type="submit" class="btn btn-danger" id="btnDelete"><i class="fa fa-trash-o"></i> Delete</button>
            }
        </div>
    </div>