@extends('layouts.admin')
@section('title', $user->name)
@section('content')
<div class="page-header" style="display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem">
    <div><h1>{{ $user->name }}</h1><p>{{ $user->email }} · @{{ $user->username }}</p></div>
    <div class="action-group">
        <a href="{{ route('admin.users.edit', $user) }}" class="md-btn md-btn-filled">Edit User</a>
        <form action="{{ route('admin.users.toggle-status', $user) }}" method="POST"
              onsubmit="return confirm('{{ $user->status === 'active' ? 'Deactivate this user? They will not be able to sign in.' : 'Reactivate this user?' }}')">
            @csrf
            @method('PATCH')
            @if($user->status === 'active')
                <button type="submit" class="md-btn md-btn-danger">Deactivate</button>
            @else
                <button type="submit" class="md-btn md-btn-tonal">Activate</button>
            @endif
        </form>
    </div>
</div>

<div class="stat-grid" style="margin-bottom:1.5rem">
    <div class="stat-tile"><div><p class="stat-tile-label">Balance</p><p class="stat-tile-value" id="userCurrentBalance">${{ number_format($user->balance, 2) }}</p></div></div>
    <div class="stat-tile"><div><p class="stat-tile-label">Status</p><p class="stat-tile-value">{{ $user->status === 'active' ? 'Active' : 'Deactivated' }}</p></div></div>
    <div class="stat-tile"><div><p class="stat-tile-label">Deposits</p><p class="stat-tile-value">{{ $user->deposits->count() }}</p></div></div>
    <div class="stat-tile"><div><p class="stat-tile-label">Withdrawals</p><p class="stat-tile-value">{{ $user->withdrawals->count() }}</p></div></div>
</div>

<div class="md-card user-trading-mode-card" style="margin-bottom:1.5rem">
    <div class="md-card-header">Trade Outcome (This User)</div>
    <div class="md-card-body">
        <p class="user-trading-mode-hint">
            Override the site-wide trading mode for <strong>{{ $user->name }}</strong> only.
            Site default is currently <strong>{{ strtoupper($siteTradingMode) }}</strong>.
            @if($user->trading_mode)
                This user is set to <strong>{{ strtoupper($user->trading_mode) }}</strong>.
            @else
                This user follows the site default.
            @endif
        </p>
        <div class="user-trading-mode-badges">
            <form method="POST" action="{{ route('admin.users.trading-mode', $user) }}" class="user-trading-mode-form">
                @csrf
                @method('PUT')
                <input type="hidden" name="trading_mode" value="">
                <button type="submit" class="user-trading-mode-badge user-trading-mode-badge--default {{ $user->trading_mode ? '' : 'is-active' }}">
                    Site Default
                </button>
            </form>
            @foreach(['win' => 'WIN', 'auto' => 'AUTO', 'loss' => 'LOSS'] as $mode => $label)
            <form method="POST" action="{{ route('admin.users.trading-mode', $user) }}" class="user-trading-mode-form">
                @csrf
                @method('PUT')
                <input type="hidden" name="trading_mode" value="{{ $mode }}">
                <button type="submit" class="user-trading-mode-badge user-trading-mode-badge--{{ $mode }} {{ $user->trading_mode === $mode ? 'is-active' : '' }}">
                    {{ $label }}
                </button>
            </form>
            @endforeach
        </div>
    </div>
</div>

<div class="md-card" style="margin-bottom:1.5rem">
    <div class="md-card-header">Recent Trades</div>
    <div class="table-wrap">
        <table class="md-table">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Pair</th>
                    <th>Direction</th>
                    <th>Amount</th>
                    <th>Result</th>
                    <th>Net P&amp;L</th>
                    <th>Status</th>
                    <th>Closed</th>
                </tr>
            </thead>
            <tbody>
                @forelse($user->trades as $trade)
                <tr>
                    <td>#{{ $trade->id }}</td>
                    <td>{{ $trade->market?->tradePairLabel() ?? '—' }}</td>
                    <td>{{ strtoupper($trade->direction) }}</td>
                    <td>${{ number_format($trade->amount, 2) }}</td>
                    <td>
                        @if($trade->outcome === 'won')
                            <span class="badge badge-success">WIN</span>
                        @elseif($trade->outcome === 'lost')
                            <span class="badge badge-danger">LOSS</span>
                        @else
                            <span class="badge">—</span>
                        @endif
                    </td>
                    <td>
                        @if($trade->net_pnl !== null)
                            <span style="color:{{ (float) $trade->net_pnl >= 0 ? 'var(--md-success)' : 'var(--md-error)' }}">
                                {{ (float) $trade->net_pnl >= 0 ? '+' : '' }}${{ number_format($trade->net_pnl, 2) }}
                            </span>
                        @else
                            —
                        @endif
                    </td>
                    <td>{{ ucfirst($trade->status) }}</td>
                    <td>{{ $trade->closed_at?->format('Y-m-d H:i') ?? '—' }}</td>
                </tr>
                @empty
                <tr><td colspan="8" style="text-align:center;padding:1.5rem">No trades yet</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>

