@extends('layouts.trading')

@section('title', 'Modifier le trade — ICT Performance Lab')

@section('styles')

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

    .header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 1.5rem;
        margin-bottom: 2rem;
        flex-wrap: wrap;
    }

    .header__brand {
        display: flex;
        flex-direction: column;
        gap: 0.35rem;
    }

    .header__eyebrow {
        font-size: 0.7rem;
        font-weight: 650;
        letter-spacing: 0.14em;
        text-transform: uppercase;
        color: var(--accent);
    }

    .header__title {
        margin: 0;
        font-size: clamp(1.7rem, 4vw, 2.2rem);
        font-weight: 750;
        letter-spacing: -0.03em;
    }

    .header__subtitle {
        margin: 0.15rem 0 0;
        font-size: 0.95rem;
        color: var(--text-secondary);
    }

    .btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        min-height: 42px;
        padding: 0.7rem 1.2rem;
        border: 1px solid transparent;
        border-radius: var(--radius-sm);
        font-size: 0.875rem;
        font-weight: 700;
        text-decoration: none;
        cursor: pointer;
        transition:
            background 0.15s ease,
            border-color 0.15s ease,
            box-shadow 0.15s ease,
            transform 0.1s ease;
    }

    .btn:active {
        transform: scale(0.98);
    }

    .btn--ghost {
        background: var(--bg-elevated);
        color: var(--text-secondary);
        border-color: var(--border-strong);
    }

    .btn--ghost:hover {
        background: var(--bg-hover);
        color: var(--text-primary);
    }

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

    .btn--primary:hover {
        background: linear-gradient(
            135deg,
            #75b6ff,
            var(--accent-hover)
        );
        transform: translateY(-1px);
    }

    .alert {
        padding: 1rem 1.25rem;
        margin-bottom: 1.5rem;
        background: rgba(239, 68, 68, 0.08);
        border: 1px solid rgba(239, 68, 68, 0.25);
        border-radius: var(--radius);
        color: #f87171;
        font-size: 0.875rem;
    }

    .alert__title {
        margin: 0 0 0.5rem;
        font-weight: 700;
    }

    .alert ul {
        margin: 0;
        padding-left: 1.25rem;
    }

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

    .form-section + .form-section {
        border-top: 1px solid var(--border);
    }

    .form-section__header {
        padding: 1rem 1.5rem;
        background: var(--bg-elevated);
        border-bottom: 1px solid var(--border);
    }

    .form-section__title {
        margin: 0;
        font-size: 0.75rem;
        font-weight: 700;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--text-muted);
    }

    .form-section__body {
        padding: 1.5rem;
    }

    .form-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.25rem;
    }

    .form-grid--3 {
        grid-template-columns: repeat(3, 1fr);
    }

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

    .field {
        display: flex;
        flex-direction: column;
        gap: 0.4rem;
    }

    .field__label {
        font-size: 0.8rem;
        font-weight: 650;
        color: var(--text-secondary);
    }

    .field__input,
    .field__select,
    .field__textarea {
        width: 100%;
        padding: 0.65rem 0.85rem;
        background: var(--bg-base);
        border: 1px solid var(--border-strong);
        border-radius: var(--radius-sm);
        color: var(--text-primary);
        font-family: var(--font-sans);
        font-size: 0.875rem;
    }

    .field__input:focus,
    .field__select:focus,
    .field__textarea:focus {
        outline: none;
        border-color: var(--accent);
        box-shadow: 0 0 0 3px var(--accent-glow);
    }

    .field__input::placeholder,
    .field__textarea::placeholder {
        color: var(--text-muted);
    }

    .field__textarea {
        min-height: 100px;
        resize: vertical;
    }

    .field__input--mono {
        font-family: var(--font-mono);
    }

    .field__error {
        font-size: 0.78rem;
        color: var(--negative);
    }

    .checkbox-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        gap: 0.75rem;
    }

    .checkbox {
        display: flex;
        align-items: center;
        gap: 0.6rem;
        padding: 0.65rem 0.85rem;
        background: var(--bg-base);
        border: 1px solid var(--border-strong);
        border-radius: var(--radius-sm);
        cursor: pointer;
    }

    .checkbox:hover {
        background: var(--bg-hover);
    }

    .checkbox input {
        width: 16px;
        height: 16px;
        accent-color: var(--accent);
    }

    .checkbox__label {
        font-size: 0.85rem;
    }

    .form-actions {
        display: flex;
        justify-content: flex-end;
        gap: 0.75rem;
        padding: 1.5rem;
        background: var(--bg-elevated);
        border-top: 1px solid var(--border);
    }

    .footer {
        margin-top: 2rem;
        text-align: center;
        font-size: 0.75rem;
        color: var(--text-muted);
    }


    .idea-close-card {
        margin-top: 1.25rem;
        background: var(--bg-surface);
        border: 1px solid var(--border);
        border-radius: var(--radius);
        overflow: hidden;
    }

    .idea-close__header {
        padding: 1rem 1.5rem;
        background: var(--bg-elevated);
        border-bottom: 1px solid var(--border);
    }

    .idea-close__title {
        margin: 0;
        font-size: 0.78rem;
        font-weight: 800;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: var(--text-muted);
    }

    .idea-close__subtitle {
        margin: 0.35rem 0 0;
        font-size: 0.78rem;
        color: var(--text-secondary);
    }

    .idea-close__body {
        padding: 1.25rem 1.5rem;
    }

    .idea-execution {
        display: grid;
        grid-template-columns: 1.25fr 0.65fr 0.7fr 0.7fr;
        gap: 0.8rem;
        align-items: end;
        padding: 0.9rem;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--bg-base);
    }

    .idea-execution + .idea-execution {
        margin-top: 0.7rem;
    }

    .idea-execution__identity {
        min-width: 0;
    }

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

    .idea-execution__meta {
        margin-top: 0.25rem;
        font-size: 0.72rem;
        color: var(--text-muted);
    }

    .idea-close__summary {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0.8rem;
        margin-top: 1rem;
    }

    .idea-summary-box {
        padding: 0.85rem;
        border: 1px solid var(--border);
        border-radius: var(--radius-sm);
        background: var(--bg-elevated);
    }

    .idea-summary-box__label {
        font-size: 0.64rem;
        font-weight: 800;
        letter-spacing: 0.06em;
        text-transform: uppercase;
        color: var(--text-muted);
    }

    .idea-summary-box__value {
        margin-top: 0.3rem;
        font-family: var(--font-mono);
        font-size: 1rem;
        font-weight: 850;
        color: var(--text-primary);
    }

    .idea-close__actions {
        display: flex;
        justify-content: flex-end;
        gap: 0.75rem;
        margin-top: 1rem;
    }

    .idea-close__note {
        margin-top: 0.8rem;
        font-size: 0.72rem;
        line-height: 1.5;
        color: var(--text-muted);
    }

    @media (max-width: 768px) {
        .idea-execution {
            grid-template-columns: 1fr;
        }

        .idea-close__summary {
            grid-template-columns: 1fr;
        }

        .idea-close__actions {
            flex-direction: column;
        }

        .idea-close__actions .btn {
            width: 100%;
        }
    }

    @media (max-width: 768px) {
        .form-grid,
        .form-grid--3 {
            grid-template-columns: 1fr;
        }

        .header {
            flex-direction: column;
        }

        .form-actions {
            flex-direction: column-reverse;
        }

        .form-actions .btn {
            width: 100%;
        }
    }

