<%@ Page Language="C#" AutoEventWireup="true" UICulture="auto" Culture="auto" meta:resourcekey="PageResource1" %>

<%@ Import Namespace="System.IO" %>
<%@ Import Namespace="System.Threading" %>
<%@ Import Namespace="System.Globalization" %>

<script runat="server">
    // ... (keep existing server-side script)
</script>

<%  
    Response.Cache.SetCacheability(HttpCacheability.NoCache);
    Response.Cache.SetExpires(DateTime.Now.AddMinutes(-30)); %>
    
<style>
    .ag-cell .fa-edit {
    cursor: pointer;
    color: #007bff; /* or any color you prefer */
    }

    .ag-cell .fa-edit:hover {
        color: #0056b3; /* darker shade for hover effect */
    }

</style>
<script id="ag-grid-module" type="text/x-handlebars-template">
    <div id="{{id}}" class="ag-theme-alpine w-full" style="height: 75vh;"></div>

</script>

<link href="<%= ResolveUrl("~/app/components/ag-grid/ag-grid-styles.css")%>" rel="stylesheet" />
<link href="<%= ResolveUrl("~/assets/libs/js/ag-grid/ag-grid.css") %>" rel="stylesheet" />
<link href="<%= ResolveUrl("~/assets/libs/js/ag-grid/ag-theme-alpine.css") %>" rel="stylesheet" />