@extends('layouts.app')
@section('title','Users')
@section('content')
<div class='bg-white rounded-lg shadow p-6'>
  <div class='flex items-center justify-between mb-4'>
    <h2 class='text-lg font-semibold'>Users</h2>
    <form method='get' class='flex items-center gap-2'>
      <input type='text' name='q' value='{{ request()->query('q') }}' placeholder='Search' class='border rounded px-3 py-2'>
      <button class='bg-blue-600 text-white px-3 py-2 rounded'>Search</button>
    </form>
  </div>
  <div class='overflow-x-auto'>
    <table class='min-w-full divide-y divide-gray-200'>
      <thead class='bg-gray-50'><tr><th class='px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase'>ID</th><th class='px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase'>Name</th><th class='px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase'>Email</th><th class='px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase'>Wallet</th><th class='px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase'>Placement</th><th class='px-4 py-2'></th></tr></thead>
      <tbody class='bg-white divide-y divide-gray-200'>
        @foreach($users as $u)
        <tr>
          <td class='px-4 py-3 text-sm'>{{ $u->id }}</td>
          <td class='px-4 py-3 text-sm'>{{ $u->name }}</td>
          <td class='px-4 py-3 text-sm'>{{ $u->email }}</td>
          <td class='px-4 py-3 text-sm'>{{ $u->wallet }}</td>
          <td class='px-4 py-3 text-sm'>{{ $u->placement_id }} / {{ $u->placement_side }}</td>
          <td class='px-4 py-3 text-sm'><a href='/admin/user/{{ $u->id }}' class='text-indigo-600 hover:text-indigo-900'>View</a></td>
        </tr>
        @endforeach
      </tbody>
    </table>
  </div>
  <div class='mt-4'>{{ $users->links() }}</div>
</div>
@endsection