<div class="row form-group container"><input type="submit" value="Clone" formaction="InsertListOfPH" class="btn btn-primary pull-right" /></div>
        <table id="tbl" class="table table-small-font table-bordered table-striped">
            <thead>
                <tr>
                    <th>&nbsp;</th>
                    <th class="text-left">Dated</th>
                    <th class="text-center">Remarks</th>
                    <th class="text-center">For State</th>
                    <th class="text-center"></th>
                </tr>
            </thead>
            <tbody>
                @foreach (var i in PublicHolidays)
                {
                    <tr>
                        <td>@Idx</td>
                        <td>
                            <input id="@i.Id" name="inputDates" type="datetime" class="form-control inputDate input-sm" value="@Html.DisplayFor(x => i.Dated)" readonly onclick="return GetDatePicker(@i.Id)" />
                            <input hidden name="inputId" value="@i.Id" />
                        </td>
                        <td>@Html.DisplayFor(x => i.Remarks)</td>
                        <td>@Html.DisplayFor(x => i.ForStateName)</td>
                        <td><button type="submit" name="SelId" value="@i.Id" formaction="RemoveCloneHoliday" class="btn btn-primary btn-sm">Delete</button></td>
                    </tr>
                    Idx++;
                }
            </tbody>
        </table>


@section Scripts {
<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/jquery-ui-1.12.1/jquery-ui.js"></script>
<script type="text/javascript">
    function GetDatePicker(id){
        $('#'+id).datepicker({
            dateFormat: @Html.Raw(Newtonsoft.Json.JsonConvert.SerializeObject(ViewData["JSDateFormat"])),
            autoclose: true
        });
    }
</script>
}