@extends('nexus.layouts.app')

@section('page-title', 'Pilots')
@section('sys-mode', 'PILOT MODE')

@section('head')
    <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/4.4.1/chart.umd.min.js"></script>
    <style>
        /* Phase 14-B: winding-down chip + search input + pagination */
        .chip-winding {
            background: rgba(245, 158, 11, 0.15) !important;
            color: #f59e0b !important;
            border: 1px solid rgba(245, 158, 11, 0.35) !important;
        }
        .filter-input {
            background: #0f0f0f;
            border: 1px solid #2a2a2a;
            color: #d8d8d8;
            padding: 6px 10px;
            font-family: inherit;
            font-size: 0.78rem;
            border-radius: 3px;
            outline: none;
            transition: border-color 0.15s ease, background 0.15s ease;
        }
        .filter-input:focus {
            border-color: #e8842a;
            background: #141414;
        }
        .filter-input.active {
            border-color: #e8842a;
        }
        .filter-input::placeholder {
            color: #666;
        }
        .table-pagination .filter-select {
            padding: 4px 10px;
            font-size: 0.78rem;
            cursor: pointer;
            min-width: 36px;
            text-align: center;
        }
        .table-pagination .filter-select:hover:not(:disabled) {
            background: #1a1a1a;
            border-color: #e8842a;
        }
        .table-pagination .filter-select.active {
            background: rgba(232, 132, 42, 0.15);
            border-color: #e8842a;
            color: #e8842a;
        }
        .table-pagination .filter-select:disabled {
            opacity: 0.4;
            cursor: not-allowed;
        }

        /* Phase 14-B round 2: Force Settle button */
        .force-settle-btn {
            background: rgba(245, 158, 11, 0.15);
            color: #f59e0b;
            border: 1px solid rgba(245, 158, 11, 0.35);
            padding: 5px 10px;
            font-family: inherit;
            font-size: 0.7rem;
            font-weight: 500;
            letter-spacing: 0.02em;
            border-radius: 3px;
            cursor: pointer;
            transition: background 0.15s ease, border-color 0.15s ease;
        }
        .force-settle-btn:hover {
            background: rgba(245, 158, 11, 0.25);
            border-color: #f59e0b;
        }
        .force-settle-btn:disabled {
            opacity: 0.5;
            cursor: not-allowed;
        }
        .force-settle-btn.is-pending {
            opacity: 0.6;
            cursor: wait;
        }
    </style>
@endsection

