@extends('layouts.admin')
@section('title', 'Players')
@section('admin-content')
@include('admin.partials.player-tabs', ['activeTab' => 'players'])
<form method="get" action="{{ route('admin.players') }}" class="search-form"><label class="sr-only" for="search">Search players</label><input id="search" name="search" value="{{ $search }}" placeholder="Search by name or email"><button class="button small secondary" type="submit">Search ↗</button>@if($search)<a class="nav-link" href="{{ route('admin.players') }}">Clear</a>@endif</form>
<div class="panel"><div class="table-wrap"><table><thead><tr><th>Player</th><th>Credits</th><th>Spins</th><th>IP addresses</th><th>Email access</th><th>Grant credits</th><th>Actions</th></tr></thead><tbody>@forelse($players as $player)<tr><td><strong>{{ $player->name }}</strong><small>{{ $player->email }}</small></td><td><span class="odds-badge">{{ $player->spin_credits }}</span><small>{{ $player->signup_credits_received }} at registration</small></td><td>{{ $player->spins_count }}</td><td>{{ $player->last_ip ?: 'Not recorded yet' }}<small>Registered: {{ $player->registration_ip ?: 'Not recorded yet' }}</small>@if($player->last_ip && $activeIPs->contains($player->last_ip))<small class="gold">Last IP is blocked</small>@endif<a class="nav-link" href="{{ route('admin.players', ['tab' => 'access']) }}">Manage IP rules ↗</a></td><td>@php($emailBlock = $emailBlocks->get($player->email))<div class="player-access-buttons">@if($emailBlock?->active)<form method="post" action="{{ route('admin.access.update', $emailBlock->id) }}">@csrf @method('PUT')<input type="hidden" name="active" value="0"><button class="button small secondary" type="submit">Unblock email</button></form>@else<button class="button small secondary" type="button" data-block-type="email" data-block-value="{{ $player->email }}">Block email</button>@endif
@php($blockIp = $player->last_ip ?: $player->registration_ip)
@if($blockIp && !$activeIPs->contains($blockIp))<button class="button small secondary" type="button" data-block-type="ip" data-block-value="{{ $blockIp }}">Block IP</button>@elseif($blockIp)<span class="muted" style="font-size:11px">IP is blocked</span>@else<button class="button small secondary" type="button" disabled title="No IP address recorded for this player">Block IP</button>@endif</div></td><td><form method="post" action="{{ route('admin.players.grant', $player) }}" class="grant-form">@csrf<label class="sr-only" for="amount-{{ $player->id }}">Credits for {{ $player->name }}</label><input id="amount-{{ $player->id }}" type="number" name="amount" min="1" max="10000" value="1" required><label class="sr-only" for="note-{{ $player->id }}">Grant note</label><input id="note-{{ $player->id }}" name="note" maxlength="200" placeholder="Note (optional)"><button class="button small" type="submit">Grant +</button></form></td><td><button class="button small secondary" type="button" data-player-edit="player-edit-{{ $player->id }}">Edit</button></td></tr>@empty<tr><td colspan="7" class="empty-state">{{ $search ? 'No players match your search.' : 'No players yet. Player registration is available on the frontend.' }}</td></tr>@endforelse</tbody></table></div><div class="pagination">@if($players->previousPageUrl())<a href="{{ $players->previousPageUrl() }}">← Previous</a>@endif<span>Page {{ $players->currentPage() }} of {{ $players->lastPage() }}</span>@if($players->nextPageUrl())<a href="{{ $players->nextPageUrl() }}">Next →</a>@endif</div></div>
<article class="panel"><div class="panel-heading"><h2>Recent credit grants</h2><span class="muted">Audit trail</span></div><div class="table-wrap"><table><thead><tr><th>Player</th><th>Credits</th><th>Granted by</th><th>Note</th><th>Date</th></tr></thead><tbody>@forelse($grants as $grant)<tr><td>{{ $grant->player_name }}</td><td class="gold">+{{ $grant->amount }}</td><td>{{ $grant->admin_name }}</td><td>{{ $grant->note ?: '—' }}</td><td>{{ \Carbon\Carbon::parse($grant->created_at)->format('d M, H:i') }}</td></tr>@empty<tr><td colspan="5" class="empty-state">Every credit grant will be recorded here.</td></tr>@endforelse</tbody></table></div></article>
@foreach($players as $player)
<dialog class="player-edit-dialog" id="player-edit-{{ $player->id }}" aria-labelledby="player-title-{{ $player->id }}">
<div class="panel-heading"><h2 id="player-title-{{ $player->id }}">Edit player</h2><button type="button" class="nav-link" data-player-close aria-label="Close player details">✕</button></div>
<p><strong>{{ $player->name }}</strong> · Player #{{ $player->id }}</p><div class="player-summary"><span>{{ $player->spin_credits }} credits</span><span>{{ $player->spins_count }} spins</span><span>Joined {{ $player->created_at->format('d M Y') }}</span></div><p class="muted">Last IP: {{ $player->last_ip ?: 'Not recorded' }}<br>Registration IP: {{ $player->registration_ip ?: 'Not recorded' }}</p>
@if((int) old('editing_player') === $player->id && $errors->any())<div class="notice error" role="alert">@foreach($errors->all() as $error)<div>{{ $error }}</div>@endforeach</div>@endif
<form class="stack-form" method="post" action="{{ route('admin.players.update', $player) }}">@csrf @method('PUT')<input type="hidden" name="editing_player" value="{{ $player->id }}"><label>Email address<input type="email" name="email" maxlength="255" required value="{{ (int) old('editing_player') === $player->id ? old('email', $player->email) : $player->email }}" autocomplete="off"></label><label>New password<input type="password" name="password" minlength="8" maxlength="128" autocomplete="new-password"><small>Leave blank to keep the current password. Minimum 8 characters.</small></label><label>Confirm new password<input type="password" name="password_confirmation" minlength="8" maxlength="128" autocomplete="new-password"></label><div class="form-footer"><button class="button small secondary" type="button" data-player-close>Cancel</button><button class="button small" type="submit">Save changes</button></div></form>
</dialog>
@endforeach
<style>.player-edit-dialog{width:min(520px,calc(100% - 32px));max-height:90vh;overflow:auto;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 24px 80px #0005}.player-edit-dialog::backdrop{background:#14242b99;backdrop-filter:blur(3px)}.player-summary{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;padding:12px;border-radius:8px;background:var(--bg);margin-bottom:16px}.player-edit-dialog .notice{margin:12px 0;padding:12px}.player-edit-dialog p{font-size:12px}</style>
<dialog class="player-edit-dialog" id="player-block-dialog" aria-labelledby="block-dialog-title"><div class="panel-heading"><h2 id="block-dialog-title">Block player access</h2><button type="button" class="nav-link" data-player-close aria-label="Close">✕</button></div><p id="block-dialog-target"></p><p id="block-ip-warning" hidden>Blocking this IP also blocks other players using the same IP address.</p><form class="stack-form" method="post" action="{{ route('admin.access.create') }}">@csrf<input type="hidden" name="type" id="block-dialog-type"><input type="hidden" name="value" id="block-dialog-value"><label>Reason (optional)<input name="reason" maxlength="200" placeholder="Enter a reason, or leave blank"></label><div class="form-footer"><button type="button" class="button small secondary" data-player-close>Cancel</button><button class="button small" type="submit" id="block-dialog-confirm">Confirm block</button></div></form></dialog>
<style>.player-access-buttons{display:flex;flex-direction:column;gap:8px;align-items:flex-start}</style>
@endsection
@push('scripts')
<script>
document.querySelectorAll('[data-block-type]').forEach(button => button.addEventListener('click', () => {
 const dialog = document.getElementById('player-block-dialog');
 const ip = button.dataset.blockType === 'ip';
 document.getElementById('block-dialog-title').textContent = ip ? 'Block IP address' : 'Block email';
 document.getElementById('block-dialog-target').textContent = button.dataset.blockValue;
 document.getElementById('block-dialog-type').value = button.dataset.blockType;
 document.getElementById('block-dialog-value').value = button.dataset.blockValue;
 document.getElementById('block-dialog-confirm').textContent = ip ? 'Block IP' : 'Block email';
 document.getElementById('block-ip-warning').hidden = !ip;
 dialog.querySelector('input[name=reason]').value = '';
 dialog.showModal();
}));
document.querySelectorAll('[data-player-edit]').forEach(button => button.addEventListener('click', () => document.getElementById(button.dataset.playerEdit).showModal()));
document.querySelectorAll('[data-player-close]').forEach(button => button.addEventListener('click', () => button.closest('dialog').close()));
document.querySelectorAll('.player-edit-dialog').forEach(dialog => dialog.addEventListener('close', () => { dialog.querySelectorAll('input[type=password]').forEach(input => input.value = ''); }));
@if($errors->any() && old('editing_player'))
document.getElementById('player-edit-{{ (int) old('editing_player') }}')?.showModal();
@endif
</script>
@endpush