@extends('layouts.dashboard')
@section('title','المستخدمون')
@section('page-title','👥 المستخدمون')

@section('content')
<div class="card" style="background:#fff;border-radius:10px;padding:24px;border:1px solid #e2e8f0">
  <h3 style="font-weight:700;margin-bottom:16px">المستخدمون ({{ count($users) }})</h3>
  <div style="overflow-x:auto">
  <table class="data-table">
    <thead><tr><th>الاسم</th><th>البريد</th><th>الباقة</th><th>تاريخ التسجيل</th><th>إجراءات</th></tr></thead>
    <tbody>
    @forelse($users as $u)
    <tr>
      <td><strong>{{ $u['name'] }}</strong></td>
      <td>{{ $u['email'] }}</td>
      <td>
        @if($u['plan_name']??null)
          <span class="badge badge-green">{{ $u['plan_name'] }}</span>
        @else
          <span class="badge badge-gray">مجاني</span>
        @endif
      </td>
      <td>{{ \Illuminate\Support\Str::limit($u['created_at']??'', 10, '') }}</td>
      <td>
        <form method="POST" action="{{ route('admin.users.delete', $u['id']) }}" style="display:inline" onsubmit="return confirm('حذف {{ $u['name'] }}؟')">
          @csrf
          @method('DELETE')
          <button type="submit" class="btn btn-sm btn-danger">🗑️ حذف</button>
        </form>
      </td>
    </tr>
    @empty
    <tr><td colspan="5" style="text-align:center;color:#64748b;padding:24px">لا يوجد مستخدمون</td></tr>
    @endforelse
    </tbody>
  </table>
  </div>
</div>
@endsection