@extends('layouts.trading')

@section('title', 'Dashboard — ICT Performance Lab')

@section('styles')

    .overview {
        max-width: 1320px;
        margin: 0 auto;
        padding: 2rem 1.5rem 3rem;
    }

    .overview-top {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 1.25rem;
        margin-bottom: 1.6rem;
        flex-wrap: wrap;
    }

    .overview-title__eyebrow {
        display: block;
        margin-bottom: 0.35rem;
        font-size: 0.7rem;
        font-weight: 750;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--accent);
    }

    .overview-title h1 {
        margin: 0;
        font-size: clamp(2rem, 4vw, 2.7rem);
        font-weight: 800;
        letter-spacing: -0.045em;
        color: var(--text-primary);
    }

    .overview-title p {
        margin: 0.45rem 0 0;
        color: var(--text-secondary);
        font-size: 0.95rem;
    }

    .top-actions {
        display: flex;
        align-items: center;
        gap: 0.65rem;
        flex-wrap: wrap;
    }

    .action-btn {
        min-height: 42px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.45rem;
        padding: 0.7rem 1rem;
        border: 1px solid var(--border);
        border-radius: 10px;
        background: var(--bg-surface);
        color: var(--text-secondary);
        font-size: 0.82rem;
        font-weight: 750;
        text-decoration: none;
        transition: 0.15s ease;
    }

    .action-btn:hover {
        color: var(--text-primary);
        border-color: var(--border-strong);
        transform: translateY(-1px);
    }

    .action-btn--primary {
        color: #fff;
        border-color: transparent;
        background: linear-gradient(135deg, var(--accent-light), var(--accent));
        box-shadow: 0 9px 24px var(--accent-glow);
    }

    .filters-line {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        margin-bottom: 1.25rem;
        flex-wrap: wrap;
    }

    .mode-switch {
        display: inline-flex;
        gap: 0.3rem;
        padding: 0.32rem;
        border: 1px solid var(--border);
        border-radius: 11px;
        background: var(--bg-surface);
    }

    .mode-switch a {
        min-width: 72px;
        padding: 0.58rem 0.8rem;
        border-radius: 8px;
        text-align: center;
        color: var(--text-secondary);
        font-size: 0.76rem;
        font-weight: 800;
        text-decoration: none;
    }

    .mode-switch a.active {
        color: #fff;
        background: linear-gradient(135deg, var(--accent-light), var(--accent));
        box-shadow: 0 6px 18px var(--accent-glow);
    }

    .view-context {
        font-size: 0.75rem;
        color: var(--text-muted);
    }

    .hero-metrics {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.9rem;
        margin-bottom: 1rem;
    }

    .hero-card {
        position: relative;
        min-height: 145px;
        padding: 1.05rem 1.1rem;
        overflow: hidden;
        border: 1px solid var(--border);
        border-radius: 16px;
        background: var(--bg-surface);
        box-shadow: 0 8px 28px rgba(15, 23, 42, 0.03);
    }

    .hero-card__label {
        margin-bottom: 0.42rem;
        font-size: 0.68rem;
        font-weight: 800;
        letter-spacing: 0.09em;
        text-transform: uppercase;
        color: var(--text-muted);
    }

    .hero-card__value {
        font-family: var(--font-mono);
        font-size: 1.55rem;
        font-weight: 800;
        color: var(--text-primary);
        letter-spacing: -0.03em;
    }

    .hero-card__sub {
        margin-top: 0.4rem;
        font-size: 0.76rem;
        color: var(--text-secondary);
    }

    .hero-card__footer {
        position: absolute;
        left: 1.1rem;
        right: 1.1rem;
        bottom: 0.95rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 0.75rem;
        color: var(--text-muted);
        font-size: 0.7rem;
    }

    .mini-bar {
        height: 5px;
        flex: 1;
        overflow: hidden;
        border-radius: 999px;
        background: var(--bg-elevated);
    }

    .mini-bar > span {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, var(--accent), var(--accent-light));
    }

    .positive { color: var(--positive) !important; }
    .negative { color: var(--negative) !important; }

    .main-grid {
        display: grid;
        grid-template-columns: 0.82fr 1.55fr 0.9fr;
        gap: 1rem;
        margin-bottom: 1rem;
        align-items: stretch;
    }

    .module {
        border: 1px solid var(--border);
        border-radius: 17px;
        background: var(--bg-surface);
        overflow: hidden;
    }

    .module-head {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        gap: 1rem;
        padding: 1rem 1.1rem;
        border-bottom: 1px solid var(--border);
        background: var(--bg-elevated);
    }

    .module-head h2 {
        margin: 0;
        font-size: 0.86rem;
        font-weight: 800;
        color: var(--text-primary);
    }

    .module-head p {
        margin: 0.25rem 0 0;
        font-size: 0.72rem;
        color: var(--text-muted);
    }

    .module-head__meta {
        font-family: var(--font-mono);
        font-size: 0.72rem;
        font-weight: 750;
        color: var(--text-secondary);
        white-space: nowrap;
    }

    .module-body {
        padding: 1.1rem;
    }

    .score-ring {
        --score: 50;
        width: 170px;
        height: 170px;
        margin: 0.65rem auto 1.15rem;
        border-radius: 50%;
        display: grid;
        place-items: center;
        background:
            radial-gradient(circle at center, var(--bg-surface) 0 60%, transparent 61%),
            conic-gradient(
                var(--accent-light) calc(var(--score) * 1%),
                var(--bg-elevated) 0
            );
        box-shadow: inset 0 0 0 1px var(--border);
    }

    .score-ring__inner {
        text-align: center;
    }

    .score-ring__value {
        display: block;
        font-family: var(--font-mono);
        font-size: 2rem;
        font-weight: 850;
        color: var(--text-primary);
    }

    .score-ring__label {
        display: block;
        margin-top: 0.1rem;
        font-size: 0.72rem;
        color: var(--text-muted);
    }

    .score-stats {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.65rem;
    }

    .score-stat {
        padding: 0.75rem;
        border: 1px solid var(--border);
        border-radius: 10px;
        background: var(--bg-base);
    }

    .score-stat span {
        display: block;
    }

    .score-stat__label {
        margin-bottom: 0.25rem;
        font-size: 0.65rem;
        font-weight: 750;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        color: var(--text-muted);
    }

    .score-stat__value {
        font-family: var(--font-mono);
        font-weight: 800;
        color: var(--text-primary);
    }

    .equity-kpis {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.75rem;
        margin-bottom: 0.8rem;
    }

    .equity-kpi {
        padding: 0.7rem 0.8rem;
        border-radius: 10px;
        background: var(--bg-base);
        border: 1px solid var(--border);
    }

    .equity-kpi__label {
        font-size: 0.65rem;
        text-transform: uppercase;
        font-weight: 750;
        color: var(--text-muted);
        letter-spacing: 0.06em;
    }

    .equity-kpi__value {
        margin-top: 0.2rem;
        font-family: var(--font-mono);
        font-size: 0.9rem;
        font-weight: 800;
        color: var(--text-primary);
    }

    .equity-chart {
        display: block;
        width: 100%;
        min-height: 285px;
    }

    .chart-grid {
        stroke: var(--border);
        stroke-width: 1;
        vector-effect: non-scaling-stroke;
    }

    .chart-zero {
        stroke: var(--text-muted);
        stroke-width: 1.2;
        stroke-dasharray: 6 6;
        opacity: 0.55;
        vector-effect: non-scaling-stroke;
    }

    .chart-area {
        fill: var(--accent-glow);
        opacity: 0.34;
    }

    .chart-line {
        fill: none;
        stroke: var(--accent-light);
        stroke-width: 3.2;
        stroke-linecap: round;
        stroke-linejoin: round;
        vector-effect: non-scaling-stroke;
    }

    .chart-point {
        fill: var(--bg-surface);
        stroke: var(--accent-light);
        stroke-width: 2;
        vector-effect: non-scaling-stroke;
    }

    .chart-label {
        fill: var(--text-muted);
        font-family: var(--font-mono);
        font-size: 18px;
    }

    .chart-empty {
        min-height: 300px;
        display: grid;
        place-items: center;
        text-align: center;
        color: var(--text-muted);
        font-size: 0.82rem;
    }

    .risk-stack {
        display: grid;
        gap: 0.75rem;
    }

    .risk-block {
        padding: 0.9rem;
        border: 1px solid var(--border);
        border-radius: 11px;
        background: var(--bg-base);
    }

    .risk-block__top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1rem;
        margin-bottom: 0.55rem;
    }

    .risk-block__label {
        font-size: 0.68rem;
        font-weight: 800;
        color: var(--text-secondary);
    }

    .risk-block__value {
        font-family: var(--font-mono);
        font-size: 0.88rem;
        font-weight: 850;
        color: var(--text-primary);
    }

    .risk-progress {
        height: 6px;
        overflow: hidden;
        border-radius: 999px;
        background: var(--bg-elevated);
    }

    .risk-progress span {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: linear-gradient(90deg, var(--accent), var(--accent-light));
    }

    .risk-reason {
        margin-top: 0.6rem;
        padding: 0.65rem 0.7rem;
        border-radius: 9px;
        background: var(--bg-elevated);
        color: var(--text-secondary);
        font-size: 0.7rem;
        line-height: 1.45;
    }

    .risk-note {
        margin-top: 0.8rem;
        padding: 0.75rem;
        border: 1px dashed var(--border-strong);
        border-radius: 10px;
        color: var(--text-muted);
        font-size: 0.72rem;
        line-height: 1.45;
    }

    .risk-meta-grid {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.65rem;
        margin-top: 0.8rem;
    }

    .risk-meta {
        padding: 0.8rem;
        border: 1px solid var(--border);
        border-radius: 10px;
        background: var(--bg-base);
    }

    .risk-meta__label {
        display: block;
        margin-bottom: 0.25rem;
        font-size: 0.64rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.06em;
        color: var(--text-muted);
    }

    .risk-meta__value {
        display: block;
        font-family: var(--font-mono);
        font-size: 0.86rem;
        font-weight: 850;
        color: var(--text-primary);
    }

    .risk-settings-link {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin-top: 0.8rem;
        padding: 0.65rem 0.8rem;
        border: 1px solid var(--border);
        border-radius: 10px;
        color: var(--text-secondary);
        background: var(--bg-surface);
        font-size: 0.72rem;
        font-weight: 800;
        text-decoration: none;
        transition: 0.15s ease;
    }

    .risk-settings-link:hover {
        color: var(--text-primary);
        border-color: var(--border-strong);
        transform: translateY(-1px);
    }

    .lab-strip {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 0.9rem;
        margin-bottom: 1rem;
    }

    .lab-tile {
        padding: 1rem;
        border: 1px solid var(--border);
        border-radius: 14px;
        background: var(--bg-surface);
    }

    .lab-tile__label {
        font-size: 0.66rem;
        font-weight: 800;
        text-transform: uppercase;
        letter-spacing: 0.07em;
        color: var(--text-muted);
    }

    .lab-tile__value {
        margin-top: 0.35rem;
        font-family: var(--font-mono);
        font-size: 1.1rem;
        font-weight: 850;
        color: var(--text-primary);
    }

    .lab-tile__sub {
        margin-top: 0.25rem;
        font-size: 0.7rem;
        color: var(--text-secondary);
    }

    .breakdowns {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 1rem;
        margin-bottom: 1rem;
    }

    .breakdown-card {
        border: 1px solid var(--border);
        border-radius: 15px;
        background: var(--bg-surface);
        overflow: hidden;
    }

    .breakdown-card__title {
        padding: 0.9rem 1rem;
        margin: 0;
        background: var(--bg-elevated);
        border-bottom: 1px solid var(--border);
        font-size: 0.76rem;
        font-weight: 800;
        color: var(--text-primary);
    }

    .breakdown-card__body {
        padding: 0.4rem 0.9rem;
    }

    .breakdown-row {
        display: grid;
        grid-template-columns: 1fr auto auto;
        gap: 0.7rem;
        align-items: center;
        padding: 0.72rem 0;
        border-bottom: 1px solid var(--border);
    }

    .breakdown-row:last-child {
        border-bottom: none;
    }

    .breakdown-row__name {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 0.78rem;
        color: var(--text-secondary);
    }

    .breakdown-row__count {
        font-family: var(--font-mono);
        font-size: 0.7rem;
        color: var(--text-muted);
    }

    .breakdown-row__r {
        min-width: 68px;
        text-align: right;
        font-family: var(--font-mono);
        font-size: 0.78rem;
        font-weight: 800;
        color: var(--text-primary);
    }

    .empty-small {
        padding: 1rem 0;
        text-align: center;
        color: var(--text-muted);
        font-size: 0.75rem;
    }

    .footer {
        padding-top: 1rem;
        text-align: center;
        color: var(--text-muted);
        font-size: 0.7rem;
    }

    @media (max-width: 1100px) {
        .hero-metrics,
        .lab-strip {
            grid-template-columns: repeat(2, 1fr);
        }

        .main-grid {
            grid-template-columns: 1fr;
        }

        .breakdowns {
            grid-template-columns: 1fr;
        }
    }

    @media (max-width: 620px) {
        .overview {
            padding: 1.2rem 1rem 2rem;
        }

        .hero-metrics,
        .lab-strip {
            grid-template-columns: 1fr;
        }

        .top-actions {
            width: 100%;
        }

        .action-btn {
            flex: 1;
        }

        .mode-switch {
            width: 100%;
        }

        .mode-switch a {
            flex: 1;
        }

        .view-context {
            width: 100%;
        }

        .equity-kpis,
        .score-stats {
            grid-template-columns: 1fr;
        }
    }

