@extends('layouts.public')

@section('content')
@php
/** @var array $user @var array $wallets */
$wallets = $wallets ?? [];
@endphp
<div class="qm-page-head">
    <div class="container-fluid">
        <h1 class="qm-page-title">{{ t_raw('account.loyalty') }}</h1>
        <nav class="breadcrumb" aria-label="{{ t_raw('common.breadcrumb_aria') }}"><a href="{{ route('home') }}">{{ t_raw('common.home') }}</a><span class="mx-2" aria-hidden="true">/</span><a href="{{ route('account') }}">{{ t_raw('account.crumb') }}</a><span class="mx-2" aria-hidden="true">/</span><span class="active">{{ t_raw('account.loyalty') }}</span></nav>
    </div>
</div>
@php /* The page's messages belong UNDER its title band, inside the page the reader is
         looking at — not floating above it. getFlashes() consumes, so the layout's own
         call further out finds nothing and does not draw it twice. */
@endphp
<div class="container-fluid">@partial('flash')</div>

<section class="qm-section">
    <div class="container-fluid">
        <div class="row g-4">
            <div class="col-lg-3">@partial('account-nav')</div>
            <div class="col-lg-9">

                @php /* Points are keyed to a phone number: an account without one earns nothing, and this
                         is where the customer learns that, with the one-click way to fix it. */
@endphp
                @if (trim((string) ($user['phone'] ?? '')) === '')
                <div class="alert alert-warning d-flex align-items-center justify-content-between flex-wrap gap-2" role="alert">
                    <span><i class="fas fa-phone me-1" aria-hidden="true"></i> {{ t_raw('account.loyalty_need_phone') }}</span>
                    <a class="qm-btn qm-btn-sm" href="{{ route('account') }}">{{ t_raw('account.loyalty_need_phone_btn') }}</a>
                </div>
                @endif

                @if (empty($wallets))
                <div class="qm-card qm-loyalty-empty">
                    <div class="qm-loyalty-empty-ico"><i class="fas fa-star" aria-hidden="true"></i></div>
                    <h2>{{ t_raw('vendor.loyalty.empty_no_rewards_title') }}</h2>
                    <p>{{ t_raw('account.no_rewards_empty_text') }}</p>
                    <a href="{{ route('restaurants') }}" class="qm-btn qm-btn-outline mt-2"><i class="fas fa-utensils" aria-hidden="true"></i> {{ t_raw('restaurant.browse') }}</a>
                </div>
                @else

                @foreach ($wallets as $w)
@php $acct    = $w['account'];
                    $balance = (int) $w['balance'];
                    $label   = (string) $w['label'];
                    $slug    = (string) ($acct['restaurant_slug'] ?? '');
                    $cheapest = $w['cheapest'];
                    $pct      = (int) $w['progress_pct'];
                    $toGo     = (int) $w['to_go']; @endphp
                <div class="qm-card qm-loyalty-wallet">
                    <div class="qm-loyalty-wallet-head">
                        <h2 class="qm-loyalty-wallet-title">
                            <a class="qm-loyalty-wallet-rest" href="{!! $slug !== '' ? url('/restaurant/' . e($slug)) : route('restaurants') !!}">
                                {!! restaurant_logo_html(['logo' => $acct['restaurant_logo'] ?? '', 'name' => $acct['restaurant_name'] ?? ''], 'md') !!}
                                <span>{!! ($acct['restaurant_name'] ?? '') !== '' ? e($acct['restaurant_name']) : t('common.restaurant') !!}</span>
                            </a>
                        </h2>
                        <span class="qm-points-pill"><i class="fas fa-star" aria-hidden="true"></i> {{ loyalty_points($balance, $label) }}</span>
                    </div>

                    @if ($cheapest)
                    <div class="qm-loyalty-wallet-progress">
                        <div class="qm-loyalty-strip-bar" role="progressbar" aria-valuenow="{{ $pct }}" aria-valuemin="0" aria-valuemax="100" aria-label="{{ t_raw('account.progress_next_reward_aria') }}">
                            <span class="qm-fill" style="--qm-fill: {{ $pct }}%"></span>
                        </div>
                        <p class="qm-loyalty-wallet-cap">
                            @if ($toGo <= 0)
                            <i class="fas fa-check-circle" aria-hidden="true"></i><span>{!! t_raw('account.redeem_now_text', [':title' => '<strong>' . e((string) $cheapest['title']) . '</strong>']) !!}</span>
                            @else
                            <i class="fas fa-info-circle" aria-hidden="true"></i><span>{!! t_raw('account.more_to_unlock_text', [':n' => '<strong>' . number_format($toGo) . '</strong>', ':label' => e($label), ':title' => '<strong>' . e((string) $cheapest['title']) . '</strong>']) !!}</span>
                            @endif
                        </p>
                    </div>
                    @endif

                    @if (!empty($w['rewards']))
                    <div class="qm-reward-grid">
                        @foreach ($w['rewards'] as $rw)
@php $cost     = (int) $rw['points_cost'];
                            $eligible = $balance >= $cost;
                            $isFree   = ($rw['type'] ?? '') === 'free_item'; @endphp
                        <div class="qm-reward-card{{ $eligible ? ' is-eligible' : '' }}">
                            <span class="qm-reward-ico"><i class="fas {{ $isFree ? 'fa-gift' : 'fa-tags' }}" aria-hidden="true"></i></span>
                            <h3 class="qm-reward-title">{{ (string) $rw['title'] }}</h3>
                            <span class="qm-reward-cost">{{ loyalty_points($cost, $label) }}</span>
                            @if ($eligible)
                            <span class="qm-reward-need"><i class="fas fa-check-circle" aria-hidden="true"></i> {{ t_raw('account.claim_at_checkout') }}</span>
                            @else
                            <span class="qm-reward-need">{{ t_raw('account.need_more_text', [':n' => number_format($cost - $balance), ':label' => $label]) }}</span>
                            @endif
                        </div>
                        @endforeach
                    </div>
                    @endif

                    @if (!empty($w['ledger']))
                    <div class="qm-loyalty-ledger">
                        <h3 class="qm-loyalty-ledger-title">{{ t_raw('vendor.staff.heading_recent_activity') }}</h3>
                        <ul class="qm-loyalty-ledger-list">
                            @foreach ($w['ledger'] as $tx)
@php $pts  = (int) $tx['points'];
                                $up   = $pts >= 0;
                                $note = (string) ($tx['note'] ?? '');
                                $type = (string) ($tx['type'] ?? '');
                                if ($note === '') { $note = status_label('loyalty_tx', $type); }; @endphp
                            <li class="qm-loyalty-ledger-row">
                                <span class="qm-loyalty-ledger-note">{{ $note }}</span>
                                <span class="qm-loyalty-ledger-pts {{ $up ? 'is-up' : 'is-down' }}">{{ $up ? '+' : '&minus;' }}{{ number_format(abs($pts)) }}</span>
                                <span class="qm-loyalty-ledger-date">{!! fmt_day($tx['created_at']) !!}</span>
                            </li>
                            @endforeach
                        </ul>
                    </div>
                    @endif
                </div>
                @endforeach

                @endif

            </div>
        </div>
    </div>
</section>
@endsection