@php
$smsBalance = getSmsBalance();
$balanceFunctionAvailable = ($smsBalance !== null);
if ($balanceFunctionAvailable) {
$smsBalanceValue = $smsBalance['value'];
$smsBalanceUnits = $smsBalance['units'];
// Determine status level
if ($smsBalanceValue < 200) {
$status = 'critical';
$progress = $smsBalanceValue / 200; // Scale to danger threshold
} elseif ($smsBalanceValue <= 500) {
$status = 'warning';
$progress = $smsBalanceValue / 500; // Scale to warning threshold
} else {
$status = 'healthy';
$progress = min($smsBalanceValue / 1000, 1); // Cap at 100% for visualization
}
}
@endphp
@if ($balanceFunctionAvailable)
<div class="alert-card alert-card--{{ $status === 'healthy' ? 'success' : ($status === 'warning' ? 'warning' : 'danger') }} h-100">
   <div class="alert-card__icon">
      @if($status === 'critical')
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor">
         <path d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/>
      </svg>
      @elseif($status === 'warning')
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor">
         <path d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/>
      </svg>
      @else
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor">
         <path d="M8 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/>
      </svg>
      @endif
   </div>
   <div class="alert-card__content">
      <div class="alert-card__header">
         <span class="alert-card__title">{{ ucfirst(setting('smsgateway')) }} SMS Balance</span>
         <span class="alert-card__badge">{{ $smsBalanceValue }} {{ $smsBalanceUnits }}</span>
      </div>
      <div class="alert-card__status d-none d-md-block">
         @if($status === 'critical')
         Low balance - Please top up
         @elseif($status === 'warning')
         Moderate balance remaining
         @else
         Healthy balance available
         @endif
      </div>
      <div class="alert-card__progress">
         <div class="alert-card__progress-bar" style="--progress: {{ $progress }}"></div>
      </div>
   </div>
</div>
@endif