@section('content')

    @php
        $ov = $overview ?? [];
        $rows = $pilotsTable ?? [];
        $wrDist = $rollingWrDist ?? [];
        $followsChart = $followsPerPilot ?? [];
        $capChart = $followerCapDist ?? [];
        $dailyChart = $dailyActivity ?? [];
        $followRows = $follows ?? [];

        $dateStart = $dates['start'] ?? now()->startOfMonth()->toDateString();
        $dateEnd   = $dates['end']   ?? now()->toDateString();
        $isToday   = $dateStart === now()->toDateString() && $dateEnd === now()->toDateString();

        if ($isToday) {
            $periodLabel = 'TODAY';
            $periodSuffix = 'Today';
        } elseif ($dateStart === now()->subDay()->toDateString() && $dateEnd === now()->subDay()->toDateString()) {
            $periodLabel = 'YESTERDAY';
            $periodSuffix = 'Yesterday';
        } elseif ($dateStart === $dateEnd) {
            $periodLabel = strtoupper(\Carbon\Carbon::parse($dateStart)->format('M j'));
            $periodSuffix = \Carbon\Carbon::parse($dateStart)->format('M j');
        } else {
            $periodLabel = strtoupper(\Carbon\Carbon::parse($dateStart)->format('M Y'));
            $periodSuffix = \Carbon\Carbon::parse($dateStart)->format('M Y');
        }

        $currentMonth = request()->input('month', now()->format('Y-m'));
        $activeRange = request()->input('range', '');
        $currentSort = $currentSort ?? request()->input('sort', 'wins');
        $currentDir = $currentDir ?? request()->input('dir', 'desc');
        $followStatusFilter = $followStatusFilter ?? request()->input('follow_status', 'all');

        // Phase 14-B: search + pagination defaults (backwards-safe)
        $followSearch          = $followSearch          ?? request()->input('follow_search', '');
        $followsTotal          = $followsTotal          ?? count($followRows);
        $followsPages          = $followsPages          ?? 1;
        $followsPage           = $followsPage           ?? 1;
        $followsPerPageResolved = $followsPerPageResolved ?? 20;

        $followStatusLabels = [
            'all'          => 'All',
            'active'       => 'Active',
            'winding_down' => 'Winding Down',
            'stopped'      => 'Stopped',
            'auto_stopped' => 'Auto-Stopped',
        ];
    @endphp

    {{-- PAGE HEADER --}}
    <div class="page-header">
        <div>
            <h1>PILOT <em>MODE</em></h1>
            <p class="page-header-sub">Platform-owned automated traders and follower mirror activity</p>
        </div>
        <div class="page-header-right">
            <div>
                <div class="stat-label">Pilot Win Rate</div>
                <div class="stat-value {{ ($ov['pilot_win_rate'] ?? 0) >= 50 ? 'green' : 'orange' }}">{{ $ov['pilot_win_rate'] ?? 0 }}%</div>
            </div>
            <div class="date-controls" style="margin-top: 8px;">
                <div class="month-selector" id="monthSelector">
                    <button type="button" class="month-selector-btn" id="monthSelectorBtn">
                        {{ \Carbon\Carbon::parse($dateStart)->format('F Y') }}
                    </button>
                    <div class="month-selector-dropdown" id="monthSelectorDropdown">
                        @foreach ($availableMonths ?? [] as $m)
                            <div class="month-option {{ $currentMonth === $m ? 'active' : '' }}" data-month="{{ $m }}">
                                {{ \Carbon\Carbon::parse($m . '-01')->format('F Y') }}
                            </div>
                        @endforeach
                    </div>
                </div>
                <div class="quick-filters">
                    <button type="button" class="quick-filter {{ $activeRange === 'today' ? 'active' : '' }}" data-range="today">Today</button>
                    <button type="button" class="quick-filter {{ $activeRange === 'yesterday' ? 'active' : '' }}" data-range="yesterday">Yesterday</button>
                    <button type="button" class="quick-filter {{ $activeRange === '7days' ? 'active' : '' }}" data-range="7days">7 Days</button>
                </div>
            </div>
        </div>
    </div>

    {{-- STAT STRIP: Pilot roster --}}
    <div class="stat-strip">
        <div class="stat-cell">
            <div class="stat-label">Total Pilots</div>
            <div class="stat-value">{{ $ov['total_pilots'] ?? 0 }}</div>
            <div class="stat-sub-label">Active roster</div>
        </div>
        <div class="stat-cell">
            <div class="stat-label">Circuit Normal</div>
            <div class="stat-value green">{{ $ov['normal_count'] ?? 0 }}</div>
            <div class="stat-sub-label">Paused {{ $ov['paused_count'] ?? 0 }} / Cool {{ $ov['cooldown_count'] ?? 0 }}</div>
        </div>
        <div class="stat-cell">
            <div class="stat-label">Active Follows</div>
            <div class="stat-value orange">{{ number_format($ov['active_follows'] ?? 0) }}</div>
            <div class="stat-sub-label">{{ number_format($ov['unique_followers'] ?? 0) }} unique followers</div>
        </div>
        <div class="stat-cell">
            <div class="stat-label">Follower Capital</div>
            <div class="stat-value">${{ number_format($ov['follower_capital'] ?? 0, 2) }}</div>
            <div class="stat-sub-label">${{ number_format($ov['total_invested'] ?? 0, 2) }} invested</div>
        </div>
    </div>

    {{-- STAT STRIP: Pilot activity (period) --}}
    <div class="stat-strip">
        <div class="stat-cell">
            <div class="stat-label">Pilot Bids {{ $periodSuffix }}</div>
            <div class="stat-value">{{ number_format($ov['pilot_bids'] ?? 0) }}</div>
        </div>
        <div class="stat-cell">
            <div class="stat-label">Pilot Wins {{ $periodSuffix }}</div>
            <div class="stat-value green">{{ number_format($ov['pilot_wins'] ?? 0) }}</div>
        </div>
        <div class="stat-cell">
            <div class="stat-label">Pilot Losses {{ $periodSuffix }}</div>
            <div class="stat-value red">{{ number_format($ov['pilot_losses'] ?? 0) }}</div>
        </div>
        <div class="stat-cell">
            <div class="stat-label">Accepting Followers</div>
            <div class="stat-value {{ ($ov['accepting_count'] ?? 0) > 0 ? 'green' : 'yellow' }}">{{ $ov['accepting_count'] ?? 0 }} / {{ $ov['total_pilots'] ?? 0 }}</div>
            <div class="stat-sub-label">{{ $ov['stop_loss_triggered'] ?? 0 }} stop-loss lifetime</div>
        </div>
    </div>

    {{-- STAT STRIP: Mirror activity (period) --}}
    <div class="stat-strip">
        <div class="stat-cell">
            <div class="stat-label">Mirror Trades {{ $periodSuffix }}</div>
            <div class="stat-value">{{ number_format($ov['mirror_trades'] ?? 0) }}</div>
            <div class="stat-sub-label">{{ number_format($ov['mirror_skipped'] ?? 0) }} skipped</div>
        </div>
        <div class="stat-cell">
            <div class="stat-label">Mirror Win Rate</div>
            <div class="stat-value {{ ($ov['mirror_win_rate'] ?? 0) >= 50 ? 'green' : 'orange' }}">{{ $ov['mirror_win_rate'] ?? 0 }}%</div>
            <div class="stat-sub-label">{{ $ov['mirror_wins'] ?? 0 }}W / {{ $ov['mirror_losses'] ?? 0 }}L</div>
        </div>
        <div class="stat-cell">
            <div class="stat-label">Pilot Earnings {{ $periodSuffix }}</div>
            <div class="stat-value green">${{ number_format($ov['pilot_earnings'] ?? 0, 2) }}</div>
            <div class="stat-sub-label">From follower trades (pre-cutover)</div>
        </div>
        <div class="stat-cell">
            <div class="stat-label">Follower Gross {{ $periodSuffix }}</div>
            <div class="stat-value {{ ($ov['follower_gross'] ?? 0) >= 0 ? 'green' : 'red' }}">${{ number_format($ov['follower_gross'] ?? 0, 2) }}</div>
            <div class="stat-sub-label">Before pilot cut</div>
        </div>
    </div>

    {{-- STAT STRIP: New-model position (Phase 14-B) --}}
    <div class="stat-strip">
        <div class="stat-cell">
            <div class="stat-label">Mark-to-Market</div>
            <div class="stat-value">${{ number_format($ov['mark_to_market_total'] ?? 0, 2) }}</div>
            <div class="stat-sub-label">across active + winding-down follows</div>
        </div>
        <div class="stat-cell">
            <div class="stat-label">Unrealized Cut Liability</div>
            <div class="stat-value orange">${{ number_format($ov['unrealized_cut_liability'] ?? 0, 2) }}</div>
            <div class="stat-sub-label">platform will earn at sweep</div>
        </div>
        <div class="stat-cell">
            <div class="stat-label">Wind-downs In Progress</div>
            @php
                $wdCount = (int) ($ov['winding_down_count'] ?? 0);
                $wdColor = $wdCount > 0 ? 'yellow' : '';
            @endphp
            <div class="stat-value {{ $wdColor }}">{{ $wdCount }}</div>
            <div class="stat-sub-label">${{ number_format($ov['winding_down_capital'] ?? 0, 2) }} committed</div>
        </div>
        <div class="stat-cell">
            <div class="stat-label">Realized Cut (Post-Cutover)</div>
            @php
                $realizedMonth    = (float) ($ov['realized_post_cutover_month'] ?? 0);
                $realizedLifetime = (float) ($ov['realized_post_cutover_lifetime'] ?? 0);
            @endphp
            @if($realizedLifetime > 0)
                <div class="stat-value green">${{ number_format($realizedMonth, 2) }}</div>
                <div class="stat-sub-label">${{ number_format($realizedLifetime, 2) }} lifetime</div>
            @else
                <div class="stat-value text-muted" style="font-size: 0.95rem;">Pending first sweep</div>
                <div class="stat-sub-label">no wind-down completed yet</div>
            @endif
        </div>
    </div>

    {{-- CHARTS --}}
    <div class="chart-row" style="margin-top: 24px;">
        <div class="chart-panel">
            <div class="chart-title">Pilot Rolling WR Distribution</div>
            <div class="chart-wrap h250"><canvas id="pilotWrChart"></canvas></div>
        </div>
        <div class="chart-panel">
            <div class="chart-title">Daily Pilot Activity <span class="text-dim">&bull; {{ $periodSuffix }}</span></div>
            <div class="chart-wrap h250"><canvas id="pilotActivityChart"></canvas></div>
        </div>
    </div>

    <div class="chart-row" style="margin-top: 16px;">
        <div class="chart-panel">
            <div class="chart-title">Active Follows Per Pilot</div>
            <div class="chart-wrap h250"><canvas id="pilotFollowsChart"></canvas></div>
        </div>
        <div class="chart-panel">
            <div class="chart-title">Follower Capital Per Pilot</div>
            <div class="chart-wrap h250"><canvas id="pilotCapChart"></canvas></div>
        </div>
    </div>

    {{-- PILOTS TABLE --}}
    <div class="section-header">
        <span class="section-label">Pilots Leaderboard</span>
        <span class="section-right">{{ $periodSuffix }} &bull; 25 pilots</span>
    </div>

    <div class="data-table-wrap">
        <table class="data-table">
            <thead>
                <tr>
                    <th style="width: 40px;">#</th>
                    <th class="sortable {{ $currentSort === 'display_name' ? 'sort-active sort-' . $currentDir : '' }}" data-sort="display_name">
                        Pilot
                        <span class="sort-indicator"><span class="sort-indicator-up"></span><span class="sort-indicator-down"></span></span>
                    </th>
                    <th>Archetype</th>
                    <th class="sortable {{ $currentSort === 'circuit_state' ? 'sort-active sort-' . $currentDir : '' }}" data-sort="circuit_state">
                        Circuit
                        <span class="sort-indicator"><span class="sort-indicator-up"></span><span class="sort-indicator-down"></span></span>
                    </th>
                    <th class="col-right sortable {{ $currentSort === 'circuit_rolling_wr' ? 'sort-active sort-' . $currentDir : '' }}" data-sort="circuit_rolling_wr">
                        Rolling WR
                        <span class="sort-indicator"><span class="sort-indicator-up"></span><span class="sort-indicator-down"></span></span>
                    </th>
                    <th class="col-right sortable {{ $currentSort === 'wins' ? 'sort-active sort-' . $currentDir : '' }}" data-sort="wins">
                        Wins
                        <span class="sort-indicator"><span class="sort-indicator-up"></span><span class="sort-indicator-down"></span></span>
                    </th>
                    <th class="col-right sortable {{ $currentSort === 'losses' ? 'sort-active sort-' . $currentDir : '' }}" data-sort="losses">
                        Losses
                        <span class="sort-indicator"><span class="sort-indicator-up"></span><span class="sort-indicator-down"></span></span>
                    </th>
                    <th class="col-right sortable {{ $currentSort === 'win_rate' ? 'sort-active sort-' . $currentDir : '' }}" data-sort="win_rate">
                        WR
                        <span class="sort-indicator"><span class="sort-indicator-up"></span><span class="sort-indicator-down"></span></span>
                    </th>
                    <th class="col-right sortable {{ $currentSort === 'total_profit' ? 'sort-active sort-' . $currentDir : '' }}" data-sort="total_profit">
                        Profit
                        <span class="sort-indicator"><span class="sort-indicator-up"></span><span class="sort-indicator-down"></span></span>
                    </th>
                    <th class="col-right sortable {{ $currentSort === 'total_bids' ? 'sort-active sort-' . $currentDir : '' }}" data-sort="total_bids">
                        Bids
                        <span class="sort-indicator"><span class="sort-indicator-up"></span><span class="sort-indicator-down"></span></span>
                    </th>
                    <th class="col-right sortable {{ $currentSort === 'active_follows' ? 'sort-active sort-' . $currentDir : '' }}" data-sort="active_follows">
                        Followers
                        <span class="sort-indicator"><span class="sort-indicator-up"></span><span class="sort-indicator-down"></span></span>
                    </th>
                    <th class="col-right sortable {{ $currentSort === 'follower_capital' ? 'sort-active sort-' . $currentDir : '' }}" data-sort="follower_capital">
                        Follower Cap
                        <span class="sort-indicator"><span class="sort-indicator-up"></span><span class="sort-indicator-down"></span></span>
                    </th>
                    <th class="col-right sortable {{ $currentSort === 'mirror_trades' ? 'sort-active sort-' . $currentDir : '' }}" data-sort="mirror_trades">
                        Mirror
                        <span class="sort-indicator"><span class="sort-indicator-up"></span><span class="sort-indicator-down"></span></span>
                    </th>
                    <th class="col-right sortable {{ $currentSort === 'mirror_wins' ? 'sort-active sort-' . $currentDir : '' }}" data-sort="mirror_wins">
                        Mirror W/L
                        <span class="sort-indicator"><span class="sort-indicator-up"></span><span class="sort-indicator-down"></span></span>
                    </th>
                    <th class="col-right sortable {{ $currentSort === 'pilot_earned' ? 'sort-active sort-' . $currentDir : '' }}" data-sort="pilot_earned">
                        Pilot Earned
                        <span class="sort-indicator"><span class="sort-indicator-up"></span><span class="sort-indicator-down"></span></span>
                    </th>
                    <th class="col-right sortable {{ $currentSort === 'follower_apy_30d' ? 'sort-active sort-' . $currentDir : '' }}" data-sort="follower_apy_30d" title="Annualized follower yield over last 30 days">
                        Follower APY
                        <span class="sort-indicator"><span class="sort-indicator-up"></span><span class="sort-indicator-down"></span></span>
                    </th>
                    <th class="col-right sortable {{ $currentSort === 'realized_cut_lifetime' ? 'sort-active sort-' . $currentDir : '' }}" data-sort="realized_cut_lifetime" title="Platform pilot cut earned at sweep time">
                        Realized Cut
                        <span class="sort-indicator"><span class="sort-indicator-up"></span><span class="sort-indicator-down"></span></span>
                    </th>
                    <th class="col-right">Last Activity</th>
                </tr>
            </thead>
            <tbody>
                @if (!empty($rows) && count($rows) > 0)
                    @foreach ($rows as $idx => $p)
                        @php
                            $circuitClass = match ($p['circuit_state']) {
                                'normal'   => 'chip-completed',
                                'paused'   => 'chip-error',
                                'cooldown' => 'chip-warning',
                                default    => 'chip-pending',
                            };
                            $wr = $p['circuit_rolling_wr'];
                        @endphp
                        <tr>
                            <td class="col-num">{{ str_pad($idx + 1, 2, '0', STR_PAD_LEFT) }}</td>
                            <td>
                                <span class="user-link" onclick="nexus.showAuditTrail({{ $p['user_id'] }}, '{{ addslashes($p['display_name']) }}')">{{ $p['display_name'] }}</span>
                                @if ($p['is_in_warmup'])
                                    <span class="chip chip-sm chip-pending" style="margin-left: 6px;">WARMUP</span>
                                @endif
                            </td>
                            <td style="text-transform: capitalize;">{{ $p['archetype'] ?? '-' }}</td>
                            <td><span class="chip chip-sm {{ $circuitClass }}" style="text-transform: uppercase;">{{ $p['circuit_state'] }}</span></td>
                            <td class="col-right">{{ $wr !== null ? number_format($wr, 1) . '%' : '-' }}</td>
                            <td class="col-right text-green">{{ $p['wins'] }}</td>
                            <td class="col-right text-red">{{ $p['losses'] }}</td>
                            <td class="col-right">{{ $p['win_rate'] }}%</td>
                            <td class="col-right {{ $p['total_profit'] >= 0 ? 'text-green' : 'text-red' }}">${{ number_format($p['total_profit'], 2) }}</td>
                            <td class="col-right">{{ $p['total_bids'] }}</td>
                            <td class="col-right">{{ $p['active_follows'] }}</td>
                            <td class="col-right text-orange">${{ number_format($p['follower_capital'], 2) }}</td>
                            <td class="col-right">{{ $p['mirror_trades'] }}</td>
                            <td class="col-right">
                                <span class="text-green">{{ $p['mirror_wins'] }}</span> / <span class="text-red">{{ $p['mirror_losses'] }}</span>
                            </td>
                            <td class="col-right text-green">${{ number_format($p['pilot_earned'], 2) }}</td>
                            <td class="col-right">
                                @php
                                    $apy = $p['follower_apy_30d'] ?? null;
                                    $conf = $p['apy_confidence'] ?? 'insufficient_trades';
                                @endphp
                                @if($apy !== null)
                                    <span class="{{ $apy >= 20 ? 'text-green' : ($apy >= 10 ? 'text-orange' : 'text-muted') }}">{{ $apy }}%</span>
                                    @if($conf === 'medium')
                                        <span class="text-muted" style="font-size: 0.65rem;">&nbsp;·&nbsp;{{ $p['apy_wins_30d'] }}W</span>
                                    @endif
                                @else
                                    @php
                                        $confLabel = match($conf) {
                                            'warmup'               => 'Warmup',
                                            'insufficient_trades'  => '&lt;50 wins',
                                            'no_capital'           => 'No cap',
                                            default                => '-',
                                        };
                                    @endphp
                                    <span class="text-muted" style="font-size: 0.7rem;">{!! $confLabel !!}</span>
                                @endif
                            </td>
                            <td class="col-right">
                                @if(($p['realized_cut_lifetime'] ?? 0) > 0)
                                    <span class="text-green">${{ number_format($p['realized_cut_lifetime'], 2) }}</span>
                                    @if(($p['realized_cut_month'] ?? 0) > 0)
                                        <div class="text-muted" style="font-size: 0.65rem;">${{ number_format($p['realized_cut_month'], 2) }} this month</div>
                                    @endif
                                @else
                                    <span class="text-muted" style="font-size: 0.7rem;">Pending sweep</span>
                                @endif
                            </td>
                            <td class="col-right text-muted">{{ $p['last_activity_relative'] }}</td>
                        </tr>
                    @endforeach
                @else
                    <tr><td colspan="18"><div class="table-empty"><span class="table-empty-text">No pilot data for this period</span></div></td></tr>
                @endif
            </tbody>
        </table>
    </div>

    {{-- ACTIVE FOLLOWS --}}
    <div class="section-header">
        <span class="section-label">Follow Records</span>
        <span class="section-right">
            @php
                $followRangeStart = $followsTotal > 0 ? (($followsPage - 1) * $followsPerPageResolved) + 1 : 0;
                $followRangeEnd   = min($followsPage * $followsPerPageResolved, $followsTotal);
            @endphp
            @if($followsTotal > 0)
                Showing {{ $followRangeStart }}-{{ $followRangeEnd }} of {{ number_format($followsTotal) }}
            @else
                0 record(s)
            @endif
        </span>
    </div>

    <div class="table-controls">
        <div class="table-controls-left">
            <div class="filter-select-wrap">
                Status
                <select class="filter-select {{ $followStatusFilter !== 'all' ? 'active' : '' }}" id="followStatusFilter">
                    @foreach ($followStatusLabels as $key => $label)
                        <option value="{{ $key }}" {{ $followStatusFilter === $key ? 'selected' : '' }}>{{ $label }}</option>
                    @endforeach
                </select>
            </div>
            <div class="filter-select-wrap">
                <input type="text"
                       id="followSearchInput"
                       class="filter-input {{ !empty($followSearch) ? 'active' : '' }}"
                       placeholder="Search follower, email, or pilot..."
                       value="{{ e($followSearch ?? '') }}"
                       autocomplete="off"
                       style="min-width: 260px;">
            </div>
            <div class="filter-select-wrap">
                Per page
                <select class="filter-select" id="followPerPageSelect">
                    @foreach ([10, 20, 50, 100] as $pp)
                        <option value="{{ $pp }}" {{ (int) $followsPerPageResolved === $pp ? 'selected' : '' }}>{{ $pp }}</option>
                    @endforeach
                </select>
            </div>
        </div>
    </div>

    <div class="data-table-wrap">
        <table class="data-table">
            <thead>
                <tr>
                    <th style="width: 40px;">#</th>
                    <th>Follower</th>
                    <th>Country</th>
                    <th>Pilot</th>
                    <th class="col-right">Starting</th>
                    <th class="col-right">Balance</th>
                    <th class="col-right">Mark-to-Market</th>
                    <th class="col-right">Net Profit</th>
                    <th class="col-right">Pilot Earned</th>
                    <th>Status</th>
                    <th class="col-right">Started</th>
                    <th class="col-right" style="width: 100px;">Actions</th>
                </tr>
            </thead>
            <tbody>
                @if (!empty($follows) && count($follows) > 0)
                    @foreach ($follows as $idx => $f)
                        @php
                            $statusClass = match ($f['status']) {
                                'active'       => 'chip-completed',
                                'winding_down' => 'chip-winding',
                                'stopped'      => 'chip-pending',
                                'auto_stopped' => 'chip-error',
                                default        => 'chip-pending',
                            };
                            $netProfitClass = $f['net_profit'] >= 0 ? 'text-green' : 'text-red';
                            $isNonTerminal  = in_array($f['status'], ['active', 'winding_down'], true);
                            $m2m            = $f['mark_to_market'];
                            $absoluteIdx    = (($followsPage - 1) * $followsPerPageResolved) + $idx + 1;
                        @endphp
                        <tr>
                            <td class="col-num">{{ str_pad($absoluteIdx, 2, '0', STR_PAD_LEFT) }}</td>
                            <td><span class="user-link" onclick="nexus.showAuditTrail({{ $f['follower_user_id'] }}, '{{ addslashes($f['follower_username']) }}')">{{ $f['follower_username'] }}</span></td>
                            <td>{{ $f['country_name'] }}</td>
                            <td>{{ $f['pilot_name'] }}</td>
                            <td class="col-right">${{ number_format($f['starting_amount'], 2) }}</td>
                            <td class="col-right text-orange">${{ number_format($f['current_balance'], 2) }}</td>
                            <td class="col-right">
                                @if($isNonTerminal && $m2m !== null)
                                    ${{ number_format($m2m, 2) }}
                                    @if(($f['open_positions'] ?? 0) > 0)
                                        <div class="text-muted" style="font-size: 0.7rem;">{{ $f['open_positions'] }} open</div>
                                    @endif
                                @else
                                    <span class="text-muted">-</span>
                                @endif
                            </td>
                            <td class="col-right {{ $netProfitClass }}">${{ number_format($f['net_profit'], 2) }}</td>
                            <td class="col-right text-green">${{ number_format($f['pilot_earned'], 2) }}</td>
                            <td><span class="chip chip-sm {{ $statusClass }}" style="text-transform: uppercase;">{{ str_replace('_', '-', $f['status']) }}</span></td>
                            <td class="col-right text-muted">{{ $f['started_relative'] }}</td>
                            <td class="col-right">
                                @if($f['status'] === 'winding_down')
                                    @php $canForceSettle = ($f['open_positions'] ?? 0) === 0; @endphp
                                    @if($canForceSettle)
                                        <button type="button"
                                                class="force-settle-btn"
                                                data-follow-id="{{ $f['id'] }}"
                                                data-follower="{{ e($f['follower_username']) }}"
                                                data-pilot="{{ e($f['pilot_name']) }}"
                                                data-balance="{{ number_format($f['current_balance'], 2) }}"
                                                title="No open positions remain -- run the sweep manually">
                                            Force Settle
                                        </button>
                                    @else
                                        <span class="text-muted" style="font-size: 0.68rem;" title="Waiting for {{ $f['open_positions'] }} open position(s) to settle">
                                            {{ $f['open_positions'] }} open
                                        </span>
                                    @endif
                                @else
                                    <span class="text-muted">-</span>
                                @endif
                            </td>
                        </tr>
                    @endforeach
                @else
                    <tr><td colspan="12"><div class="table-empty"><span class="table-empty-text">No follow records{{ $followStatusFilter !== 'all' ? ' for status: ' . $followStatusLabels[$followStatusFilter] : '' }}{{ !empty($followSearch) ? ' matching "' . e($followSearch) . '"' : '' }}</span></div></td></tr>
                @endif
            </tbody>
        </table>
    </div>

    {{-- Pagination controls --}}
    @if($followsPages > 1)
        <div class="table-pagination" style="display: flex; align-items: center; justify-content: space-between; padding: 12px 4px; gap: 12px; flex-wrap: wrap;">
            <div class="text-muted" style="font-size: 0.78rem;">
                Page {{ $followsPage }} of {{ $followsPages }}
                &middot;
                {{ number_format($followsTotal) }} total record{{ $followsTotal === 1 ? '' : 's' }}
            </div>
            <div style="display: flex; gap: 6px;">
                @php
                    $prevPage = max(1, $followsPage - 1);
                    $nextPage = min($followsPages, $followsPage + 1);
                    $disablePrev = $followsPage <= 1;
                    $disableNext = $followsPage >= $followsPages;

                    // Show ~5 page buttons centered around current
                    $winStart = max(1, $followsPage - 2);
                    $winEnd   = min($followsPages, $followsPage + 2);
                    if ($winEnd - $winStart < 4) {
                        if ($winStart === 1) {
                            $winEnd = min($followsPages, $winStart + 4);
                        } elseif ($winEnd === $followsPages) {
                            $winStart = max(1, $winEnd - 4);
                        }
                    }
                @endphp
                <button type="button" class="filter-select {{ $disablePrev ? '' : '' }}" data-page="{{ $prevPage }}" {{ $disablePrev ? 'disabled' : '' }} onclick="nexusFollowGoToPage({{ $prevPage }})">&laquo; Prev</button>
                @if($winStart > 1)
                    <button type="button" class="filter-select" onclick="nexusFollowGoToPage(1)">1</button>
                    @if($winStart > 2)
                        <span class="text-muted" style="align-self: center;">&hellip;</span>
                    @endif
                @endif
                @for($p = $winStart; $p <= $winEnd; $p++)
                    <button type="button" class="filter-select {{ $p === $followsPage ? 'active' : '' }}" onclick="nexusFollowGoToPage({{ $p }})">{{ $p }}</button>
                @endfor
                @if($winEnd < $followsPages)
                    @if($winEnd < $followsPages - 1)
                        <span class="text-muted" style="align-self: center;">&hellip;</span>
                    @endif
                    <button type="button" class="filter-select" onclick="nexusFollowGoToPage({{ $followsPages }})">{{ $followsPages }}</button>
                @endif
                <button type="button" class="filter-select" data-page="{{ $nextPage }}" {{ $disableNext ? 'disabled' : '' }} onclick="nexusFollowGoToPage({{ $nextPage }})">Next &raquo;</button>
            </div>
        </div>
    @endif

