@props([
    'index' => null,
    'optimizedSimulation' => null,
    'originalSimulation' => null,
    'adjustments' => [],
    'monthlyGain' => 0,
    'isSuccessful' => false,
])

@if($optimizedSimulation)
<div {{ $attributes->merge(['class' => 'opportunity-card']) }}>
    <div class="card-inner" x-data="{
        showMore: false
    }">
        {{-- Header with status badge --}}
        <div class="d-flex justify-content-between align-items-start mb-2">
            <div>
                @if($isSuccessful)
                    <x-ui.badge label="Opportunité" color="success" class="mb-1"/>
                @else
                    <x-ui.badge label="Optimisation partielle" color="warning" class="mb-1"/>
                @endif
            </div>
            @if($monthlyGain > 0)
                <div class="text-end">
                    <span class="fs-11px text-muted d-block">@lang('Gain on monthly')</span>
                    <span class="text-success fw-bold fs-16px">
                        +{{ str()->formatDecimal($monthlyGain, 2) }}€
                    </span>
                </div>
            @endif
        </div>

        {{-- Bank and Product Info --}}
        <div class="d-flex justify-content-between align-items-center">
            <div class="mb-0 fw-bold d-flex flex-column" x-on:click="showMore = !showMore" role="button">
                <div>
                    <span class="text-primary">{{ $optimizedSimulation->bank_name }}</span>
                    <x-ui.nicon name="bullet" class="mx-1" /> 
                    <span @class(['d-none' => ! $optimizedSimulation->product])>
                        {{ $optimizedSimulation->product?->name }}
                    </span>
                </div>
                <div class="mt-1">
                    <span x-data="tooltip" data-bs-title="@lang('Operation amount')">
                        <x-ui.nicon name="coins" class="mx-1 text-primary" />
                        @cf($optimizedSimulation->credit_amount)
                    </span>
                    <span x-data="tooltip" data-bs-title="@lang('Rate')">
                        <x-ui.nicon name="percent" class="mx-1 text-primary" /> 
                        @dcf($optimizedSimulation->rate)%
                    </span>
                    <span x-data="tooltip" data-bs-title="@lang('Monthly')">
                        <x-ui.nicon name="wallet-out" class="mx-1 text-primary" /> 
                        @cf($optimizedSimulation->monthly)
                    </span>
                    <span x-data="tooltip" data-bs-title="@lang('Duration')">
                        <x-ui.nicon name="clock" class="mx-1 text-primary" /> 
                        {{ $optimizedSimulation->duration }} @lang('months')
                    </span>
                </div>
            </div>
            <div class="d-flex align-items-center gap-2">
                {{-- Info button for financing plan --}}
                <button 
                    type="button" 
                    class="btn btn-white btn-trigger btn-icon text-info" 
                    x-on:click="Livewire.emit('showModal', 'modals.simulations.financing-plan-modal', {{ json_encode($optimizedSimulation->toArray()) }})" 
                    x-data="tooltip" 
                    title="@lang('View financing plan')"
                >
                    <em class="icon ni ni-info"></em>
                </button>
                {{-- Expand/collapse --}}
                <button 
                    type="button" 
                    class="btn btn-white btn-trigger btn-icon text-primary" 
                    x-on:click="showMore = !showMore" 
                    x-data="tooltip" 
                    title="@lang('View Details')"
                >
                    <em class="icon ni" x-bind:class="{'ni-minus': showMore, 'ni-plus': !showMore}"></em>
                </button>
                {{-- Apply opportunity button --}}
                @if(! is_null($index))
                    <x-ui.button 
                        class="btn-sm btn-success btn-dim" 
                        icon="check" 
                        click="applyOpportunity({{ $index }})" 
                        :spin="true" 
                        :label="__('Apply')"
                    />
                @endif
            </div>
        </div>

        {{-- Adjustments summary --}}
        @if(count($adjustments) > 0)
        <div class="mt-3 p-2 opportunity-adjustments-box rounded">
            <div class="fs-12px fw-bold text-muted mb-2">
                <x-ui.nicon name="edit" class="me-1"/>
                @lang('Proposed adjustments')
            </div>
            <ul class="list-unstyled mb-0 fs-12px">
                @foreach($adjustments as $adjustment)
                    <li class="d-flex align-items-center gap-2 mb-1">
                        <x-ui.nicon name="chevron-right" class="text-info"/>
                        <span>{{ $adjustment['description'] ?? '' }}</span>
                    </li>
                @endforeach
            </ul>
        </div>
        @endif

        {{-- Expanded details --}}
        <div x-show="showMore" x-collapse x-cloak>
            {{-- Comparison table --}}
            <div class="table-responsive">
                <table class="table table-sm table-borderless fs-12px">
                    <thead class="text-muted">
                        <tr>
                            <th></th>
                            <th class="text-center">@lang('Original')</th>
                            <th class="text-center">@lang('Optimized')</th>
                            <th class="text-center">@lang('Difference')</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr>
                            <td class="fw-bold">@lang('Duration')</td>
                            <td class="text-center">{{ $originalSimulation->duration }} mois</td>
                            <td class="text-center">{{ $optimizedSimulation->duration }} mois</td>
                            <td class="text-center">
                                @php $durDiff = $optimizedSimulation->duration - $originalSimulation->duration @endphp
                                @if($durDiff != 0)
                                    <span @class(['text-success' => $durDiff < 0, 'text-warning' => $durDiff > 0])>
                                        {{ $durDiff > 0 ? '+' : '' }}{{ $durDiff }} mois
                                    </span>
                                @else
                                    <span class="text-muted">-</span>
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <td class="fw-bold">@lang('Cashflow')</td>
                            <td class="text-center">@cf($originalSimulation->cashflow_amount)</td>
                            <td class="text-center">@cf($optimizedSimulation->cashflow_amount)</td>
                            <td class="text-center">
                                @php $cashDiff = $optimizedSimulation->cashflow_amount - $originalSimulation->cashflow_amount @endphp
                                @if($cashDiff != 0)
                                    <span @class(['text-success' => $cashDiff > 0, 'text-warning' => $cashDiff < 0])>
                                        {{ $cashDiff > 0 ? '+' : '' }}{{ str()->formatDecimal($cashDiff, 0) }}€
                                    </span>
                                @else
                                    <span class="text-muted">-</span>
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <td class="fw-bold">@lang('Mandate')</td>
                            <td class="text-center">{{ number_format($originalSimulation->mandate, 2) }}%</td>
                            <td class="text-center">{{ number_format($optimizedSimulation->mandate, 2) }}%</td>
                            <td class="text-center">
                                @php $mandDiff = $optimizedSimulation->mandate - $originalSimulation->mandate @endphp
                                @if(abs($mandDiff) > 0.01)
                                    <span @class(['text-success' => $mandDiff > 0, 'text-warning' => $mandDiff < 0])>
                                        {{ $mandDiff > 0 ? '+' : '' }}{{ number_format($mandDiff, 2) }}%
                                    </span>
                                @else
                                    <span class="text-muted">-</span>
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <td class="fw-bold">@lang('Monthly')</td>
                            <td class="text-center">@cf($originalSimulation->monthly)</td>
                            <td class="text-center fw-bold text-success">@cf($optimizedSimulation->monthly)</td>
                            <td class="text-center">
                                @php $monthDiff = $optimizedSimulation->monthly - $originalSimulation->monthly @endphp
                                @if(abs($monthDiff) > 0.01)
                                    <span @class(['text-success' => $monthDiff < 0, 'text-warning' => $monthDiff > 0])>
                                        {{ $monthDiff > 0 ? '+' : '' }}{{ str()->formatDecimal($monthDiff, 2) }}€
                                    </span>
                                @else
                                    <span class="text-muted">-</span>
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <td class="fw-bold">@lang('Operation amount')</td>
                            <td class="text-center">@cf($originalSimulation->credit_amount)</td>
                            <td class="text-center">@cf($optimizedSimulation->credit_amount)</td>
                            <td class="text-center">
                                @php $creditDiff = $optimizedSimulation->credit_amount - $originalSimulation->credit_amount @endphp
                                @if(abs($creditDiff) > 0.01)
                                    <span @class(['text-success' => $creditDiff < 0, 'text-warning' => $creditDiff > 0])>
                                        {{ $creditDiff > 0 ? '+' : '' }}{{ str()->formatDecimal($creditDiff, 0) }}€
                                    </span>
                                @else
                                    <span class="text-muted">-</span>
                                @endif
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>

            <hr/>
            <x-simulations.simulation-data-list :simulation="$optimizedSimulation" :index="$index" />
        </div>
    </div>
</div>
@endif