diff --git a/ServiceHost/Areas/Admin/Pages/Index.cshtml b/ServiceHost/Areas/Admin/Pages/Index.cshtml
index b6a40be7..a36a3d4b 100644
--- a/ServiceHost/Areas/Admin/Pages/Index.cshtml
+++ b/ServiceHost/Areas/Admin/Pages/Index.cshtml
@@ -240,35 +240,38 @@
 <div class="row">
 	<div class="gwb-container">
 
-		<div permission="2" id="smsDiv" class="gwb-card">
-			<div type="button" class="click p-1 loadingButton" style="padding: 0 5px">
-				<div class="gwb-card-flex" style="justify-content: space-between;width: 100%;">
-					<div class="gwb-card-flex p-1">
-						<img src="~/AssetsClient/images/sms-icon.png" alt="" class="img-fluid mx-1" width="50px"/>
-						<div class="text-start ms-1">
-							@* <div class="card-title">مقدار اعتبار فعلی</div> *@
-							<div class="card-title">sms.ir</div>
-						</div>
-					</div>
+		<div permission="2" id="smsDiv" class="gwb-card" >
+            <div type="button" class="click p-1 loadingButton" style="padding: 0 5px">
+                <div class="gwb-card-flex" style="justify-content: space-between;width: 100%;">
+                    <div class="gwb-card-flex p-1">
+                        <img src="~/AssetsClient/images/sms-icon.png" alt="" class="img-fluid mx-1" width="50px"/>
+                        <div class="text-start ms-1">
+                            @* <div class="card-title">مقدار اعتبار فعلی</div> *@
+                            <div class="card-title">sms.ir</div>
+                        </div>
+                    </div>
 					
-					<div style="display: flex;flex-direction: column;align-items: end;">
-						<div class="card-amount">
-							<span class="remain-number" style="color: #6D6D6D">پیامک باقیمانده</span>
-							<span id="amountSms">خطا در ای پی آی</span>
-						</div>
+                    <div style="display: flex;flex-direction: column;align-items: end;">
+                        <div class="card-amount">
+                            <span class="remain-number" style="color: #6D6D6D">پیامک باقیمانده</span>
+                            <span id="amountSms"></span>
+                        </div>
 					
-						<div style="">
-							<a  href="https://sms.ir/" target="_blank" rel="noopener noreferrer">
-								<button id="btnSMS" class="btnSms">
-									ورود به سامانه
-								</button>
-							</a>
-						</div>
-					</div>
-
-				</div>
-			</div>
-		</div>
+                        <div style="">
+                            <a  href="https://sms.ir/" target="_blank" rel="noopener noreferrer">
+                                <button id="btnSMS" class="btnSms">
+                                    ورود به سامانه
+                                </button>
+                            </a>
+                        </div>
+                    </div>
+                </div>
+				
+                <div class="spinner-loading loading rounded-0" id="loadingSmsRemaining" style="display: flex;">
+                    <div class="spinner"></div>
+                </div>
+            </div>
+        </div>
 
 	</div>
 </div>
@@ -793,10 +796,11 @@
 {
 	<script src="~/admintheme/js/slick.min.js"></script>
 	<script src="~/AssetsAdminNew/report/js/index.js"></script>
-@* 	<script>
+    <script>
 		var antiForgeryToken = $(`@Html.AntiForgeryToken()`).val();
-		var ajaxDataReport = `@Url.Page("./Index", "ReportDataAjax")`;
-		var boolPermissionForReports = @(authHelper.GetPermissions().Any(x => x == 306) ? "true" : "false");
-	</script> *@
+		var smsRemainingUrl = `@Url.Page("./Index", "SmsRemaining")`;
+		// var ajaxDataReport = `@Url.Page("./Index", "ReportDataAjax")`;
+		// var boolPermissionForReports = @(authHelper.GetPermissions().Any(x => x == 306) ? "true" : "false");
+	</script>
 	<script src="~/assetsadmin/page/index/js/index.js?ver=@adminVersion"></script>
 }
\ No newline at end of file
diff --git a/ServiceHost/Areas/Admin/Pages/Index.cshtml.cs b/ServiceHost/Areas/Admin/Pages/Index.cshtml.cs
index 8ea4df36..005eb483 100644
--- a/ServiceHost/Areas/Admin/Pages/Index.cshtml.cs
+++ b/ServiceHost/Areas/Admin/Pages/Index.cshtml.cs
@@ -48,7 +48,6 @@ namespace ServiceHost.Areas.Admin.Pages
         public string FolderPath;
         public int TaskCount;
         public int TicketCount;
-        public int SmsRemaining;
 
         public IndexModel(IWebHostEnvironment webHostEnvironment, IConfiguration configuration, IAuthHelper authHelper, IReportApplication reportApplication, IYearlySalaryApplication yearlySalaryApplication, IWorkshopApplication workshopApplication, IAccountApplication accountApplication, ITaskApplication taskApplication, ITicketApplication ticketApplication, ISmsService smsService)
         {
@@ -89,6 +88,14 @@ namespace ServiceHost.Areas.Admin.Pages
             //    Console.WriteLine(Path.GetFileName(fileEntry));
             //}
         }
+        public async Task<IActionResult> OnGetSmsRemaining()
+        {
+            var result = (int)await _smsService.GetCreditAmount();
+            return new JsonResult(new
+            {
+                data = result
+            });
+        }
 
         public async Task<IActionResult> OnGetReportDataAjax()
         {
diff --git a/ServiceHost/wwwroot/AssetsAdmin/page/Index/js/Index.js b/ServiceHost/wwwroot/AssetsAdmin/page/Index/js/Index.js
index 2e3e24f0..6f299c25 100644
--- a/ServiceHost/wwwroot/AssetsAdmin/page/Index/js/Index.js
+++ b/ServiceHost/wwwroot/AssetsAdmin/page/Index/js/Index.js
@@ -5,12 +5,31 @@
         loadingDiv.show();
     });
 
-    updateAmountColor();
+    loadSmsRemaining();
     //if (boolPermissionForReports) {
     //    ReportAjaxData();
     //}
 });
 
+function loadSmsRemaining() {
+    $.ajax({
+        async: true,
+        contentType: 'charset=utf-8',
+        dataType: 'json',
+        type: 'GET',
+        url: smsRemainingUrl,
+        headers: { "RequestVerificationToken": antiForgeryToken },
+        success: function (response) {
+            $('#amountSms').text(response.data);
+            $('#loadingSmsRemaining').hide();
+            updateAmountColor();
+        },
+        error: function (xhr, status, error) {
+            console.error(xhr.responseText);
+        }
+    });
+}
+
 function updateAmountColor() {
     const amountDiv = document.querySelector("#amountSms");
     const smsDiv = document.getElementById('smsDiv');