@extends('layouts.vpm-dashboard', ['active' => 'clients', 'area' => 'admin'])

@section('title', 'Client Info')

@section('content')
@php
    $miningCoins = array_keys(config('vpm-admin-account.mining_labels', []));
    $stats = [
        ['label' => 'User ID:', 'value' => (string) $client->id, 'accent' => true],
        ['label' => 'Date:', 'value' => $client->created_at->format('D, d M Y H:i:s').' GMT'],
        ['label' => 'Account Type:', 'value' => 'LIVE', 'accent' => true],
        ['label' => 'Email Address:', 'value' => $client->email],
        ['label' => 'Password:', 'value' => '••••••••', 'accent' => true],
        ['label' => 'Mobile Number:', 'value' => $client->mobile],
        ['label' => 'Currency:', 'value' => strtoupper($client->currency).' ('.\App\Support\Currency::symbol($client->currency).')', 'accent' => true],
        ['label' => 'Country:', 'value' => $client->country],
        ['label' => 'State:', 'value' => $client->state, 'accent' => true],
        ['label' => 'City:', 'value' => $client->city],
        ['label' => 'Street Address:', 'value' => $client->address_line ?: '—', 'accent' => true],
        ['label' => 'Zip Code:', 'value' => '—'],
        ['label' => 'Email:', 'value' => $client->emailVerificationShortLabel(), 'accent' => true],
        ['label' => 'Identity:', 'value' => $client->identityVerificationShortLabel()],
        ['label' => 'Address:', 'value' => $client->addressVerificationShortLabel(), 'accent' => true],
        ['label' => 'Referral ID:', 'value' => $client->referralCode()],
        ['label' => 'Referrals:', 'value' => number_format($client->referrals_count), 'accent' => true],
        ['label' => 'Deposits:', 'value' => number_format($client->deposits_count)],
        ['label' => 'Withdrawals:', 'value' => number_format($withdrawalsCount), 'accent' => true],
        ['label' => 'Trade Target:', 'value' => $client->formattedTradeTarget()],
        ['label' => 'Signal Strength:', 'value' => $client->formattedSignalStrength(), 'accent' => true],
        ['label' => 'Signal Profit:', 'value' => $client->formattedMoney($client->signalProfitBalance())],
        ['label' => 'Trading Balance:', 'value' => $client->formattedMoney((float) $client->balance), 'accent' => true],
        ...collect($miningCoins)->flatMap(function (string $coin, int $index) use ($client) {
            $label = config('vpm-admin-account.mining_labels.'.$coin, $coin.' Mining');

            return [[
                'label' => $label.' Balance:',
                'value' => $client->formattedMiningCoinBalance($coin),
                'accent' => $index % 2 === 0,
            ]];
        })->all(),
        ['label' => 'Referral Balance:', 'value' => $client->formattedMoney((float) $client->referral_balance), 'accent' => true],
        ['label' => 'Copying Traders:', 'value' => number_format($client->copying_traders_count)],
    ];
@endphp

<div class="vpm-page vpm-trader-info-page">
    <x-vpm.page-intro
        title="Client Info"
        description="View comprehensive information about this client, including their personal details and other relevant data."
    />

    <article class="vpm-trader-info-card">
        <div class="vpm-trader-info-card__body">
            <div class="vpm-trader-info-card__avatar-wrap">
                @if ($client->profilePhotoUrl())
                    <img
                        src="{{ $client->profilePhotoUrl() }}"
                        alt="{{ $client->name }}"
                        class="vpm-trader-info-card__avatar"
                        width="160"
                        height="160"
                    >
                @else
                    <div class="vpm-trader-info-card__avatar vpm-trader-info-card__avatar--fallback" aria-hidden="true">
                        {{ $client->initials() }}
                    </div>
                @endif
            </div>

            <h3 class="vpm-trader-info-card__name">{{ $client->name }}</h3>

            <dl class="vpm-trader-info-stats">
                @foreach ($stats as $stat)
                    <div @class([
                        'vpm-trader-info-stats__row',
                        'vpm-trader-info-stats__row--accent' => $stat['accent'] ?? false,
                    ])>
                        <dt class="vpm-trader-info-stats__label">{{ $stat['label'] }}</dt>
                        <dd class="vpm-trader-info-stats__value">{{ $stat['value'] }}</dd>
                    </div>
                @endforeach
            </dl>

            <x-vpm.admin-client-manage-menu :client="$client" />
        </div>
    </article>
</div>

<x-vpm.admin-client-update-dialog :client="$client" />
<x-vpm.admin-client-currency-dialog :client="$client" />
<x-vpm.admin-client-fund-dialog :client="$client" />
<x-vpm.admin-client-progress-dialog :client="$client" />
<x-vpm.admin-client-grant-card-dialog :client="$client" :tiers="$cardTiers" />
<x-vpm.admin-client-otp-dialog />

<dialog id="delete-client-dialog" class="vpm-dialog" aria-labelledby="delete-client-dialog-title">
    <form method="POST" action="{{ route('admin.clients.destroy', $client) }}" class="vpm-dialog__panel">
        @csrf
        @method('DELETE')
        <header class="vpm-dialog__header">
            <h2 id="delete-client-dialog-title" class="vpm-dialog__title">Delete client</h2>
            <button type="button" class="vpm-dialog__close" data-vpm-dialog-close aria-label="Close">×</button>
        </header>
        <div class="vpm-dialog__body">
            <p>Delete {{ $client->name }}? This action cannot be undone.</p>
        </div>
        <footer class="vpm-dialog__footer">
            <x-vpm.button type="button" variant="ghost" data-vpm-dialog-close>Cancel</x-vpm.button>
            <x-vpm.button type="submit" variant="primary">Delete client</x-vpm.button>
        </footer>
    </form>
</dialog>

@if ($errors->any())
    @php
        $reopenDialog = null;

        if ($errors->has('email_status') || $errors->has('identity_status') || $errors->has('address_status')) {
            $reopenDialog = 'update-client-dialog';
        } elseif ($errors->has('currency')) {
            $reopenDialog = 'update-currency-dialog';
        } elseif ($errors->has('debit_card_tier_id')) {
            $reopenDialog = 'grant-card-dialog';
        } elseif ($errors->has('trade_target') || $errors->has('signal_strength')) {
            $reopenDialog = 'update-progress-dialog';
        } elseif (
            $errors->has('trading_add') || $errors->has('trading_remove')
            || $errors->has('referral_add') || $errors->has('referral_remove')
            || $errors->has('signal_add') || $errors->has('signal_remove')
            || $errors->has('signal_profit_add') || $errors->has('signal_profit_remove')
            || collect($errors->keys())->contains(fn (string $key) => str_starts_with($key, 'mining_'))
        ) {
            $reopenDialog = 'fund-client-dialog';
        }
    @endphp

    @if ($reopenDialog)
        @push('scripts')
            <script>document.body.dataset.vpmReopenDialog = @json($reopenDialog);</script>
        @endpush
    @endif
@endif
@endsection