@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 customer-detail-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>
<div class="customer-identity"><strong>{{ $player->name }}</strong><span>Customer #{{ $player->id }}</span><small>Joined {{ $player->created_at->format('d M Y') }} · {{ $player->email_verified_at ? 'Email verified' : 'Email not verified' }}</small></div>
<div class="customer-stat-grid"><div><strong>{{ $player->claims_count }}</strong><span>Receipt claims</span></div><div><strong>{{ $player->confirmed_rewards }}</strong><span>Confirmed rewards</span></div><div><strong>{{ $player->spins_count }}</strong><span>Total spins</span></div></div>
@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 class="customer-detail-section"><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)<details class="customer-detail-section"><summary>Contact &amp; preferences</summary><dl class="customer-info-grid">
@foreach(['Mobile'=>$customerProfile->mobile ?: 'Not provided','Cat name'=>$customerProfile->cat_name ?: 'Not provided','Number of cats'=>$customerProfile->cat_count ?? 'Not provided','Source'=>$customerProfile->source ?: 'Not provided','Email offers'=>$customerProfile->marketing_email ? 'Opted in' : 'Not opted in','WhatsApp/SMS offers'=>$customerProfile->marketing_mobile ? 'Opted in' : 'Not opted in','Interests'=>implode(', ', json_decode($customerProfile->interests ?: '[]', true) ?: []) ?: 'Not provided'] as $label=>$value)<div><dt>{{ $label }}</dt><dd>{{ $value }}</dd></div>@endforeach
</dl></details>@endif
<details class="customer-detail-section"><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 class="customer-detail-section"><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>
<details class="customer-detail-section"><summary>Access information</summary><dl class="customer-info-grid"><div><dt>Last IP address</dt><dd>{{ $player->last_ip ?: 'Not recorded' }}</dd></div><div><dt>Registration IP address</dt><dd>{{ $player->registration_ip ?: 'Not recorded' }}</dd></div></dl></details>
<h3 class="customer-account-heading">Account settings</h3><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><p class="muted">Customers sign in using an email verification code. A changed email must be verified again.</p><div class="form-footer customer-edit-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')
<link rel="stylesheet" href="{{ asset('wheel/customer-details.css') }}">
<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