@extends('layouts.portal')
@section('title', 'Loyalty')
@section('content')
<div class="mx-auto max-w-4xl space-y-6 p-6"><h1 class="text-2xl font-bold">Loyalty rewards</h1>@if($account)<div class="rounded-xl bg-indigo-600 p-6 text-white"><p class="text-sm">Available points</p><p class="text-4xl font-bold">{{$account->total_points}}</p><p class="mt-2 text-sm">Referral code: <strong>{{$account->referral_code}}</strong></p></div>@endif<div class="rounded-xl border bg-white"><h2 class="border-b p-4 font-semibold">Points history</h2>@forelse($transactions as $transaction)<div class="flex justify-between border-b p-4"><span>{{$transaction->description}}</span><strong>{{$transaction->points > 0 ? '+' : ''}}{{$transaction->points}}</strong></div>@empty<p class="p-5 text-slate-500">No loyalty activity yet.</p>@endforelse</div></div>
@endsection