text/x-jsrender not working

@(Html.EJS().Grid("Grid").DataSource(ds => ds.Url(@Url.Action("KycDatasource", "Admin")).Adaptor("UrlAdaptor")).AllowSorting().Columns(col =>

                        {                                                                                                                    col.Field("Status").HeaderText("Status").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Center).Template("#statusTemplate").Width("80").Add();

                            col.HeaderText("Action").TextAlign(Syncfusion.EJ2.Grids.TextAlign.Center).Template("#template").Width("150").Add();

                        }).Render())

Then my jsrender is:

<script id="template" type="text/x-jsrender">

    {{if Status == "Pending"}}

    <a class="badge badge-danger" rel='nofollow' href="/Admin/AcceptKyc/${NumberId}">Accept</a>

    {{/if}}

</script>

Result:

What did I do wrong?