@extends('layouts.admin')
@section('title','Digital rewards')
@section('admin-content')
<div class="admin-heading"><div><div class="eyebrow">EMAIL REWARDS</div><h1>Digital rewards.</h1><p>Upload purchased Touch ’n Go eWallet PINs. Winners receive their PIN only after receipt approval.</p></div></div>
<style>.digital-reward-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px;margin-bottom:22px}.digital-reward-cards>.panel{margin:0;min-width:0;position:relative}.digital-stock-badge{position:absolute;top:-10px;left:12px;z-index:2}.digital-stock-badge>summary{display:flex;align-items:center;justify-content:center;list-style:none;width:24px;height:24px;border-radius:50%;font:bold 16px Arial;background:#f4c65d;color:#5c4300;cursor:pointer;border:2px solid var(--panel)}.digital-stock-badge>summary::-webkit-details-marker{display:none}.digital-stock-badge.is-empty>summary{background:#b84545;color:white}.digital-stock-badge>span{display:none;position:absolute;top:28px;left:0;width:230px;max-width:calc(100vw - 80px);padding:9px 12px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--text);box-shadow:0 5px 18px #1233;font-size:12px}.digital-stock-badge:hover>span,.digital-stock-badge:focus-within>span,.digital-stock-badge[open]>span{display:block}.digital-reward-cards h2{font-size:24px;line-height:1.3;overflow-wrap:anywhere}.digital-reward-cards .notice{margin:12px 0 0}@media(max-width:760px){.digital-reward-cards{grid-template-columns:1fr}}</style>
<div class="digital-reward-cards">
@foreach($prizes as $prize)
@php($available=$service->available($prize->id))
<article class="panel">@if($available===0 || $available<=$warningLevel)<details class="digital-stock-badge {{ $available===0?'is-empty':'' }}"><summary aria-label="{{ $available===0?'Out of stock':'Low stock: '.$available.' available' }}">!</summary><span>{{ $available===0?'Out of stock. Add purchased PINs before this prize can be won.':'Low stock: '.$available.' available. Add more purchased PINs.' }}</span></details>@endif<h2>{{ $prize->name }}</h2><p><a href="{{ route('admin.digital-rewards',['value'=>$prize->digital_value,'status'=>'available']) }}#pin-inventory" style="text-decoration:underline;text-underline-offset:3px"><strong>{{ $available }} available</strong></a> · {{ DB::table('digital_reward_pins')->where('prize_id',$prize->id)->where('status','reserved')->count() }} reserved · {{ DB::table('digital_reward_pins')->where('prize_id',$prize->id)->where('status','issued')->count() }} issued · {{ DB::table('digital_reward_pins')->where('prize_id',$prize->id)->whereIn('status',['available','reserved','expired'])->where('expires_on','<=',today()->toDateString())->count() }} expired</p></article>
@endforeach
</div>
<details class="panel"><summary>Set up a reload PIN prize</summary><p>First add a new prize in Prizes &amp; odds. Choose an unused prize here; its stock will be managed by PIN inventory. Existing prize history cannot be converted.</p><form class="stack-form" method="post" action="{{ route('admin.digital-rewards.configure') }}">@csrf<label>New prize<select name="prize_id" required><option value="">Choose prize</option>@foreach($choices as $prize)<option value="{{ $prize->id }}">{{ $prize->name }}</option>@endforeach</select></label><label>PIN value (MYR)<input type="number" name="value" value="10" min="1" max="8000" required></label><div style="display:flex;justify-content:flex-end"><button type="submit" class="button small">Set up digital reward</button></div></form></details>
<article class="panel"><h2>Add purchased PINs</h2><p>Use genuine PINs bought from your authorised supplier. All PINs in one import must have the selected prize value and the same expiry. No PIN is generated or checked with TNG by this system.</p><form class="stack-form" method="post" action="{{ route('admin.digital-rewards.upload') }}" id="digital-pin-import">@csrf<label>Reward<select name="prize_id" required><option value="">Choose reward</option>@foreach($prizes as $prize)<option value="{{ $prize->id }}">{{ $prize->name }}</option>@endforeach</select></label><label>Use before (exclusive, Malaysia date)<input type="date" name="expires_on" required min="{{ today()->addDay()->toDateString() }}"><small>PINs stop being issued at the start of this date. Use an earlier safety cutoff if needed; never exceed the supplier’s expiry.</small></label><div id="digital-pin-import-errors" role="alert" tabindex="-1" hidden></div><p id="digital-pin-import-status" role="status" hidden></p><div class="pin-entry"><label for="purchased-pins">Purchased PINs — one per line</label><div class="pin-line-editor"><div class="pin-line-gutter"><div data-pin-lines></div></div><div class="pin-line-highlights" aria-hidden="true"><div data-pin-highlights></div></div><textarea id="purchased-pins" name="pins" rows="6" required maxlength="100000" wrap="off" autocomplete="off" spellcheck="false" aria-describedby="pin-line-feedback"></textarea></div><small id="pin-line-feedback" role="status" aria-live="polite"></small></div><label class="check"><input type="checkbox" name="purchased" value="1" required>I checked that these PINs are genuine, unused, and match the selected value and expiry.</label><div style="display:flex;justify-content:flex-end"><button type="submit" class="button small">Import PINs</button></div><small>Up to 500 at once. PINs are encrypted and never shown in admin history. Keep a secure supplier record; keep the application encryption key backed up.</small></form></article>
<article class="panel" id="pin-inventory"><h2>PIN inventory</h2><p>Issued means assigned for email delivery. Email status is shown in Receipt verification. TNG redemption cannot be confirmed here. Expired and issued PINs are never reused. Resending a reward uses the same issued PIN.</p><form method="get" action="{{ route('admin.digital-rewards') }}#pin-inventory" style="display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:20px 0">
<input type="hidden" name="sort" value="{{ $sort }}"><input type="hidden" name="direction" value="{{ $direction }}">
<label>PIN value<select name="value"><option value="">All values</option>@foreach($values as $value)<option value="{{ $value }}" @selected((string)request('value')===(string)$value)>RM{{ $value }}</option>@endforeach</select></label>
<label>Status<select name="status"><option value="">All statuses</option>@foreach(['available'=>'Available','reserved'=>'Reserved','issued'=>'Issued','expired'=>'Expired','void'=>'Removed'] as $statusKey=>$statusLabel)<option value="{{ $statusKey }}" @selected(request('status')===$statusKey)>{{ $statusLabel }}</option>@endforeach</select></label>
<label>PIN ending<input name="ending" value="{{ request('ending') }}" maxlength="4" pattern="[A-Za-z0-9]+" placeholder="Last 4 characters" style="max-width:180px"></label>
<button type="submit" class="button small">Apply filters</button><a class="button small secondary" href="{{ route('admin.digital-rewards') }}#pin-inventory">Clear</a>
</form><p class="muted" style="font-size:12px">{{ $pins->total() }} matching {{ $pins->total()===1?'PIN':'PINs' }}. Available means unused and unexpired.</p>
<div class="table-wrap"><table><thead><tr>@foreach(['reward'=>'Reward','pin'=>'PIN ending','status'=>'Status','expiry'=>'Use before','issued'=>'Issued'] as $key=>$heading)
<th aria-sort="{{ $sort===$key ? ($direction==='asc'?'ascending':'descending') : 'none' }}"><a href="{{ route('admin.digital-rewards',array_merge(request()->only(['value','status','ending']),['sort'=>$key,'direction'=>$sort===$key && $direction==='asc'?'desc':'asc'])) }}#pin-inventory" aria-label="Sort by {{ $heading }}, {{ $sort===$key && $direction==='asc'?'descending':'ascending' }}" style="display:inline-flex;align-items:center;gap:7px">{{ $heading }} <span aria-hidden="true">{{ $sort===$key ? ($direction==='asc'?'↑':'↓') : '↕' }}</span></a></th>
@endforeach<th>Action</th></tr></thead><tbody>@forelse($pins as $pin)<tr><td>{{ $pin->name }}</td><td>•••• {{ $pin->hint }}</td><td>{{ $pin->inventory_status==='void'?'Removed':ucfirst($pin->inventory_status) }}</td><td>{{ $pin->expires_on }}</td><td>{{ $pin->issued_at ?: '—' }}</td><td>@if($pin->status==='available')<form method="post" action="{{ route('admin.digital-rewards.remove',$pin->id) }}" onsubmit="return confirm('Remove this unused PIN from available stock?')">@csrf<button type="submit" class="button small secondary">Remove from stock</button></form>@endif</td></tr>@empty<tr><td colspan="6">No PINs match these filters.</td></tr>@endforelse</tbody></table></div><div class="pagination">{{ $pins->links() }}</div></article>
@endsection

@push('scripts')<link rel="stylesheet" href="{{ asset('wheel/pin-line-editor.css') }}"><script src="{{ asset('wheel/pin-line-editor.js') }}" defer></script><script src="{{ asset('wheel/digital-pin-import.js') }}" defer></script>@endpush