@extends('layouts.admin')
@section('title', 'Customers')
@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 customers</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>Customer</th><th>Receipt claims</th><th>Confirmed rewards</th><th>Total spins</th><th>IP addresses</th><th>Email access</th><th>Actions</th></tr></thead><tbody>@forelse($players as $player)<tr><td><strong>{{ $player->name }}</strong><small>{{ $player->email }}</small><small>{{ $player->email_verified_at ? 'Email verified' : 'Email not verified' }}</small></td><td><a class="nav-link" href="{{ route('admin.receipts',['customer_id'=>$player->id]) }}">{{ $player->claims_count }} claims ↗</a><small>{{ $player->pending_claims }} pending review</small></td><td>{{ $player->confirmed_rewards }}</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 customer">Block IP</button>@endif</div></td><td><button class="button small secondary" type="button" data-player-edit="player-edit-{{ $player->id }}">View details</button></td></tr>@empty<tr><td colspan="7" class="empty-state">{{ $search ? 'No customers match your search.' : 'No customers yet. Customers appear here after verifying their email during receipt submission.' }}</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>
@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 }}">Customer details</h2><button type="button" class="nav-link" data-player-close aria-label="Close customer details">✕</button></div>
<p><strong>{{ $player->name }}</strong> · Customer #{{ $player->id }}</p><div class="player-summary"><span>{{ $player->claims_count }} receipt claims</span><span>{{ $player->confirmed_rewards }} confirmed rewards</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
@php($customerProfile = \Illuminate\Support\Facades\DB::table('customer_profiles')->where('user_id', $player->id)->first())
@php($customAnswers = \Illuminate\Support\Facades\DB::table('customer_form_answers')->where('user_id',$player->id)->orderByDesc('id')->get())
@if($customAnswers->isNotEmpty())<details><summary>Additional form answers</summary>@foreach($customAnswers as $answer)<p><strong>{{ $answer->label }}:</strong> {{ $answer->value }} <small>({{ $answer->created_at }})</small></p>@endforeach</details>@endif
@if($customerProfile)<div class="player-summary"><span>Mobile: {{ $customerProfile->mobile ?: 'Not provided' }}</span><span>Cat: {{ $customerProfile->cat_name ?: 'Not provided' }}</span><span>Email offers: {{ $customerProfile->marketing_email ? 'Opted in' : 'Not opted in' }}</span><span>WhatsApp/SMS offers: {{ $customerProfile->marketing_mobile ? 'Opted in' : 'Not opted in' }}</span><span>Cats: {{ $customerProfile->cat_count ?? 'Not provided' }}</span><span>Source: {{ $customerProfile->source ?: 'Not provided' }}</span><span>Interests: {{ implode(', ', json_decode($customerProfile->interests ?: '[]', true) ?: []) ?: 'Not provided' }}</span></div>@endif
<details><summary>Recent receipt claims</summary><div class="table-wrap"><table><thead><tr><th>Receipt</th><th>Status</th><th>Submitted</th></tr></thead><tbody>@forelse(\Illuminate\Support\Facades\DB::table('receipt_submissions')->where('user_id',$player->id)->latest('id')->limit(10)->get() as $claim)<tr><td>{{ $claim->receipt }}<small>{{ $claim->branch }}</small></td><td>{{ $claim->status==='pending'?'Pending verification':ucfirst($claim->status) }}</td><td>{{ $claim->created_at }}</td></tr>@empty<tr><td colspan="3">No receipt claims yet.</td></tr>@endforelse</tbody></table></div><a class="nav-link" href="{{ route('admin.receipts',['customer_id'=>$player->id]) }}">Manage this customer’s claims ↗</a></details>
<details><summary>Recent wheel results</summary>@forelse(\Illuminate\Support\Facades\DB::table('spins')->where('user_id',$player->id)->latest('id')->limit(10)->get() as $result)<p>{{ $result->prize_name }} · {{ $result->reward_status==='pending'?'Pending verification':ucfirst($result->reward_status) }} · {{ $result->created_at }}</p>@empty<p>No spins yet.</p>@endforelse</details>
<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 customer 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 customers 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