@endsection


@section('content')

@php
    $isMainReal =
        ($trade->trade_mode ?? 'real') === 'real'
        && ($trade->position_type ?? 'main') === 'main';

    $ideaExecutions = collect([$trade]);

    if ($isMainReal) {
        $ideaExecutions = collect([$trade])
            ->concat($addins ?? collect())
            ->values();
    }

    $ideaRiskTotal = (float) $ideaExecutions->sum(
        fn ($execution) =>
            (float) (
                $execution->risk_used_percent
                ?? $execution->risk_level
                ?? $execution->risk_percent
                ?? 0
            )
    );
@endphp

<div class="page">

    <header class="header">

        <div class="header__brand">

            <span class="header__eyebrow">
                ICT Performance Lab by Jul
            </span>

            <h1 class="header__title">
                Modifier le trade
            </h1>

            <p class="header__subtitle">
                Mettre à jour le setup ICT et son analyse
            </p>

        </div>

        <a
            href="{{ route('trades.show', $trade) }}"
            class="btn btn--ghost"
        >
            ← Retour
        </a>

    </header>


    @if ($errors->any())

        <div class="alert">

            <p class="alert__title">
                Des erreurs empêchent la mise à jour du trade.
            </p>

            <ul>
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>

        </div>

    @endif


    <div class="form-card">

        <form
            method="POST"
            action="{{ route('trades.update', $trade) }}"
        >

            @csrf
            @method('PUT')


            {{-- IDENTIFICATION --}}

            <section class="form-section">

                <div class="form-section__header">
                    <h2 class="form-section__title">
                        Identification
                    </h2>
                </div>

                <div class="form-section__body">

                    <div class="form-grid">

                        <div class="field">

                            <label class="field__label">
                                Date du trade
                            </label>

                            <input
                                type="date"
                                name="trade_date"
                                class="field__input"
                                value="{{ old('trade_date', $trade->trade_date?->format('Y-m-d')) }}"
                                required
                            >

                        </div>


                        <div class="field">

                            <label class="field__label">
                                Heure d'entrée
                            </label>

                            <input
                                type="time"
                                name="entry_time"
                                class="field__input"
                                value="{{ old('entry_time', $trade->entry_time) }}"
                            >

                        </div>


                        <div class="field">

                            <label class="field__label">
                                Actif
                            </label>

                            <input
                                type="text"
                                name="asset"
                                class="field__input field__input--mono"
                                value="{{ old('asset', $trade->asset) }}"
                                placeholder="EURUSD, DXY, SILVER..."
                                required
                            >

                        </div>


                        <div class="field">

                            <label class="field__label">
                                Direction
                            </label>

                            <select
                                name="direction"
                                class="field__select"
                                required
                            >

                                <option
                                    value=""
                                    disabled
                                    @selected(!old('direction', $trade->direction))
                                >
                                    Choisir…
                                </option>

                                <option
                                    value="Long"
                                    @selected(old('direction', $trade->direction) === 'Long')
                                >
                                    Long
                                </option>

                                <option
                                    value="Short"
                                    @selected(old('direction', $trade->direction) === 'Short')
                                >
                                    Short
                                </option>

                            </select>

                        </div>

                    </div>

                </div>

            </section>


            {{-- CONTEXTE ICT --}}

            <section class="form-section">

                <div class="form-section__header">

                    <h2 class="form-section__title">
                        Contexte ICT
                    </h2>

                </div>


                <div class="form-section__body">

                    <div class="form-grid form-grid--3">

                        <div class="field">

                            <label class="field__label">
                                Session
                            </label>

                            <input
                                type="text"
                                name="session"
                                class="field__input"
                                value="{{ old('session', $trade->session) }}"
                                placeholder="London, New York..."
                            >

                        </div>


                        <div class="field">

                            <label class="field__label">
                                Jour
                            </label>

                            <input
                                type="text"
                                name="day"
                                class="field__input"
                                value="{{ old('day', $trade->day) }}"
                                placeholder="Lundi, Mardi..."
                            >

                        </div>


                        <div class="field">

                            <label class="field__label">
                                Zone HTF
                            </label>

                            <input
                                type="text"
                                name="htf_zone"
                                class="field__input"
                                value="{{ old('htf_zone', $trade->htf_zone) }}"
                                placeholder="FVG 4H, OB 4H, BISI 30m..."
                            >

                        </div>


                        <div class="field">

                            <label class="field__label">
                                Type de liquidité
                            </label>

                            <input
                                type="text"
                                name="liquidity_type"
                                class="field__input"
                                value="{{ old('liquidity_type', $trade->liquidity_type) }}"
                                placeholder="Asia High, Asia Low, PDH, PDL..."
                            >

                        </div>

                    </div>

                </div>

            </section>


            {{-- CONFIRMATIONS --}}

            <section class="form-section">

                <div class="form-section__header">

                    <h2 class="form-section__title">
                        Confirmations
                    </h2>

                </div>


                <div class="form-section__body">

                    <div class="checkbox-grid">

                        @php
                            $checks = [
                                'htf_bias' => 'HTF Bias',
                                'liquidity_taken' => 'Liquidité prise',
                                'displacement' => 'Displacement',
                                'mss' => 'MSS',
                                'fvg15' => 'FVG 15m',
                                'breaker' => 'Breaker',
                                'bisi30' => 'BISI 30m',
                                'news' => 'News',
                            ];
                        @endphp

                        @foreach ($checks as $field => $label)

                            <label class="checkbox">

                                <input
                                    type="checkbox"
                                    name="{{ $field }}"
                                    value="1"
                                    @checked(old($field, $trade->{$field}))
                                >

                                <span class="checkbox__label">
                                    {{ $label }}
                                </span>

                            </label>

                        @endforeach

                    </div>


                    <div
                        class="form-grid"
                        style="margin-top: 1.25rem;"
                    >

                        <div class="field">

                            <label class="field__label">
                                Type de news
                            </label>

                            <input
                                type="text"
                                name="news_type"
                                class="field__input"
                                value="{{ old('news_type', $trade->news_type) }}"
                                placeholder="NFP, CPI, FOMC, Trump..."
                            >

                        </div>

                    </div>

                </div>

            </section>


            {{-- RISQUE & RESULTAT --}}

            <section class="form-section">

                <div class="form-section__header">
                    <h2 class="form-section__title">
                        Risque & résultat
                    </h2>
                </div>

                <div class="form-section__body">

                    <div class="form-grid form-grid--3">

                        <div class="field">

                            <label class="field__label">
                                Risque (%)
                            </label>

                            <input
                                type="number"
                                name="risk_percent"
                                class="field__input field__input--mono"
                                value="{{ old('risk_percent', $trade->risk_percent) }}"
                                step="0.01"
                                min="0"
                            >

                        </div>


                        <div class="field">

                            <label class="field__label">
                                Risque utilisé (%)
                            </label>

                            <input
                                type="number"
                                name="risk_used_percent"
                                class="field__input field__input--mono"
                                value="{{ old('risk_used_percent', $trade->risk_used_percent) }}"
                                step="0.01"
                                min="0"
                            >

                        </div>


                        <div class="field">

                            <label class="field__label">
                                Résultat
                            </label>

                            <input
                                type="text"
                                name="result"
                                class="field__input"
                                value="{{ old('result', $trade->result) }}"
                                placeholder="TP, SL, BE..."
                            >

                        </div>


                        <div class="field">

                            <label class="field__label">
                                RR planifié
                            </label>

                            <input
                                type="number"
                                name="rr_planned"
                                class="field__input field__input--mono"
                                value="{{ old('rr_planned', $trade->rr_planned) }}"
                                step="0.01"
                            >

                        </div>


                        <div class="field">

                            <label class="field__label">
                                RR réalisé
                            </label>

                            <input
                                type="number"
                                name="rr_realized"
                                class="field__input field__input--mono"
                                value="{{ old('rr_realized', $trade->rr_realized) }}"
                                step="0.01"
                            >

                        </div>

                    </div>

                </div>

            </section>


            {{-- DISCIPLINE --}}

            <section class="form-section">

                <div class="form-section__header">
                    <h2 class="form-section__title">
                        Discipline
                    </h2>
                </div>

                <div class="form-section__body">

                    <div
                        class="checkbox-grid"
                        style="margin-bottom:1.25rem;"
                    >

                        <label class="checkbox">

                            <input
                                type="checkbox"
                                name="anticipated"
                                value="1"
                                @checked(old('anticipated', $trade->anticipated))
                            >

                            <span class="checkbox__label">
                                Trade anticipé
                            </span>

                        </label>


                        <label class="checkbox">

                            <input
                                type="checkbox"
                                name="one_trade_rule_respected"
                                value="1"
                                @checked(old(
                                    'one_trade_rule_respected',
                                    $trade->one_trade_rule_respected
                                ))
                            >

                            <span class="checkbox__label">
                                Règle 1 trade / jour respectée
                            </span>

                        </label>

                    </div>


                    <div class="form-grid">

                        <div class="field">

                            <label class="field__label">
                                Score discipline /100
                            </label>

                            <input
                                type="number"
                                name="discipline_score"
                                class="field__input field__input--mono"
                                value="{{ old('discipline_score', $trade->discipline_score) }}"
                                min="0"
                                max="100"
                            >

                        </div>


                        <div class="field">

                            <label class="field__label">
                                Setup Grade
                            </label>

                            <input
                                type="text"
                                name="setup_grade"
                                class="field__input"
                                value="{{ old('setup_grade', $trade->setup_grade) }}"
                                placeholder="A+, A, B, Hors plan..."
                            >

                        </div>

                    </div>

                </div>

            </section>


            {{-- PSYCHOLOGIE --}}

            <section class="form-section">

                <div class="form-section__header">

                    <h2 class="form-section__title">
                        Psychologie / analyse
                    </h2>

                </div>


                <div class="form-section__body">

                    <div class="form-grid form-grid--1">

                        <div class="field">

                            <label class="field__label">
                                Émotion avant le trade
                            </label>

                            <input
                                type="text"
                                name="emotion_before"
                                class="field__input"
                                value="{{ old('emotion_before', $trade->emotion_before) }}"
                                placeholder="Calme, confiance, FOMO..."
                            >

                        </div>


                        <div class="field">

                            <label class="field__label">
                                Notes
                            </label>

                            <textarea
                                name="notes"
                                class="field__textarea"
                                placeholder="Contexte et observations..."
                            >{{ old('notes', $trade->notes) }}</textarea>

                        </div>


                        <div class="field">

                            <label class="field__label">
                                Ce qui a bien fonctionné
                            </label>

                            <textarea
                                name="what_went_well"
                                class="field__textarea"
                                placeholder="Points positifs..."
                            >{{ old('what_went_well', $trade->what_went_well) }}</textarea>

                        </div>


                        <div class="field">

                            <label class="field__label">
                                À améliorer
                            </label>

                            <textarea
                                name="to_improve"
                                class="field__textarea"
                                placeholder="Axes d'amélioration..."
                            >{{ old('to_improve', $trade->to_improve) }}</textarea>

                        </div>

                    </div>

                </div>

            </section>


            {{-- MT5 / FTMO --}}

            <section class="form-section">

                <div class="form-section__header">

                    <h2 class="form-section__title">
                        MT5 / FTMO
                    </h2>

                </div>


                <div class="form-section__body">

                    <div class="form-grid">

                        <div class="field">

                            <label class="field__label">
                                Ticket MT5
                            </label>

                            <input
                                type="text"
                                name="mt5_ticket"
                                class="field__input field__input--mono"
                                value="{{ old('mt5_ticket', $trade->mt5_ticket) }}"
                                placeholder="123456789"
                            >

                        </div>


                        <div class="field">

                            <label class="field__label">
                                Compte MT5
                            </label>

                            <input
                                type="text"
                                name="mt5_account"
                                class="field__input field__input--mono"
                                value="{{ old('mt5_account', $trade->mt5_account) }}"
                                placeholder="FTMO-123456"
                            >

                        </div>

                    </div>

                </div>

            </section>


            <div class="form-actions">

                <a
                    href="{{ route('trades.show', $trade) }}"
                    class="btn btn--ghost"
                >
                    Annuler
                </a>

                <button
                    type="submit"
                    class="btn btn--primary"
                >
                    Mettre à jour le trade
                </button>

            </div>

        </form>

    </div>


    @if (($addins ?? collect())->isNotEmpty())

        <section class="idea-close-card">

            <div class="idea-close__header">
                <h2 class="idea-close__title">
                    Clôturer l'idée complète
                </h2>

                <p class="idea-close__subtitle">
                    Clôture le trade principal et tous ses add-ins en une seule opération.
                </p>
            </div>

            <form
                method="POST"
                action="{{ route('trades.close-idea', $trade) }}"
            >
                @csrf
                @method('PUT')

                <div class="idea-close__body">

                    @foreach ($ideaExecutions as $execution)

                        @php
                            $executionRisk =
                                (float) (
                                    $execution->risk_used_percent
                                    ?? $execution->risk_level
                                    ?? $execution->risk_percent
                                    ?? 0
                                );

                            $isExecutionAddin =
                                ($execution->position_type ?? 'main') === 'addin';
                        @endphp

                        <div
                            class="idea-execution"
                            data-idea-execution
                            data-risk="{{ number_format($executionRisk, 4, '.', '') }}"
                        >

                            <div class="idea-execution__identity">
                                <div class="idea-execution__asset">
                                    {{ $execution->asset }}
                                    @if ($isExecutionAddin)
                                        · Add-in #{{ $execution->addin_number ?? '—' }}
                                    @else
                                        · Principal
                                    @endif
                                </div>

                                <div class="idea-execution__meta">
                                    {{ $execution->trade_date?->format('d/m/Y') ?? '—' }}
                                    ·
                                    {{ $execution->entry_time
                                        ? \Illuminate\Support\Str::of($execution->entry_time)->substr(0, 5)
                                        : '—'
                                    }}
                                </div>
                            </div>

                            <div class="field">
                                <label class="field__label">
                                    Risque utilisé
                                </label>

                                <input
                                    type="text"
                                    class="field__input field__input--mono"
                                    value="{{ number_format($executionRisk, 2, ',', ' ') }} %"
                                    readonly
                                >
                            </div>

                            <div class="field">
                                <label class="field__label">
                                    Résultat
                                </label>

                                <select
                                    name="executions[{{ $execution->id }}][result]"
                                    class="field__select"
                                    required
                                >
                                    <option value="">Choisir…</option>
                                    <option value="TP" @selected(old("executions.{$execution->id}.result", $execution->result) === 'TP')>
                                        TP
                                    </option>
                                    <option value="SL" @selected(old("executions.{$execution->id}.result", $execution->result) === 'SL')>
                                        SL
                                    </option>
                                    <option value="BE" @selected(old("executions.{$execution->id}.result", $execution->result) === 'BE')>
                                        BE
                                    </option>
                                    <option value="MANUAL" @selected(old("executions.{$execution->id}.result", $execution->result) === 'MANUAL')>
                                        Manuel
                                    </option>
                                </select>
                            </div>

                            <div class="field">
                                <label class="field__label">
                                    RR réalisé
                                </label>

                                <input
                                    type="number"
                                    name="executions[{{ $execution->id }}][rr_realized]"
                                    class="field__input field__input--mono"
                                    value="{{ old("executions.{$execution->id}.rr_realized", $execution->rr_realized) }}"
                                    step="0.01"
                                    required
                                    data-idea-rr
                                >
                            </div>

                        </div>

                    @endforeach


                    <div class="idea-close__summary">

                        <div class="idea-summary-box">
                            <div class="idea-summary-box__label">
                                Risque cumulé idée
                            </div>

                            <div class="idea-summary-box__value">
                                {{ number_format($ideaRiskTotal, 2, ',', ' ') }}%
                            </div>
                        </div>

                        <div class="idea-summary-box">
                            <div class="idea-summary-box__label">
                                Exécutions
                            </div>

                            <div class="idea-summary-box__value">
                                {{ $ideaExecutions->count() }}
                            </div>
                        </div>

                        <div class="idea-summary-box">
                            <div class="idea-summary-box__label">
                                RR global pondéré
                            </div>

                            <div
                                id="idea-weighted-rr"
                                class="idea-summary-box__value"
                            >
                                —
                            </div>
                        </div>

                    </div>


                    <div class="idea-close__note">
                        RR global = somme(risque × RR de chaque exécution) ÷ risque cumulé.
                        Chaque exécution conserve aussi son RR individuel pour l'analyse détaillée.
                    </div>


                    <div class="idea-close__actions">
                        <button
                            type="submit"
                            class="btn btn--primary"
                        >
                            Clôturer toute l'idée
                        </button>
                    </div>

                </div>

            </form>

        </section>

    @endif


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

</div>

@endsection


@section('scripts')
<script>
    document.addEventListener('DOMContentLoaded', function () {
        const executions = Array.from(
            document.querySelectorAll('[data-idea-execution]')
        );

        const output = document.getElementById('idea-weighted-rr');

        if (!executions.length || !output) {
            return;
        }

        function refreshIdeaRR() {
            let weighted = 0;
            let totalRisk = 0;
            let complete = true;

            executions.forEach((row) => {
                const risk = parseFloat(row.dataset.risk || '0');
                const input = row.querySelector('[data-idea-rr]');
                const rr = input ? parseFloat(input.value) : NaN;

                if (!Number.isFinite(rr)) {
                    complete = false;
                    return;
                }

                weighted += risk * rr;
                totalRisk += risk;
            });

            if (!complete || totalRisk <= 0) {
                output.textContent = '—';
                return;
            }

            const ideaRR = weighted / totalRisk;
            output.textContent =
                (ideaRR > 0 ? '+' : '') + ideaRR.toFixed(2) + 'R';
        }

        executions.forEach((row) => {
            const input = row.querySelector('[data-idea-rr]');

            if (input) {
                input.addEventListener('input', refreshIdeaRR);
            }
        });

        refreshIdeaRR();
    });
</script>
@endsection