@extends('layouts.app')
@section('title','ePins')
@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'>ePin Manager</h2>
    <form method='post' action='/admin/epins/create' class='flex items-center gap-2'>@csrf <input type='number' name='count' value='10' class='border rounded px-2 py-1' min='1'> <input type='text' name='value' value='100' class='border rounded px-2 py-1'> <button class='bg-blue-600 text-white px-3 py-1 rounded'>Create</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'>Code</th><th class='px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase'>Value</th><th class='px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase'>Owner</th><th class='px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase'>Used By</th><th class='px-4 py-2'></th></tr></thead>
      <tbody class='bg-white divide-y divide-gray-200'>
        @foreach($epins as $e)
        <tr>
          <td class='px-4 py-3 text-sm'>{{ $e->id }}</td>
          <td class='px-4 py-3 text-sm font-mono'>{{ $e->code }}</td>
          <td class='px-4 py-3 text-sm'>{{ $e->value }}</td>
          <td class='px-4 py-3 text-sm'>{{ $e->owner_id }}</td>
          <td class='px-4 py-3 text-sm'>{{ $e->used_by }}</td>
          <td class='px-4 py-3 text-sm'>
            <form method='post' action='/admin/epins/assign/{{ $e->id }}' class='flex items-center gap-2'>@csrf<input name='user_id' class='border rounded px-2 py-1 w-24'><button class='bg-indigo-600 text-white px-2 py-1 rounded'>Assign</button></form>
          </td>
        </tr>
        @endforeach
      </tbody>
    </table>
  </div>
  <div class='mt-4'>{{ $epins->links() }}</div>
</div>
@endsection