@php
use Carbon\Carbon;
$licenseExpiry = setting('license_expiry');
$expiryDate = Carbon::parse($licenseExpiry);
$now = now();
$daysRemaining = $now->diffInDays($expiryDate, false);
// Status calculation
$status = 'valid';
if ($daysRemaining < 0) {
$status = 'expired';
} elseif ($daysRemaining <= 5) {
$status = 'critical';
} elseif ($daysRemaining <= 15) {
$status = 'warning';
}
// Text formatting
$expiryText = $daysRemaining < 0 
? 'Expired ' . $expiryDate->diffForHumans($now, true, false, 2) . ' ago'
: 'Expires in ' . $expiryDate->diffForHumans($now, true, false, 2);
$formattedDate = $expiryDate->format('M j, Y');
@endphp
@hasrole('super-admin')
@if($licenseExpiry)
<div class="alert-card alert-card--{{ 
   $status === 'valid' ? 'success' : 
   ($status === 'warning' ? 'warning' : 
   ($status === 'critical' ? 'danger' : 'secondary'))
   }} h-100">
   <div class="alert-card__icon">
      @if($status === 'expired' || $status === 'critical' || $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="M5 13l4 4L19 7"/>
      </svg>
      @endif
   </div>
   <div class="alert-card__content">
      <div class="alert-card__header">
         <span class="alert-card__title">System License</span>
         <span class="alert-card__badge">{{ abs($daysRemaining) }} days</span>
      </div>
      <div class="alert-card__status d-none d-md-block">
         {{ $expiryText }}
      </div>
      <!-- <div class="alert-card__date d-none d-md-block">
         {{ $formattedDate }}
      </div> -->
      <div class="alert-card__progress">
         <div class="alert-card__progress-bar" style="--progress: {{ min(max(0, $daysRemaining), 30)/30 }}"></div>
      </div>
   </div>
</div>
@endif
@endhasrole

<style>
   .alert-card {
      margin-bottom: 3px;
   }
</style>