@endsection

@section('scripts')
<script>
    nexus.initMonthSelector('monthSelector', '/nexus/pilots');
    nexus.initQuickFilters('/nexus/pilots');

    // Sort headers reload the page with new sort/dir query params (preserves follow_status)
    document.querySelectorAll('.data-table th.sortable').forEach(function (th) {
        th.addEventListener('click', function () {
            var col = this.getAttribute('data-sort');
            var url = new URL(window.location.href);
            var curSort = url.searchParams.get('sort') || @json($currentSort);
            var curDir = url.searchParams.get('dir') || @json($currentDir);
            var newDir = (curSort === col && curDir === 'desc') ? 'asc' : 'desc';
            url.searchParams.set('sort', col);
            url.searchParams.set('dir', newDir);
            window.location.href = url.toString();
        });
    });

    // Follow status filter
    var followStatusFilter = document.getElementById('followStatusFilter');
    if (followStatusFilter) {
        followStatusFilter.addEventListener('change', function () {
            var url = new URL(window.location.href);
            url.searchParams.set('follow_status', this.value);
            url.searchParams.delete('follow_page'); // reset to page 1 on filter change
            window.location.href = url.toString();
        });
    }

    // Phase 14-B: debounced search on follow records
    var followSearchInput = document.getElementById('followSearchInput');
    if (followSearchInput) {
        var searchTimer = null;
        followSearchInput.addEventListener('input', function () {
            clearTimeout(searchTimer);
            var value = this.value.trim();
            searchTimer = setTimeout(function () {
                var url = new URL(window.location.href);
                if (value === '') {
                    url.searchParams.delete('follow_search');
                } else {
                    url.searchParams.set('follow_search', value);
                }
                url.searchParams.delete('follow_page');
                window.location.href = url.toString();
            }, 450);
        });
        // Submit on Enter without waiting for debounce
        followSearchInput.addEventListener('keydown', function (e) {
            if (e.key === 'Enter') {
                clearTimeout(searchTimer);
                var url = new URL(window.location.href);
                var value = this.value.trim();
                if (value === '') url.searchParams.delete('follow_search');
                else url.searchParams.set('follow_search', value);
                url.searchParams.delete('follow_page');
                window.location.href = url.toString();
            }
        });
    }

    // Per-page selector
    var followPerPageSelect = document.getElementById('followPerPageSelect');
    if (followPerPageSelect) {
        followPerPageSelect.addEventListener('change', function () {
            var url = new URL(window.location.href);
            url.searchParams.set('follow_per_page', this.value);
            url.searchParams.delete('follow_page');
            window.location.href = url.toString();
        });
    }

    // Pagination page-jumper (called inline from Prev/Next/N buttons)
    window.nexusFollowGoToPage = function (page) {
        var url = new URL(window.location.href);
        url.searchParams.set('follow_page', page);
        window.location.href = url.toString();
    };

    // Phase 14-B round 2: Force Settle button
    // Only appears on winding_down follows with 0 open positions.
    // POSTs to /nexus/pilots/follows/{id}/force-settle, then reloads on success.
    document.querySelectorAll('.force-settle-btn').forEach(function (btn) {
        btn.addEventListener('click', async function () {
            var followId = btn.dataset.followId;
            var follower = btn.dataset.follower || 'follower';
            var pilot    = btn.dataset.pilot || 'pilot';
            var balance  = btn.dataset.balance || '0.00';

            var confirmMsg = 'Force settle wind-down for ' + follower + ' → ' + pilot + '?\n\n'
                + 'Balance to sweep: $' + balance + '\n\n'
                + 'This runs the same money-move pipeline as automatic sweep. '
                + 'Only fires if 0 positions remain open (already the case here) '
                + 'and money conservation checks pass. Cannot be undone.';

            if (!confirm(confirmMsg)) return;

            btn.classList.add('is-pending');
            btn.disabled = true;
            btn.textContent = 'Settling...';

            try {
                var csrf = document.querySelector('meta[name="csrf-token"]');
                var headers = {
                    'Content-Type': 'application/json',
                    'Accept': 'application/json',
                    'X-Requested-With': 'XMLHttpRequest',
                };
                if (csrf) headers['X-CSRF-TOKEN'] = csrf.content;

                var res = await fetch('/nexus/pilots/follows/' + followId + '/force-settle', {
                    method: 'POST',
                    headers: headers,
                    credentials: 'same-origin',
                    body: JSON.stringify({}),
                });
                var data = await res.json();

                if (res.ok && data.success) {
                    alert('Sweep complete. ' + (data.message || ''));
                    window.location.reload();
                } else {
                    alert('Force settle failed:\n\n' + (data.message || 'Unknown error'));
                    btn.classList.remove('is-pending');
                    btn.disabled = false;
                    btn.textContent = 'Force Settle';
                }
            } catch (err) {
                alert('Network error while force-settling. Try again.');
                btn.classList.remove('is-pending');
                btn.disabled = false;
                btn.textContent = 'Force Settle';
            }
        });
    });

    document.addEventListener('DOMContentLoaded', function () {
        var fontColor = '#7a7a7a';
        var gridColor = '#222222';
        var orange = '#e8842a';
        var green = '#3fa776';
        var red = '#cc4444';

        // Rolling WR Distribution
        var wr = @json($wrDist);
        if (wr && wr.length) {
            new Chart(document.getElementById('pilotWrChart').getContext('2d'), {
                type: 'bar',
                data: {
                    labels: wr.map(function (r) { return r.label; }),
                    datasets: [{
                        label: 'Pilots',
                        data: wr.map(function (r) { return r.count; }),
                        backgroundColor: function (ctx) {
                            var l = wr[ctx.dataIndex].label;
                            if (l === '0-50%') return red;
                            if (l === '50-70%') return '#ccaa00';
                            if (l === 'unrated') return '#888888';
                            return green;
                        },
                        borderWidth: 0,
                        barThickness: 22,
                    }]
                },
                options: {
                    responsive: true, maintainAspectRatio: false,
                    plugins: { legend: { display: false }, tooltip: { backgroundColor: '#141414', borderColor: gridColor, borderWidth: 1, cornerRadius: 4 } },
                    scales: {
                        x: { grid: { display: false }, ticks: { font: { size: 9 }, color: fontColor } },
                        y: { grid: { color: gridColor, drawBorder: false }, ticks: { font: { size: 9 }, color: fontColor, stepSize: 1, callback: function (v) { return Number.isInteger(v) ? v : ''; } } }
                    }
                }
            });
        }

        // Daily Activity (dual series: bids + sells)
        var da = @json($dailyChart);
        if (da && da.length) {
            new Chart(document.getElementById('pilotActivityChart').getContext('2d'), {
                type: 'line',
                data: {
                    labels: da.map(function (r) { return r.label; }),
                    datasets: [
                        { label: 'Bids', data: da.map(function (r) { return r.bids; }), borderColor: orange, backgroundColor: 'rgba(232,132,42,0.10)', borderWidth: 2, tension: 0.35, fill: true, pointRadius: 0 },
                        { label: 'Sells', data: da.map(function (r) { return r.sells; }), borderColor: green, backgroundColor: 'rgba(63,167,118,0.06)', borderWidth: 2, tension: 0.35, fill: false, pointRadius: 0 }
                    ]
                },
                options: {
                    responsive: true, maintainAspectRatio: false,
                    plugins: { legend: { display: true, labels: { color: fontColor, font: { size: 9 } } }, tooltip: { backgroundColor: '#141414', borderColor: gridColor, borderWidth: 1, cornerRadius: 4 } },
                    scales: {
                        x: { grid: { display: false }, ticks: { font: { size: 9 }, color: fontColor } },
                        y: { grid: { color: gridColor, drawBorder: false }, ticks: { font: { size: 9 }, color: fontColor, stepSize: 1, callback: function (v) { return Number.isInteger(v) ? v : ''; } } }
                    }
                }
            });
        }

        // Active Follows Per Pilot (horizontal bar)
        var fp = @json($followsChart);
        if (fp && fp.length) {
            new Chart(document.getElementById('pilotFollowsChart').getContext('2d'), {
                type: 'bar',
                data: {
                    labels: fp.map(function (r) { return r.label; }),
                    datasets: [{
                        label: 'Active Follows',
                        data: fp.map(function (r) { return r.count; }),
                        backgroundColor: orange,
                        borderWidth: 0,
                        barThickness: 12,
                    }]
                },
                options: {
                    indexAxis: 'y',
                    responsive: true, maintainAspectRatio: false,
                    plugins: { legend: { display: false }, tooltip: { backgroundColor: '#141414', borderColor: gridColor, borderWidth: 1, cornerRadius: 4 } },
                    scales: {
                        x: { grid: { color: gridColor, drawBorder: false }, ticks: { font: { size: 9 }, color: fontColor, stepSize: 1, callback: function (v) { return Number.isInteger(v) ? v : ''; } } },
                        y: { grid: { display: false }, ticks: { font: { size: 9 }, color: fontColor } }
                    }
                }
            });
        }

        // Follower Capital Per Pilot (horizontal bar, $)
        var cp = @json($capChart);
        if (cp && cp.length) {
            new Chart(document.getElementById('pilotCapChart').getContext('2d'), {
                type: 'bar',
                data: {
                    labels: cp.map(function (r) { return r.label; }),
                    datasets: [{
                        label: 'Follower Capital',
                        data: cp.map(function (r) { return r.count; }),
                        backgroundColor: green,
                        borderWidth: 0,
                        barThickness: 12,
                    }]
                },
                options: {
                    indexAxis: 'y',
                    responsive: true, maintainAspectRatio: false,
                    plugins: { legend: { display: false }, tooltip: { backgroundColor: '#141414', borderColor: gridColor, borderWidth: 1, cornerRadius: 4, callbacks: { label: function (c) { return '$' + Number(c.raw).toLocaleString(); } } } },
                    scales: {
                        x: { grid: { color: gridColor, drawBorder: false }, ticks: { font: { size: 9 }, color: fontColor, callback: function (v) { return '$' + Number(v).toLocaleString(); } } },
                        y: { grid: { display: false }, ticks: { font: { size: 9 }, color: fontColor } }
                    }
                }
            });
        }
    });
</script>
@endsection