@extends('layouts.admin')
@section('title','Purchase codes')
@section('admin-content')
<div class="admin-heading"><div><div class="eyebrow">SHOP, CLAIM, SPIN</div><h1>Purchase codes<span class="gold">.</span></h1><p>Issue one code per qualifying receipt. Each code can be redeemed once.</p></div></div>
@if(session('issued_purchase_code'))<article class="panel" id="issued-purchase-code"><h2>Your new purchase code</h2><code style="font-size:22px;letter-spacing:2px;overflow-wrap:anywhere;user-select:all">{{ session('issued_purchase_code') }}</code><p style="margin-top:14px">Copy or print this code for the customer now. Only its last four characters are retained for display.</p><button class="button small secondary" type="button" onclick="window.print()">Print this page</button></article>@endif
<details class="panel" @if($errors->any()) open @endif><summary style="cursor:pointer;font-weight:600">Issue a purchase code +</summary><form method="post" action="{{ route('admin.purchase-codes.create') }}" class="stack-form" style="margin-top:20px">@csrf<div class="form-row"><label>Store branch<input name="branch" maxlength="80" required value="{{ old('branch') }}"></label><label>Receipt reference<input name="receipt" maxlength="80" required value="{{ old('receipt') }}"></label></div><div class="form-row"><label>Purchase date<input type="date" name="purchase_date" required value="{{ old('purchase_date', now()->format('Y-m-d')) }}"></label><label>Purchase amount (optional)<input type="number" name="purchase_amount" min="0" step="0.01" value="{{ old('purchase_amount') }}"></label></div><label>Products bought (optional)<input name="products" maxlength="200" value="{{ old('products') }}"></label><div class="form-row"><label>Spins<input name="spins" type="number" min="1" max="100" required value="{{ old('spins', 1) }}"></label><label>Code expires at<input type="datetime-local" name="expires_at" required value="{{ old('expires_at', now()->addDays(30)->format('Y-m-d\TH:i')) }}"><small>{{ config('app.timezone') }} time</small></label></div><button class="button small" type="submit" style="align-self:flex-start">Create purchase code</button></form></details>
<article class="panel"><div class="table-wrap"><table><thead><tr><th>Code / Receipt</th><th>Branch / Purchase</th><th>Spins</th><th>Status</th><th>Customer</th><th>Expiry</th><th>Action</th></tr></thead><tbody>@forelse($codes as $code)<tr><td>•••• {{ $code->code_hint }}<small>{{ $code->receipt }}</small></td><td>{{ $code->branch }}<small>{{ $code->purchase_date }}{{ $code->purchase_amount !== null ? ' · '.$code->purchase_amount : '' }}</small><small>{{ $code->products }}</small></td><td>{{ $code->spins }}<small>{{ $code->remaining_spins }} remaining after claim</small></td><td>{{ $code->redeemed_at ? 'Redeemed' : ($code->cancelled_at ? 'Cancelled' : (now()->gte(\Carbon\Carbon::parse($code->expires_at)) ? 'Expired' : 'Unused')) }}</td><td>{{ $code->customer_email ?: 'Not redeemed' }}<small>{{ $code->redeemed_at }}</small></td><td>{{ $code->expires_at }}</td><td>@if(!$code->redeemed_at && !$code->cancelled_at)<form method="post" action="{{ route('admin.purchase-codes.cancel', $code->id) }}" onsubmit="return confirm('Cancel this unused purchase code?');">@csrf<button class="button small secondary" type="submit">Cancel code</button></form>@endif @if(!$code->redeemed_at)<form method="post" action="{{ route('admin.purchase-codes.reissue', $code->id) }}" style="margin-top:8px" onsubmit="return confirm('Replace the old code with a new one for this same receipt, valid for 30 days? The old code will stop working.');">@csrf<button class="button small secondary" type="submit">Reissue code</button></form>@endif</td></tr>@empty<tr><td colspan="7">No purchase codes issued yet.</td></tr>@endforelse</tbody></table></div><nav class="pagination">@if($codes->previousPageUrl())<a href="{{ $codes->previousPageUrl() }}">← Previous</a>@endif<span>Page {{ $codes->currentPage() }} of {{ $codes->lastPage() }}</span>@if($codes->nextPageUrl())<a href="{{ $codes->nextPageUrl() }}">Next →</a>@endif</nav></article>
<style>@media print{body *{visibility:hidden}#issued-purchase-code,#issued-purchase-code *{visibility:visible}#issued-purchase-code{position:absolute;left:0;top:0;width:100%;border:0;box-shadow:none}#issued-purchase-code button{display:none}}</style>
@endsection