diff --git a/src/FrontOffice.Main/Pages/Profile/ChargeDiscountWallet.razor b/src/FrontOffice.Main/Pages/Profile/ChargeDiscountWallet.razor
index 37feab8..0847eae 100644
--- a/src/FrontOffice.Main/Pages/Profile/ChargeDiscountWallet.razor
+++ b/src/FrontOffice.Main/Pages/Profile/ChargeDiscountWallet.razor
@@ -78,13 +78,22 @@
                 }
 
                 <MudButton Variant="Variant.Filled"
-                           Color="Color.Default"
+                           Color="Color.Primary"
                            Size="Size.Large"
                            FullWidth="true"
-                           Disabled="true"
-                           StartIcon="@Icons.Material.Filled.AccessTime"
+                           Disabled="@(_isProcessing || _chargeAmount < 10_000)"
+                           OnClick="StartDiscountCharge"
+                           StartIcon="@Icons.Material.Filled.Payment"
                            Class="rounded-lg mt-2">
-                    <span>بزودی</span>
+                    @if (_isProcessing)
+                    {
+                        <MudProgressCircular Size="Size.Small" Indeterminate="true" Class="me-2" />
+                        <span>در حال انتقال به درگاه...</span>
+                    }
+                    else
+                    {
+                        <span>پرداخت با کارت بانکی</span>
+                    }
                 </MudButton>
             </MudStack>
         </MudPaper>
diff --git a/src/FrontOffice.Main/Pages/Profile/Index.razor b/src/FrontOffice.Main/Pages/Profile/Index.razor
index da4b228..2ca1a37 100644
--- a/src/FrontOffice.Main/Pages/Profile/Index.razor
+++ b/src/FrontOffice.Main/Pages/Profile/Index.razor
@@ -216,16 +216,36 @@
                     <MudText Typo="Typo.body2" Class="mud-text-secondary">پرداخت آنی از طریق درگاه بانکی</MudText>
                     @if (_purchaseCycleCount > 0)
                     {
-                        <MudButton Variant="Variant.Filled" Disabled="true" Color="Color.Primary" FullWidth="true"
-                                   StartIcon="@Icons.Material.Filled.Payment">
-                            پرداخت با کارت بانکی(بزودی)
+                        <MudButton Variant="Variant.Filled" Color="Color.Primary" FullWidth="true"
+                                   Disabled="@_isProcessingPayment"
+                                   StartIcon="@Icons.Material.Filled.Payment"
+                                   OnClick="DirectPayment">
+                            @if (_isProcessingPayment)
+                            {
+                                <MudProgressCircular Size="Size.Small" Indeterminate="true" Class="me-2" />
+                                <span>در حال انتقال به درگاه...</span>
+                            }
+                            else
+                            {
+                                <span>پرداخت با کارت بانکی</span>
+                            }
                         </MudButton>
                     }
                     else
                     {
-                        <MudButton Variant="Variant.Filled" Disabled="true" Color="Color.Primary" FullWidth="true"
-                                   StartIcon="@Icons.Material.Filled.Payment">
-                            پرداخت با کارت بانکی(بزودی)
+                        <MudButton Variant="Variant.Filled" Color="Color.Primary" FullWidth="true"
+                                   Disabled="@_isProcessingPayment"
+                                   StartIcon="@Icons.Material.Filled.Payment"
+                                   OnClick="DirectPayment">
+                            @if (_isProcessingPayment)
+                            {
+                                <MudProgressCircular Size="Size.Small" Indeterminate="true" Class="me-2" />
+                                <span>در حال انتقال به درگاه...</span>
+                            }
+                            else
+                            {
+                                <span>پرداخت با کارت بانکی</span>
+                            }
                         </MudButton>
                     }
                 </MudStack>
diff --git a/src/FrontOffice.Main/Pages/Profile/MagicWallet.razor b/src/FrontOffice.Main/Pages/Profile/MagicWallet.razor
index b78db30..839d38a 100644
--- a/src/FrontOffice.Main/Pages/Profile/MagicWallet.razor
+++ b/src/FrontOffice.Main/Pages/Profile/MagicWallet.razor
@@ -138,13 +138,22 @@
                         </MudStack>
 
                         <MudButton Variant="Variant.Filled"
-                                   Color="Color.Default"
+                                   Color="Color.Primary"
                                    Size="Size.Large"
                                    FullWidth="true"
-                                   Disabled="true"
-                                   StartIcon="@Icons.Material.Filled.AccessTime"
+                                   Disabled="@(_isProcessing || _chargeAmount < 10_000)"
+                                   OnClick="StartMagicCharge"
+                                   StartIcon="@Icons.Material.Filled.Payment"
                                    Class="rounded-lg mt-2">
-                            <span>بزودی</span>
+                            @if (_isProcessing)
+                            {
+                                <MudProgressCircular Size="Size.Small" Indeterminate="true" Class="me-2" />
+                                <span>در حال انتقال به درگاه...</span>
+                            }
+                            else
+                            {
+                                <span>پرداخت با کارت بانکی</span>
+                            }
                         </MudButton>
                     </MudStack>
                 </MudPaper>