@extends('layouts.dashboard')
@section('title', t('الاشتراكات','Subscriptions'))
@section('page-title','💳 '.t('إدارة الاشتراكات','Manage Subscriptions'))

@section('content')

{{-- Stats --}}
<div class="stats-grid" style="grid-template-columns:repeat(4,1fr);margin-bottom:20px">
  <div class="stat-card stat-blue">
    <div class="stat-icon">📊</div>
    <div class="stat-info"><div class="stat-label">{{ t('الكل','Total') }}</div><div class="stat-value">{{ $stats['total'] }}</div></div>
  </div>
  <div class="stat-card stat-green">
    <div class="stat-icon">✅</div>
    <div class="stat-info"><div class="stat-label">{{ t('نشط','Active') }}</div><div class="stat-value">{{ $stats['active'] }}</div></div>
  </div>
  <div class="stat-card stat-orange">
    <div class="stat-icon">⏰</div>
    <div class="stat-info"><div class="stat-label">{{ t('منتهي','Expired') }}</div><div class="stat-value">{{ $stats['expired'] }}</div></div>
  </div>
  <div class="stat-card stat-pink">
    <div class="stat-icon">⛔</div>
    <div class="stat-info"><div class="stat-label">{{ t('موقوف','Suspended') }}</div><div class="stat-value">{{ $stats['suspended'] }}</div></div>
  </div>
</div>

{{-- Filters --}}
<div class="card">
  <div class="card-header">
    <form method="GET" style="display:flex;gap:8px;flex-wrap:wrap;align-items:center">
      <input type="text" name="q" class="form-input" value="{{ $q }}"
             placeholder="{{ t('بحث باسم أو إيميل...','Search...') }}" style="max-width:240px">
      <select name="status" class="form-input" style="width:auto" onchange="this.form.submit()">
        <option value="all"      {{ $status==='all'?'selected':'' }}>{{ t('الكل','All') }}</option>
        <option value="active"   {{ $status==='active'?'selected':'' }}>✅ {{ t('نشط','Active') }}</option>
        <option value="expired"  {{ $status==='expired'?'selected':'' }}>⏰ {{ t('منتهي','Expired') }}</option>
        <option value="suspended"{{ $status==='suspended'?'selected':'' }}>⛔ {{ t('موقوف','Suspended') }}</option>
      </select>
      <button type="submit" class="btn btn-outline btn-sm">🔍</button>
      @if($q || $status!=='all')<a href="{{ route('admin.subscriptions') }}" class="btn btn-sm" style="background:#f1f5f9;color:#64748b">✕ {{ t('مسح','Clear') }}</a>@endif
    </form>
    <span class="badge badge-blue">{{ $subs->total() }} {{ t('اشتراك','subs') }}</span>
  </div>

  <div style="overflow-x:auto">
    <table class="data-table">
      <thead>
        <tr>
          <th>{{ t('العضو','Member') }}</th>
          <th>{{ t('الخطة','Plan') }}</th>
          <th>{{ t('اللايسنس','License') }}</th>
          <th>{{ t('الحالة','Status') }}</th>
          <th>{{ t('الانتهاء','Expires') }}</th>
          <th>{{ t('إجراءات','Actions') }}</th>
        </tr>
      </thead>
      <tbody>
        @forelse($subs as $sub)
        <tr>
          <td>
            <div style="font-weight:700;font-size:14px">{{ $sub->user->name ?? '—' }}</div>
            <div style="font-size:12px;color:#64748b">{{ $sub->user->email ?? '' }}</div>
          </td>
          <td><span class="badge badge-blue">{{ $sub->plan->name ?? $sub->plan_id }}</span></td>
          <td>
            <code style="font-size:11px;background:#f8fafc;padding:2px 6px;border-radius:4px;word-break:break-all">
              {{ $sub->license_key }}
            </code>
          </td>
          <td>
            <span class="badge {{ $sub->status==='active'?'badge-green':($sub->status==='expired'?'badge-orange':'badge-red') }}">
              {{ ['active'=>'✅ '.t('نشط','Active'),'expired'=>'⏰ '.t('منتهي','Expired'),'suspended'=>'⛔ '.t('موقوف','Suspended')][$sub->status] ?? $sub->status }}
            </span>
          </td>
          <td style="font-size:12px">
            @if($sub->expires_at)
              @php $expired = \Carbon\Carbon::parse($sub->expires_at)->isPast(); @endphp
              <span style="color:{{ $expired?'#dc2626':'#16a34a' }}">
                {{ $expired ? '⚠️ ' : '✅ ' }}{{ $sub->expires_at }}
              </span>
            @else
              <span style="color:#7c3aed">♾️ {{ t('مدى الحياة','Lifetime') }}</span>
            @endif
          </td>
          <td>
            <a href="{{ route('admin.subscriptions.show',$sub->id) }}" class="btn btn-sm btn-outline" title="{{ t('تفاصيل','Details') }}">⚙️</a>
          </td>
        </tr>
        @empty
        <tr><td colspan="6" style="text-align:center;padding:32px;color:#94a3b8">{{ t('لا يوجد اشتراكات','No subscriptions found') }}</td></tr>
        @endforelse
      </tbody>
    </table>
  </div>
  @if($subs->hasPages())
  <div style="padding:16px">{{ $subs->withQueryString()->links() }}</div>
  @endif
</div>
@endsection