@extends('layouts.dashboard')
@section('title','الاشتراكات')
@section('page-title','💳 الاشتراكات')

@section('content')
{{-- Add Subscription --}}
<div class="card" style="background:#fff;border-radius:10px;padding:24px;border:1px solid #e2e8f0;margin-bottom:20px">
  <h3 style="font-weight:700;margin-bottom:16px">إضافة اشتراك جديد</h3>
  <form method="POST" action="{{ route('admin.subs.add') }}" style="display:flex;gap:8px;flex-wrap:wrap">
    @csrf
    <select name="user_id" class="form-input" style="flex:1;min-width:180px">
      @foreach($users as $u)
      <option value="{{ $u['id'] }}">{{ $u['name'] }} — {{ $u['email'] }}</option>
      @endforeach
    </select>
    <select name="plan_id" class="form-input" style="flex:1;min-width:140px">
      @foreach($plans as $p)
      @if($p['id']!=='free')
      <option value="{{ $p['id'] }}">{{ $p['name'] }} — ${{ $p['price'] }}</option>
      @endif
      @endforeach
    </select>
    <button type="submit" class="btn btn-primary">+ إضافة</button>
  </form>
</div>

{{-- Subscriptions Table --}}
<div class="card" style="background:#fff;border-radius:10px;padding:24px;border:1px solid #e2e8f0">
  <h3 style="font-weight:700;margin-bottom:16px">الاشتراكات ({{ count($subscriptions) }})</h3>
  <div style="overflow-x:auto">
  <table class="data-table">
    <thead><tr><th>المستخدم</th><th>الباقة</th><th>اللايسنس</th><th>الحالة</th><th>الانتهاء</th><th>إجراءات</th></tr></thead>
    <tbody>
    @forelse($subscriptions as $sub)
    <tr>
      <td><strong>{{ $sub['user_name'] }}</strong><br><small style="color:#64748b">{{ $sub['user_email'] }}</small></td>
      <td><span class="badge badge-blue">{{ $sub['plan_name'] }}</span></td>
      <td>
        <code style="font-size:11px">{{ $sub['license_key'] }}</code>
        <button onclick="navigator.clipboard.writeText('{{ $sub['license_key'] }}')" style="border:none;background:#f1f5f9;padding:2px 6px;border-radius:4px;cursor:pointer;font-size:11px">📋</button>
      </td>
      <td><span class="badge {{ $sub['status']==='active'?'badge-green':'badge-red' }}">{{ $sub['status']==='active'?'نشط':'موقوف' }}</span></td>
      <td>{{ $sub['expires_at']??'♾️' }}</td>
      <td>
        <form method="POST" action="{{ route('admin.subs.toggle') }}" style="display:inline">
          @csrf
          <input type="hidden" name="sub_id" value="{{ $sub['id'] }}">
          <button type="submit" class="btn btn-sm {{ $sub['status']==='active'?'btn-danger':'btn-success' }}">
            {{ $sub['status']==='active'?'إيقاف':'تفعيل' }}
          </button>
        </form>
        <form method="POST" action="{{ route('admin.subs.reset') }}" style="display:inline" onsubmit="return confirm('هذا سيلغي التفعيل على كل المواقع. متأكد؟')">
          @csrf
          <input type="hidden" name="sub_id" value="{{ $sub['id'] }}">
          <button type="submit" class="btn btn-sm btn-secondary">🔄</button>
        </form>
      </td>
    </tr>
    @empty
    <tr><td colspan="6" style="text-align:center;color:#64748b;padding:24px">لا يوجد اشتراكات</td></tr>
    @endforelse
    </tbody>
  </table>
  </div>
</div>
@endsection