@endsection

@section('content')

@php
    /*
    |--------------------------------------------------------------------------
    | Mode du dashboard
    |--------------------------------------------------------------------------
    */

    $mode = request()->query('mode', 'real');

    if (! in_array($mode, ['real', 'paper', 'all'], true)) {
        $mode = 'real';
    }

    /*
    |--------------------------------------------------------------------------
    | Exécutions disponibles
    |--------------------------------------------------------------------------
    |
    | On conserve toutes les exécutions pour pouvoir reconstruire chaque idée :
    | 1 trade principal + 0..n add-ins.
    |
    */

    $query = \App\Models\Trade::query()
        ->where('user_id', auth()->id());

    if ($mode !== 'all') {
        $query->where('trade_mode', $mode);
    }

    $trades = $query
        ->orderBy('trade_date')
        ->orderBy('entry_time')
        ->orderBy('id')
        ->get();

    /*
    |--------------------------------------------------------------------------
    | Construction des idées de trade
    |--------------------------------------------------------------------------
    |
    | Une idée = un trade principal + ses add-ins.
    |
    | RR global pondéré :
    | Σ (risque utilisé × RR réalisé) / Σ risques utilisés
    |
    | Les add-ins ne comptent donc jamais comme des trades indépendants dans
    | les statistiques de performance.
    |
    */

    $mainTrades = $trades
        ->filter(fn ($trade) => empty($trade->parent_trade_id))
        ->values();

    $ideas = $mainTrades->map(function ($mainTrade) use ($trades) {
        $executions = $trades
            ->filter(function ($execution) use ($mainTrade) {
                return (int) $execution->id === (int) $mainTrade->id
                    || (int) ($execution->parent_trade_id ?? 0) === (int) $mainTrade->id;
            })
            ->values();

        $isCompleted =
            $executions->isNotEmpty()
            && $executions->every(
                fn ($execution) => $execution->rr_realized !== null
            );

        $totalRisk = (float) $executions->sum(function ($execution) {
            return (float) (
                $execution->risk_used_percent
                ?? $execution->risk_level
                ?? $execution->risk_percent
                ?? 0
            );
        });

        $weightedR = (float) $executions->sum(function ($execution) {
            $risk = (float) (
                $execution->risk_used_percent
                ?? $execution->risk_level
                ?? $execution->risk_percent
                ?? 0
            );

            return $risk * (float) ($execution->rr_realized ?? 0);
        });

        $globalR = $isCompleted && $totalRisk > 0
            ? $weightedR / $totalRisk
            : null;

        /*
         * Compatibilité de secours :
         * si un ancien trade clôturé ne possède aucune donnée de risque,
         * son RR individuel reste utilisable.
         */
        if (
            $isCompleted
            && $globalR === null
            && $executions->count() === 1
        ) {
            $globalR = (float) $mainTrade->rr_realized;
        }

        return (object) [
            'id' => $mainTrade->id,
            'trade_mode' => $mainTrade->trade_mode,
            'trade_date' => $mainTrade->trade_date,
            'entry_time' => $mainTrade->entry_time,
            'asset' => $mainTrade->asset,
            'direction' => $mainTrade->direction,
            'session' => $mainTrade->session,
            'day' => $mainTrade->day,
            'setup_grade' => $mainTrade->setup_grade,
            'discipline_score' => $mainTrade->discipline_score,

            // On expose globalR sous rr_realized pour que tout le dashboard
            // existant travaille désormais au niveau de l'idée.
            'rr_realized' => $globalR,

            'global_rr' => $globalR,
            'risk_total' => $totalRisk,
            'execution_count' => $executions->count(),
            'is_completed' => $isCompleted,
        ];
    })->values();

    /*
    |--------------------------------------------------------------------------
    | Statistiques principales — PAR IDÉE
    |--------------------------------------------------------------------------
    */

    $tradeCount = $ideas->count();

    $completedTrades = $ideas->filter(
        fn ($idea) => $idea->is_completed && $idea->global_rr !== null
    )->values();

    $winningTrades = $completedTrades->filter(
        fn ($idea) => (float) $idea->global_rr > 0
    );

    $losingTrades = $completedTrades->filter(
        fn ($idea) => (float) $idea->global_rr < 0
    );

    $winRate = $completedTrades->count() > 0
        ? ($winningTrades->count() / $completedTrades->count()) * 100
        : 0;

    $totalR = (float) $completedTrades->sum(
        fn ($idea) => (float) $idea->global_rr
    );

    $averageR = $completedTrades->count() > 0
        ? (float) $completedTrades->avg(
            fn ($idea) => (float) $idea->global_rr
        )
        : 0;

    /*
    |--------------------------------------------------------------------------
    | Discipline
    |--------------------------------------------------------------------------
    |
    | Une seule note par idée : celle du trade principal.
    |
    */

    $averageDiscipline = $ideas
        ->whereNotNull('discipline_score')
        ->avg('discipline_score');

    $bestTrade = $completedTrades
        ->sortByDesc(
            fn ($idea) => (float) $idea->global_rr
        )
        ->first();

    $worstTrade = $completedTrades
        ->sortBy(
            fn ($idea) => (float) $idea->global_rr
        )
        ->first();

    /*
    |--------------------------------------------------------------------------
    | Courbe de performance cumulée en R — PAR IDÉE
    |--------------------------------------------------------------------------
    */

    $equityTrades = $completedTrades
        ->sortBy(function ($idea) {
            return sprintf(
                '%s %s %010d',
                $idea->trade_date?->format('Y-m-d') ?? '0000-00-00',
                $idea->entry_time ?? '00:00:00',
                $idea->id
            );
        })
        ->values();

    $equityValues = collect([0.0]);
    $runningR = 0.0;

    foreach ($equityTrades as $equityTrade) {
        $runningR += (float) $equityTrade->global_rr;
        $equityValues->push(round($runningR, 2));
    }

    $chartMin = min(
        0,
        (float) ($equityValues->min() ?? 0)
    );

    $chartMax = max(
        0,
        (float) ($equityValues->max() ?? 0)
    );

    if (abs($chartMax - $chartMin) < 0.01) {
        $chartMax += 1;
        $chartMin -= 1;
    }

    $chartPadding = max(
        0.5,
        ($chartMax - $chartMin) * 0.15
    );

    $chartMin -= $chartPadding;
    $chartMax += $chartPadding;

    $chartWidth = 1000;
    $chartHeight = 280;
    $chartLeft = 55;
    $chartRight = 25;
    $chartTop = 20;
    $chartBottom = 40;

    $plotWidth =
        $chartWidth - $chartLeft - $chartRight;

    $plotHeight =
        $chartHeight - $chartTop - $chartBottom;

    $equityCount = $equityValues->count();

    $equityPoints = $equityValues
        ->values()
        ->map(function ($value, $index) use (
            $equityCount,
            $chartLeft,
            $chartTop,
            $plotWidth,
            $plotHeight,
            $chartMin,
            $chartMax
        ) {
            $x = $equityCount > 1
                ? $chartLeft
                    + ($index / ($equityCount - 1)) * $plotWidth
                : $chartLeft + ($plotWidth / 2);

            $y = $chartTop
                + (($chartMax - $value)
                    / ($chartMax - $chartMin))
                    * $plotHeight;

            return [
                'x' => round($x, 2),
                'y' => round($y, 2),
                'value' => (float) $value,
            ];
        });

    $equityPolyline = $equityPoints
        ->map(
            fn ($point) =>
                $point['x'] . ',' . $point['y']
        )
        ->implode(' ');

    $areaPoints = '';

    if ($equityPoints->isNotEmpty()) {
        $firstPoint = $equityPoints->first();
        $lastPoint = $equityPoints->last();

        $areaPoints =
            $chartLeft . ',' . ($chartTop + $plotHeight)
            . ' '
            . $equityPolyline
            . ' '
            . $lastPoint['x'] . ',' . ($chartTop + $plotHeight);
    }

    $zeroY = $chartTop
        + (($chartMax - 0)
            / ($chartMax - $chartMin))
            * $plotHeight;

    /*
    |--------------------------------------------------------------------------
    | Performance Lab — PAR IDÉE
    |--------------------------------------------------------------------------
    */

    $grossProfit = $completedTrades
        ->filter(fn ($idea) => (float) $idea->global_rr > 0)
        ->sum(fn ($idea) => (float) $idea->global_rr);

    $grossLoss = abs(
        $completedTrades
            ->filter(fn ($idea) => (float) $idea->global_rr < 0)
            ->sum(fn ($idea) => (float) $idea->global_rr)
    );

    $profitFactor = $grossLoss > 0
        ? $grossProfit / $grossLoss
        : ($grossProfit > 0 ? INF : 0);

    $expectancyR = $completedTrades->count() > 0
        ? (float) $completedTrades->avg(
            fn ($idea) => (float) $idea->global_rr
        )
        : 0;

    $peakR = 0.0;
    $maxDrawdownR = 0.0;
    $runningEquityR = 0.0;

    foreach ($equityTrades as $equityTrade) {
        $runningEquityR += (float) $equityTrade->global_rr;
        $peakR = max($peakR, $runningEquityR);
        $drawdownR = $peakR - $runningEquityR;
        $maxDrawdownR = max($maxDrawdownR, $drawdownR);
    }

    $bestWinStreak = 0;
    $bestLossStreak = 0;
    $currentWinStreak = 0;
    $currentLossStreak = 0;

    foreach ($equityTrades as $equityTrade) {
        $rrValue = (float) $equityTrade->global_rr;

        if ($rrValue > 0) {
            $currentWinStreak++;
            $currentLossStreak = 0;
            $bestWinStreak = max($bestWinStreak, $currentWinStreak);
        } elseif ($rrValue < 0) {
            $currentLossStreak++;
            $currentWinStreak = 0;
            $bestLossStreak = max($bestLossStreak, $currentLossStreak);
        } else {
            $currentWinStreak = 0;
            $currentLossStreak = 0;
        }
    }

    /*
    |--------------------------------------------------------------------------
    | Breakdowns — PAR IDÉE
    |--------------------------------------------------------------------------
    */

    $buildBreakdown = function ($collection, $resolver) {
        return $collection
            ->filter(fn ($idea) => $idea->global_rr !== null)
            ->groupBy($resolver)
            ->map(function ($group, $name) {
                $count = $group->count();

                $wins = $group->filter(
                    fn ($idea) => (float) $idea->global_rr > 0
                )->count();

                return [
                    'name' => $name ?: 'Non renseigné',
                    'count' => $count,
                    'win_rate' => $count > 0
                        ? ($wins / $count) * 100
                        : 0,
                    'r' => $group->sum(
                        fn ($idea) => (float) $idea->global_rr
                    ),
                ];
            })
            ->sortByDesc('r')
            ->values()
            ->take(6);
    };

    $dayBreakdown = $buildBreakdown(
        $completedTrades,
        fn ($idea) => trim((string) ($idea->day ?? '')) ?: 'Non renseigné'
    );

    $sessionBreakdown = $buildBreakdown(
        $completedTrades,
        fn ($idea) => trim((string) ($idea->session ?? '')) ?: 'Non renseigné'
    );

    $setupBreakdown = $buildBreakdown(
        $completedTrades,
        fn ($idea) =>
            trim((string) ($idea->setup_grade ?? '')) ?: 'Non renseigné'
    );

    /*
    |--------------------------------------------------------------------------
    | Libellés du mode
    |--------------------------------------------------------------------------
    */

    $modeLabel = match ($mode) {
        'paper' => 'Paper',
        'all' => 'Total',
        default => 'Réel',
    };

    $modeDescription = match ($mode) {
        'paper' => 'Setups non exécutés',
        'all' => 'Réel + Paper',
        default => 'Trades réellement exécutés',
    };

    /*
    |--------------------------------------------------------------------------
    | Risk Manager
    |--------------------------------------------------------------------------
    |
    | Toujours basé uniquement sur le compte réel.
    |
    */

    $riskManager = app(\App\Services\RiskManager::class);
    $riskStatus = $riskManager->status();

    $realNextRisk = (float) ($riskStatus['next_risk'] ?? 1.00);
    $realNextRiskReason = (string) ($riskStatus['next_risk_reason'] ?? 'Risque calculé selon les règles du Money Management.');
    $realCyclePerformance = (float) ($riskStatus['cycle_performance'] ?? 0);
    $realCycleTarget = (float) ($riskStatus['cycle_target'] ?? 3.00);
    $realClosedTradesCount = (int) ($riskStatus['closed_trades_count'] ?? 0);
    $realLastClosedTradeResult = $riskStatus['last_closed_trade_result'] ?? null;
