@props([
    'index' => null,
    'simulation' => null,
    'save' => false,
    'exclusionRules' => [],
    'monthlyGain' => null,
])

@if($simulation)
<div {{ $attributes }}>
    <div class="card-inner" x-data="{showMore: false}">
        {{-- Monthly Gain Badge --}}
        @if(false && $monthlyGain && $monthlyGain > 0)
        <div class="d-flex justify-content-end mb-2">
            <div class="monthly-gain-badge tw-bg-green-100 text-success px-2 py-1 rounded-pill d-inline-flex align-items-center fs-12px">
                <x-ui.nicon name="trend-up" class="me-1"/>
                <span class="fw-bold">@lang('Gain'): +{{ str()->formatDecimal($monthlyGain, 2) }}€/mois</span>
            </div>
        </div>
        @endif
        <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">
                <div>
                    <span class="text-primary">{{ $simulation->bank_name }}</span>
                    <x-ui.nicon name="bullet" class="mx-1" /> 
                    <span @class(['d-none' => ! $simulation->product])>
                        {{ $simulation->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($simulation->credit_amount)
                    </span>
                    <span x-data="tooltip" data-bs-title="@lang('Rate')">
                        <x-ui.nicon name="percent" class="mx-1 text-primary" /> 
                        @dcf($simulation->rate)%
                    </span>
                    <span x-data="tooltip" data-bs-title="@lang('Monthly')">
                        <x-ui.nicon name="wallet-out" class="mx-1 text-primary" /> 
                        @cf($simulation->monthly)
                    </span>
                    @if(! auth()->user()->is_external)
                        <span x-data="tooltip" data-bs-title="Frais d'intermédiation">
                            <x-ui.nicon name="invest" class="mx-1 text-primary" /> 
                            @cf($simulation->mandate_commission_amount)
                        </span>
                        <span x-data="tooltip" data-bs-title="@lang('Bank delay')">
                            <x-ui.nicon name="clock" class="mx-1 text-primary" />
                            @lang('Delay') J+ {{ $simulation->bank_delay }}
                        </span>
                        @if($simulation->bank_balance)
                        <span x-data="tooltip" data-bs-title="@lang('Bank balance')">
                            <x-ui.nicon name="wallet" class="mx-1 text-primary" />
                                {{ str()->formatDecimal($simulation->bank_balance, 2) }} €
                        </span>
                        @endif
                    @endif
                </div>
            </div>
            <div class="d-flex align-items-center">
                <button type="button" class="btn btn-white btn-trigger btn-icon text-primary me-2" x-on:click="showMore = ! showMore" x-data="tooltip" title="Voir plus">
                    <em class="icon ni" x-bind:class="{'ni-minus': showMore, 'ni-plus': ! showMore}"></em>
                </button>
                @if($save && ! is_null($index) && (auth()->user()->can('projects.update') || auth()->user()->can('simulator.view')))
                    <x-ui.button class="btn-icon btn-round btn-sm btn-dim" icon="save" click="submit({{ $index }})" :spin="true" :title="__('Save')" x-data="tooltip"/>
                @endif
            </div>
        </div>

        <div x-show="showMore" @transition x-cloak>

            <hr/>

            <x-simulations.simulation-data-list :$simulation :$index />

            @if($simulation->product && ! auth()->user()->is_external)
            <div class="mt-4">
                <h6>Produit</h6>
                <hr/>
                <x-products.product-card :product="$simulation->product" :$simulation :$save :$exclusionRules class="bg-primary mb-3"/>
            </div>
            @endif
        </div>
    </div>
</div>
@endif