@extends('layouts.dashboard')
@section('title', __('Balance'))
@section('page_title', __('My Balance'))

@php
    $payoutBadges = ['pending' => 'secondary', 'approved' => 'info', 'paid' => 'success', 'rejected' => 'danger'];
    $sourceLabels = [
        'refund' => 'Refund',
        'purchase' => 'Spent on a purchase',
        'withdrawal' => 'Withdrawal',
        'withdrawal_reversal' => 'Withdrawal declined',
        'adjustment' => 'Adjustment',
    ];
@endphp

@section('content')
<div class="mb-4">
    <h4 class="mb-0 fw-bold">{{ __('My Balance') }}</h4>
    <p class="text-muted small mb-0">{{ __('Refunded payments land here. Withdraw them to your own account.') }}</p>
</div>

<div class="row g-3 mb-4">
    <div class="col-md-4">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body">
                <div class="text-muted small">{{ __('Total Balance') }}</div>
                <div class="h3 fw-bold mb-0" style="color:var(--lf-primary);">{{ money($balance) }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body">
                <div class="text-muted small">{{ __('Available to withdraw') }}</div>
                <div class="h3 fw-bold mb-0 text-success">{{ money($withdrawable) }}</div>
            </div>
        </div>
    </div>
    <div class="col-md-4">
        <div class="card border-0 shadow-sm h-100">
            <div class="card-body">
                <div class="text-muted small">{{ __('On hold') }}</div>
                <div class="h3 fw-bold mb-0 text-warning">{{ money($held) }}</div>
            </div>
        </div>
    </div>
</div>

<div class="row g-3">
    <div class="col-lg-5">
        <div class="card shadow-sm">
            <div class="card-header bg-white fw-semibold">{{ __('Withdraw') }}</div>
            <div class="card-body">
                @if(! $withdrawalsEnabled)
                    <p class="text-muted mb-0">{{ __('Withdrawals are currently turned off. Your balance can still be used on the site.') }}</p>
                @elseif($withdrawable < $minimum)
                    <p class="text-muted mb-0">
                        {{ __('You need at least :min available to withdraw.', ['min' => money($minimum)]) }}
                        @if($held > 0)
                            <br><span class="small">{{ __(':amount is still on hold after a recent refund.', ['amount' => money($held)]) }}</span>
                        @endif
                    </p>
                @else
                    <form method="POST" action="{{ route('wallet.withdraw') }}">
                        @csrf
                        <div class="mb-2">
                            <label class="form-label">{{ __('Amount') }}</label>
                            <input type="number" step="0.01" min="{{ $minimum }}" max="{{ $withdrawable }}" name="amount" class="form-control" required>
                            <div class="form-text">{{ __('Up to :max', ['max' => money($withdrawable)]) }}</div>
                        </div>
                        <div class="mb-2">
                            <label class="form-label">{{ __('Method') }}</label>
                            <select name="method" class="form-select" required>
                                <option value="bank">{{ __('Bank transfer') }}</option>
                                <option value="paypal">PayPal</option>
                                <option value="stripe">Stripe</option>
                            </select>
                        </div>
                        <div class="mb-2">
                            <label class="form-label">{{ __('Account name') }}</label>
                            <input type="text" name="account_name" class="form-control">
                        </div>
                        <div class="mb-3">
                            <label class="form-label">{{ __('Account number / email') }}</label>
                            <input type="text" name="account_number" class="form-control">
                        </div>
                        <button class="btn btn-primary">{{ __('Request withdrawal') }}</button>
                    </form>
                @endif
            </div>
        </div>

        @if(module_enabled('gamification') && ($loyaltyRate ?? 0) > 0 && ($loyaltyMin ?? 0) > 0)
        <div class="card shadow-sm mt-3">
            <div class="card-header bg-white fw-semibold"><i class="bi bi-stars text-primary me-1"></i>{{ __('Redeem points') }}</div>
            <div class="card-body">
                <p class="small text-muted">{{ __(':points points = :cash credit. Minimum :min points.', ['points' => $loyaltyRate, 'cash' => money(1), 'min' => $loyaltyMin]) }} {{ __('You have :have.', ['have' => $loyaltyPoints ?? 0]) }}</p>
                @if(($loyaltyPoints ?? 0) >= ($loyaltyMin ?? 0))
                    <form method="POST" action="{{ route('wallet.redeem') }}">
                        @csrf
                        <div class="input-group">
                            <input type="number" name="points" class="form-control" min="{{ $loyaltyMin }}" max="{{ $loyaltyPoints }}" step="{{ $loyaltyRate }}" value="{{ $loyaltyMin }}" required>
                            <button class="btn btn-primary">{{ __('Convert') }}</button>
                        </div>
                    </form>
                @else
                    <p class="text-muted small mb-0">{{ __('Earn points by completing lessons and courses.') }}</p>
                @endif
            </div>
        </div>
        @endif
        <div class="card shadow-sm mt-3">
            <div class="card-header bg-white fw-semibold">{{ __('Withdrawal requests') }}</div>
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead class="table-light"><tr><th>{{ __('Date') }}</th><th>{{ __('Amount') }}</th><th>{{ __('Status') }}</th></tr></thead>
                    <tbody>
                        @forelse($payouts as $payout)
                            <tr>
                                <td>{{ $payout->created_at->format('d M Y') }}</td>
                                <td>{{ money($payout->amount) }}</td>
                                <td><span class="badge bg-{{ $payoutBadges[$payout->status] ?? 'secondary' }}">{{ status_label($payout->status) }}</span></td>
                            </tr>
                        @empty
                            <tr><td colspan="3" class="text-center text-muted py-4">{{ __('No withdrawal requests yet.') }}</td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    <div class="col-lg-7">
        <div class="card shadow-sm mb-3">
            <div class="card-header bg-white fw-semibold"><i class="bi bi-gift text-primary me-1"></i>{{ __('Invite friends, earn credit') }}</div>
            <div class="card-body">
                <p class="small text-muted">{{ __('Share your link. When a friend joins, you both earn balance credit.') }} {{ __(':count joined so far — :earned earned.', ['count' => $invitedCount ?? 0, 'earned' => money($inviteEarned ?? 0)]) }}</p>
                <div class="input-group">
                    <input type="text" class="form-control font-monospace" value="{{ $inviteLink ?? '' }}" readonly onclick="this.select()">
                    <button type="button" class="btn btn-outline-primary" onclick="navigator.clipboard.writeText('{{ $inviteLink ?? '' }}');this.innerHTML='<i class=&quot;bi bi-check&quot;></i> {{ __('Copied') }}'"><i class="bi bi-clipboard"></i> {{ __('Copy') }}</button>
                </div>
            </div>
        </div>
        <div class="card shadow-sm">
            <div class="card-header bg-white fw-semibold">{{ __('Balance history') }}</div>
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead class="table-light"><tr><th>{{ __('Date') }}</th><th>{{ __('Detail') }}</th><th class="text-end">{{ __('Amount') }}</th></tr></thead>
                    <tbody>
                        @forelse($transactions as $tx)
                            <tr>
                                <td>{{ $tx->created_at->format('d M Y') }}</td>
                                <td>
                                    <div>{{ __($sourceLabels[$tx->source] ?? status_label($tx->source)) }}</div>
                                    @if($tx->note)<div class="small text-muted">{{ $tx->note }}</div>@endif
                                    @if($tx->isHeld())
                                        <div class="small text-warning">{{ __('On hold until :date', ['date' => $tx->available_at->format('d M Y')]) }}</div>
                                    @endif
                                </td>
                                <td class="text-end fw-semibold {{ $tx->direction === 'credit' ? 'text-success' : 'text-danger' }}">
                                    {{ $tx->direction === 'credit' ? '+' : '−' }}{{ money($tx->amount) }}
                                </td>
                            </tr>
                        @empty
                            <tr><td colspan="3" class="text-center text-muted py-5">
                                <i class="bi bi-wallet2 fs-2 d-block mb-2"></i>
                                {{ __('Nothing here yet. Refunds you receive will show up on this page.') }}
                            </td></tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@endsection