@extends('layouts.admin')

@section('title', 'Users')

@section('content')
	@if(session('status'))
		<div style="background:#dcfce7;border:1px solid #86efac;color:#166534;padding:8px 12px;border-radius:6px;margin-bottom:12px;">{{ session('status') }}</div>
	@endif

	<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;">
		<form method="get">
			<input type="text" name="q" value="{{ request('q') }}" placeholder="Search..." style="border:1px solid #e5e7eb;padding:8px 10px;border-radius:6px;">
			<button style="padding:8px 12px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;">Search</button>
		</form>
		<a href="{{ route('admin.users.create') }}" style="padding:8px 12px;border-radius:6px;background:#0ea5e9;color:#fff;text-decoration:none;">Add User</a>
	</div>

	<div style="overflow:hidden;border:1px solid #e5e7eb;border-radius:8px;background:#fff;">
		<table style="width:100%;border-collapse:collapse;">
			<thead style="background:#f8fafc;text-align:left;">
				<tr>
					<th style="padding:10px 12px;border-bottom:1px solid #e5e7eb;">Name</th>
					<th style="padding:10px 12px;border-bottom:1px solid #e5e7eb;">Email</th>
					<th style="padding:10px 12px;border-bottom:1px solid #e5e7eb;">Role</th>
					<th style="padding:10px 12px;border-bottom:1px solid #e5e7eb;width:160px;">Actions</th>
				</tr>
			</thead>
			<tbody>
			@foreach($users as $user)
				<tr>
					<td style="padding:10px 12px;border-bottom:1px solid #f1f5f9;">{{ $user->name }}</td>
					<td style="padding:10px 12px;border-bottom:1px solid #f1f5f9;">{{ $user->email }}</td>
					<td style="padding:10px 12px;border-bottom:1px solid #f1f5f9;">{{ $user->role }}</td>
					<td style="padding:10px 12px;border-bottom:1px solid #f1f5f9;">
						<a href="{{ route('admin.users.edit', $user) }}" style="padding:6px 10px;border-radius:6px;border:1px solid #e5e7eb;background:#fff;text-decoration:none;">Edit</a>
						<form action="{{ route('admin.users.destroy', $user) }}" method="post" style="display:inline;" onsubmit="return confirm('Delete this user?');">
							@csrf
							@method('DELETE')
							<button style="padding:6px 10px;border-radius:6px;border:1px solid #fecaca;background:#fee2e2;color:#991b1b;">Delete</button>
						</form>
					</td>
				</tr>
			@endforeach
			</tbody>
		</table>
	</div>

	<div style="margin-top:12px;">{{ $users->links() }}</div>
@endsection