@endphp


@php
    $disciplineScore = $averageDiscipline !== null
        ? min(100, max(0, (float) $averageDiscipline * 10))
        : 0;

    $performanceScore = 50;

    if ($completedTrades->count() > 0) {
        $performanceScore =
            ($winRate * 0.35)
            + (min(100, max(0, 50 + ($expectancyR * 25))) * 0.35)
            + (min(100, max(0, 100 - ($maxDrawdownR * 20))) * 0.20)
            + ($disciplineScore * 0.10);

        $performanceScore = (int) round(
            min(100, max(0, $performanceScore))
        );
    }

    $cycleProgress = $realCycleTarget > 0
        ? min(100, max(0, ($realCyclePerformance / $realCycleTarget) * 100))
        : 0;
@endphp

<div class="overview">

    <div class="overview-top">

        <div class="overview-title">
            <span class="overview-title__eyebrow">
                ICT Performance Lab by Jul
            </span>

            <h1>Vue d'ensemble</h1>

            <p>
                Une lecture rapide de ta performance, de ton risque et de la qualité de tes setups.
            </p>
        </div>

        <div class="top-actions">
            <a href="{{ route('trading-settings.edit') }}" class="action-btn">
                ⚙ Paramètres
            </a>

            <a href="{{ route('trades.create') }}" class="action-btn">
                ＋ Nouveau trade
            </a>

            <a href="{{ route('trades.index') }}" class="action-btn action-btn--primary">
                Voir le journal
            </a>
        </div>

    </div>


    <div class="filters-line">

        <nav class="mode-switch">
            <a
                href="{{ url('/dashboard') }}?mode=real"
                class="{{ $mode === 'real' ? 'active' : '' }}"
            >
                RÉEL
            </a>

            <a
                href="{{ url('/dashboard') }}?mode=paper"
                class="{{ $mode === 'paper' ? 'active' : '' }}"
            >
                PAPER
            </a>

            <a
                href="{{ url('/dashboard') }}?mode=all"
                class="{{ $mode === 'all' ? 'active' : '' }}"
            >
                TOTAL
            </a>
        </nav>

        <div class="view-context">
            Vue : <strong>{{ $modeLabel }}</strong> · {{ $modeDescription }}
        </div>

    </div>


    <section class="hero-metrics">

        <article class="hero-card">
            <div class="hero-card__label">Performance</div>

            <div class="hero-card__value {{ $totalR > 0 ? 'positive' : ($totalR < 0 ? 'negative' : '') }}">
                {{ $totalR > 0 ? '+' : '' }}{{ number_format($totalR, 2) }}R
            </div>

            <div class="hero-card__sub">
                Depuis le début de la vue
            </div>

            <div class="hero-card__footer">
                <span>{{ $tradeCount }} idée(s)</span>
                <div class="mini-bar">
                    <span style="width: {{ min(100, max(5, $tradeCount * 8)) }}%;"></span>
                </div>
            </div>
        </article>


        <article class="hero-card">
            <div class="hero-card__label">Win Rate</div>

            <div class="hero-card__value">
                {{ number_format($winRate, 0) }}%
            </div>

            <div class="hero-card__sub">
                {{ $winningTrades->count() }} gagnant(s) · {{ $losingTrades->count() }} perdant(s)
            </div>

            <div class="hero-card__footer">
                <span>{{ $completedTrades->count() }} clôturés</span>
                <div class="mini-bar">
                    <span style="width: {{ min(100, max(0, $winRate)) }}%;"></span>
                </div>
            </div>
        </article>


        <article class="hero-card">
            <div class="hero-card__label">Profit Factor</div>

            <div class="hero-card__value">
                @if (is_infinite($profitFactor))
                    ∞
                @else
                    {{ number_format($profitFactor, 2) }}
                @endif
            </div>

            <div class="hero-card__sub">
                Gains bruts / pertes brutes
            </div>

            <div class="hero-card__footer">
                <span>Espérance</span>
                <strong class="{{ $expectancyR > 0 ? 'positive' : ($expectancyR < 0 ? 'negative' : '') }}">
                    {{ $expectancyR > 0 ? '+' : '' }}{{ number_format($expectancyR, 2) }}R
                </strong>
            </div>
        </article>


        <article class="hero-card">
            <div class="hero-card__label">R / R moyen</div>

            <div class="hero-card__value {{ $averageR > 0 ? 'positive' : ($averageR < 0 ? 'negative' : '') }}">
                {{ $averageR > 0 ? '+' : '' }}{{ number_format($averageR, 2) }}R
            </div>

            <div class="hero-card__sub">
                Moyenne par idée clôturée
            </div>

            <div class="hero-card__footer">
                <span>Drawdown max</span>
                <strong class="{{ $maxDrawdownR > 0 ? 'negative' : '' }}">
                    {{ number_format($maxDrawdownR, 2) }}R
                </strong>
            </div>
        </article>

    </section>


    <section class="main-grid">

        <article class="module">

            <div class="module-head">
                <div>
                    <h2>Score Performance</h2>
                    <p>Vue synthétique de la qualité globale</p>
                </div>
            </div>

            <div class="module-body">

                <div
                    class="score-ring"
                    style="--score: {{ $performanceScore }};"
                >
                    <div class="score-ring__inner">
                        <span class="score-ring__value">
                            {{ $performanceScore }}
                        </span>
                        <span class="score-ring__label">
                            / 100
                        </span>
                    </div>
                </div>

                <div class="score-stats">

                    <div class="score-stat">
                        <span class="score-stat__label">Discipline</span>
                        <span class="score-stat__value">
                            {{ $averageDiscipline !== null
                                ? number_format($averageDiscipline, 1) . '/10'
                                : '—'
                            }}
                        </span>
                    </div>

                    <div class="score-stat">
                        <span class="score-stat__label">Max DD</span>
                        <span class="score-stat__value negative">
                            {{ number_format($maxDrawdownR, 2) }}R
                        </span>
                    </div>

                    <div class="score-stat">
                        <span class="score-stat__label">Série gains</span>
                        <span class="score-stat__value positive">
                            {{ $bestWinStreak }}W
                        </span>
                    </div>

                    <div class="score-stat">
                        <span class="score-stat__label">Série pertes</span>
                        <span class="score-stat__value negative">
                            {{ $bestLossStreak }}L
                        </span>
                    </div>

                </div>

            </div>

        </article>


        <article class="module">

            <div class="module-head">
                <div>
                    <h2>Courbe d'équité</h2>
                    <p>Performance cumulée en R</p>
                </div>

                <div class="module-head__meta">
                    {{ $modeLabel }}
                </div>
            </div>

            <div class="module-body">

                <div class="equity-kpis">

                    <div class="equity-kpi">
                        <div class="equity-kpi__label">Rendement</div>
                        <div class="equity-kpi__value {{ $totalR > 0 ? 'positive' : ($totalR < 0 ? 'negative' : '') }}">
                            {{ $totalR > 0 ? '+' : '' }}{{ number_format($totalR, 2) }}R
                        </div>
                    </div>

                    <div class="equity-kpi">
                        <div class="equity-kpi__label">Idées clôturées</div>
                        <div class="equity-kpi__value">
                            {{ $completedTrades->count() }}
                        </div>
                    </div>

                    <div class="equity-kpi">
                        <div class="equity-kpi__label">Drawdown Max</div>
                        <div class="equity-kpi__value negative">
                            {{ number_format($maxDrawdownR, 2) }}R
                        </div>
                    </div>

                </div>

                @if ($completedTrades->isEmpty())

                    <div class="chart-empty">
                        La courbe apparaîtra dès qu'une idée de cette vue sera clôturée.
                    </div>

                @else

                    <svg
                        class="equity-chart"
                        viewBox="0 0 {{ $chartWidth }} {{ $chartHeight }}"
                        role="img"
                        aria-label="Courbe d'équité cumulée en R"
                    >

                        @for ($i = 0; $i <= 4; $i++)

                            @php
                                $gridY =
                                    $chartTop
                                    + ($i / 4) * $plotHeight;

                                $gridValue =
                                    $chartMax
                                    - ($i / 4)
                                    * ($chartMax - $chartMin);
                            @endphp

                            <line
                                class="chart-grid"
                                x1="{{ $chartLeft }}"
                                y1="{{ $gridY }}"
                                x2="{{ $chartLeft + $plotWidth }}"
                                y2="{{ $gridY }}"
                            />

                            <text
                                class="chart-label"
                                x="{{ $chartLeft - 14 }}"
                                y="{{ $gridY + 6 }}"
                                text-anchor="end"
                            >
                                {{ $gridValue > 0 ? '+' : '' }}{{ number_format($gridValue, 1) }}R
                            </text>

                        @endfor

                        <line
                            class="chart-zero"
                            x1="{{ $chartLeft }}"
                            y1="{{ $zeroY }}"
                            x2="{{ $chartLeft + $plotWidth }}"
                            y2="{{ $zeroY }}"
                        />

                        <polygon
                            class="chart-area"
                            points="{{ $areaPoints }}"
                        />

                        <polyline
                            class="chart-line"
                            points="{{ $equityPolyline }}"
                        />

                        @foreach ($equityPoints as $point)
                            <circle
                                class="chart-point"
                                cx="{{ $point['x'] }}"
                                cy="{{ $point['y'] }}"
                                r="4"
                            >
                                <title>
                                    {{ $point['value'] > 0 ? '+' : '' }}{{ number_format($point['value'], 2) }}R
                                </title>
                            </circle>
                        @endforeach

                        <text
                            class="chart-label"
                            x="{{ $chartLeft }}"
                            y="{{ $chartHeight - 8 }}"
                        >
                            Départ
                        </text>

                        <text
                            class="chart-label"
                            x="{{ $chartLeft + $plotWidth }}"
                            y="{{ $chartHeight - 8 }}"
                            text-anchor="end"
                        >
                            Dernière idée
                        </text>

                    </svg>

                @endif

            </div>

        </article>


        <article class="module">

            <div class="module-head">
                <div>
                    <h2>Risk Manager</h2>
                    <p>Toujours basé sur le compte réel</p>
                </div>
            </div>

            <div class="module-body">

                <div class="risk-stack">

                    <div class="risk-block">
                        <div class="risk-block__top">
                            <span class="risk-block__label">Prochain risque</span>
                            <span class="risk-block__value">
                                {{ number_format($realNextRisk, 2, ',', ' ') }}%
                            </span>
                        </div>

                        <div class="risk-progress">
                            <span style="width: {{ min(100, max(0, $realNextRisk * 100)) }}%;"></span>
                        </div>

                        <div class="risk-reason">
                            {{ $realNextRiskReason }}
                        </div>
                    </div>

                    <div class="risk-block">
                        <div class="risk-block__top">
                            <span class="risk-block__label">Performance cycle</span>
                            <span class="risk-block__value {{ $realCyclePerformance > 0 ? 'positive' : ($realCyclePerformance < 0 ? 'negative' : '') }}">
                                {{ $realCyclePerformance > 0 ? '+' : '' }}{{ number_format($realCyclePerformance, 2, ',', ' ') }}%
                            </span>
                        </div>

                        <div class="risk-progress">
                            <span style="width: {{ $cycleProgress }}%;"></span>
                        </div>
                    </div>

                    <div class="risk-block">
                        <div class="risk-block__top">
                            <span class="risk-block__label">Objectif cycle</span>
                            <span class="risk-block__value positive">
                                +{{ number_format($realCycleTarget, 2, ',', ' ') }}%
                            </span>
                        </div>

                        <div class="risk-progress">
                            <span style="width: 100%;"></span>
                        </div>
                    </div>

                </div>

                <div class="risk-meta-grid">
                    <div class="risk-meta">
                        <span class="risk-meta__label">Trades clôturés</span>
                        <span class="risk-meta__value">
                            {{ $realClosedTradesCount }}
                        </span>
                    </div>

                    <div class="risk-meta">
                        <span class="risk-meta__label">Dernier résultat</span>
                        <span class="risk-meta__value {{ $realLastClosedTradeResult === 'TP' ? 'positive' : ($realLastClosedTradeResult === 'SL' ? 'negative' : '') }}">
                            {{ $realLastClosedTradeResult ?? '—' }}
                        </span>
                    </div>
                </div>

                <a
                    href="{{ route('trading-settings.edit') }}"
                    class="risk-settings-link"
                >
                    ⚙ Modifier les paramètres du Risk Manager
                </a>

                <div class="risk-note">
                    Les Paper Trades n'impactent jamais le risque autorisé,
                    le cycle réel ni le déblocage du niveau de risque.
                </div>

            </div>

        </article>

    </section>


    <section class="lab-strip">

        <article class="lab-tile">
            <div class="lab-tile__label">Max Drawdown</div>
            <div class="lab-tile__value negative">
                {{ number_format($maxDrawdownR, 2) }}R
            </div>
            <div class="lab-tile__sub">Recul maximal depuis un sommet</div>
        </article>

        <article class="lab-tile">
            <div class="lab-tile__label">Espérance</div>
            <div class="lab-tile__value {{ $expectancyR > 0 ? 'positive' : ($expectancyR < 0 ? 'negative' : '') }}">
                {{ $expectancyR > 0 ? '+' : '' }}{{ number_format($expectancyR, 2) }}R
            </div>
            <div class="lab-tile__sub">R moyen attendu par idée</div>
        </article>

        <article class="lab-tile">
            <div class="lab-tile__label">Meilleure idée</div>
            <div class="lab-tile__value positive">
                @if ($bestTrade)
                    {{ $bestTrade->asset }} · +{{ number_format((float) $bestTrade->rr_realized, 2) }}R
                @else
                    —
                @endif
            </div>
            <div class="lab-tile__sub">Meilleure performance par idée</div>
        </article>

        <article class="lab-tile">
            <div class="lab-tile__label">Plus mauvaise idée</div>
            <div class="lab-tile__value negative">
                @if ($worstTrade)
                    {{ $worstTrade->asset }} · {{ number_format((float) $worstTrade->rr_realized, 2) }}R
                @else
                    —
                @endif
            </div>
            <div class="lab-tile__sub">Plus forte perte par idée</div>
        </article>

    </section>


    <section class="breakdowns">

        <article class="breakdown-card">
            <h2 class="breakdown-card__title">Performance par jour</h2>

            <div class="breakdown-card__body">
                @forelse ($dayBreakdown as $row)

                    <div class="breakdown-row">
                        <span class="breakdown-row__name">{{ $row['name'] }}</span>
                        <span class="breakdown-row__count">
                            {{ $row['count'] }} · {{ number_format($row['win_rate'], 0) }}%
                        </span>
                        <span class="breakdown-row__r {{ $row['r'] > 0 ? 'positive' : ($row['r'] < 0 ? 'negative' : '') }}">
                            {{ $row['r'] > 0 ? '+' : '' }}{{ number_format($row['r'], 2) }}R
                        </span>
                    </div>

                @empty
                    <div class="empty-small">Pas encore assez de données.</div>
                @endforelse
            </div>
        </article>


        <article class="breakdown-card">
            <h2 class="breakdown-card__title">Performance par session</h2>

            <div class="breakdown-card__body">
                @forelse ($sessionBreakdown as $row)

                    <div class="breakdown-row">
                        <span class="breakdown-row__name">{{ $row['name'] }}</span>
                        <span class="breakdown-row__count">
                            {{ $row['count'] }} · {{ number_format($row['win_rate'], 0) }}%
                        </span>
                        <span class="breakdown-row__r {{ $row['r'] > 0 ? 'positive' : ($row['r'] < 0 ? 'negative' : '') }}">
                            {{ $row['r'] > 0 ? '+' : '' }}{{ number_format($row['r'], 2) }}R
                        </span>
                    </div>

                @empty
                    <div class="empty-small">Pas encore assez de données.</div>
                @endforelse
            </div>
        </article>


        <article class="breakdown-card">
            <h2 class="breakdown-card__title">Performance par setup</h2>

            <div class="breakdown-card__body">
                @forelse ($setupBreakdown as $row)

                    <div class="breakdown-row">
                        <span class="breakdown-row__name">{{ $row['name'] }}</span>
                        <span class="breakdown-row__count">
                            {{ $row['count'] }} · {{ number_format($row['win_rate'], 0) }}%
                        </span>
                        <span class="breakdown-row__r {{ $row['r'] > 0 ? 'positive' : ($row['r'] < 0 ? 'negative' : '') }}">
                            {{ $row['r'] > 0 ? '+' : '' }}{{ number_format($row['r'], 2) }}R
                        </span>
                    </div>

                @empty
                    <div class="empty-small">Pas encore assez de données.</div>
                @endforelse
            </div>
        </article>

    </section>


    <div class="footer">
        ICT Performance Lab by Jul — {{ now()->format('Y') }}
    </div>

</div>

@endsection