<div class="md-card" style="margin-bottom:1.5rem">
    <div class="md-card-header" style="display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0.75rem">
        <span>All Transactions ({{ $transactions->total() }})</span>
    </div>
    <form class="toolbar" method="GET" action="{{ route('admin.users.show', $user) }}" style="padding:0 1rem 1rem;margin:0">
        <select name="type" class="md-select">
            <option value="all">All Types</option>
            <option value="deposit" @selected(request('type') === 'deposit')>Deposit</option>
            <option value="withdrawal" @selected(request('type') === 'withdrawal')>Withdrawal</option>
            <option value="transfer" @selected(request('type') === 'transfer')>Transfer</option>
            <option value="balance_add" @selected(request('type') === 'balance_add')>Balance Add</option>
            <option value="balance_subtract" @selected(request('type') === 'balance_subtract')>Balance Subtract</option>
        </select>
        <button type="submit" class="md-btn md-btn-tonal">Filter</button>
        @if(request('type') && request('type') !== 'all')
            <a href="{{ route('admin.users.show', $user) }}" class="md-btn md-btn-tonal">Clear</a>
        @endif
    </form>
    <div class="table-wrap">
        <table class="md-table">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Type</th>
                    <th>Details</th>
                    <th>Amount</th>
                    <th>Status</th>
                    <th>Date</th>
                </tr>
            </thead>
            <tbody>
                @forelse($transactions as $tx)
                <tr>
                    <td>{{ $tx->id }}</td>
                    <td>{{ str_replace('_', ' ', ucfirst($tx->type)) }}</td>
                    <td style="max-width:320px">{{ $tx->details ?? '—' }}</td>
                    <td>${{ number_format($tx->amount, 2) }}</td>
                    <td><span class="badge {{ $tx->status->badgeClass() }}">{{ $tx->status->label() }}</span></td>
                    <td>{{ $tx->created_at->format('Y-m-d H:i:s') }}</td>
                </tr>
                @empty
                <tr><td colspan="6" style="text-align:center;padding:1.5rem">No transactions for this client</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($transactions->hasPages())
    <div style="padding:1rem">{{ $transactions->links() }}</div>
    @endif
</div>

<div class="md-card balance-adjust-card">
    <div class="md-card-header">Balance Add/Subtract</div>
    <div class="md-card-body balance-adjust-body">
        <div class="balance-adjust-col">
            <form method="POST" action="{{ route('admin.users.balance.add', $user) }}" class="balance-adjust-form">
                @csrf
                <input type="number"
                       name="amount"
                       class="md-input balance-adjust-input"
                       step="0.01"
                       min="0.01"
                       placeholder="Enter amount to add"
                       required>
                @error('amount')
                    <p class="balance-adjust-error">{{ $message }}</p>
                @enderror
                <button type="submit" class="md-btn md-btn-filled balance-adjust-btn">Add</button>
            </form>
        </div>
        <div class="balance-adjust-col">
            <form method="POST" action="{{ route('admin.users.balance.subtract', $user) }}" class="balance-adjust-form">
                @csrf
                <input type="number"
                       name="amount"
                       class="md-input balance-adjust-input"
                       step="0.01"
                       min="0.01"
                       max="{{ max(0.01, (float) $user->balance) }}"
                       placeholder="Enter amount to subtract"
                       required>
                @error('amount')
                    <p class="balance-adjust-error">{{ $message }}</p>
                @enderror
                <button type="submit" class="md-btn md-btn-filled balance-adjust-btn">Subtract</button>
            </form>
        </div>
    </div>
    <p class="balance-adjust-hint">Current balance: <strong id="userBalanceHint">${{ number_format($user->balance, 2) }}</strong></p>
</div>
@endsection