@props([
    'product' => null,
    'simulation' => null,
    'save' => true,
    'items' => [],
    'exclusionRules' => [],
])

@php
    if(! $items && $simulation?->product_scores) {
        $items = collect($simulation->product_scores)->addScoreData()->sortBy('order')
            ->push( ['name' => 'Délai banque (J+)', 'value' => $product->bank_delay])->toArray();
    }
@endphp

@if($product && $simulation)
<div {{ $attributes->merge(['class' => 'product shadow-sm p-3 br-1']) }}>
    <div class="product-head">
        <div class="product-title">
            @if($simulation->bank_img ?? $product->bank_img)
            <img src="{{ asset($simulation->bank_img ?? $product->bank_img) }}" 
                class="me-3 img-fluid w-max-100px h-max-75px shadow rounded" style="height: 43px"/>
            @endif
            @if(! auth()->user()->is_external)
            <div class="product-info">
                <h6 class="title">{{ $product->name }}</h6>
                <span class="sub-text">{{ $product->bank['name'] }} &bull; {{ $product->type['name'] }}</span>
            </div>
            @endif
            @if(count($product->media))
            <x-ui.button 
                color="primary"
                class="btn-sm btn-dim ms-4 btn-icon"
                wire:click="$emit('showModal', 'modals.documents.document-viewer-modal', '{{ $product->media[0]['original_url'] ?? '' }}')"
                icon="file-text-fill"
                x-data="tooltip"
                data-bs-title="Voir la documentation"
            />
            @endif
        </div>
        <div>
            <div class="w-100px ms-4 mt-4">
                <x-ui.progress 
                    :label="round($simulation->score_percent).'%'" 
                    :percent="round($simulation->score_percent)" 
                    :animated="true" 
                    :color="$simulation->score_percent > 70? 'success' : ($simulation->score_percent > 50? 'warning' : 'danger')"
                    height="12"
                />
            </div>
        </div>
    </div>
    <hr/>
    <div class="product-details">
        {{-- <pre>
            @json($simulation->product_scores, JSON_PRETTY_PRINT)
        </pre> --}}

        <x-profile.profile-ud-list-alt :format-default-value="true" :$items :wider="false"/>
       
        <hr>

        <x-profile.profile-ud-list-alt :format-default-value="true" :items="[
            [
                'name' => __('Rate'),
                'value' =>  $simulation->rate.'%',
            ],
            [
                'name' => __('Project fees'),
                'value' =>  $simulation->project_fees_rate.'%',
                'hide' => $product->project_type_id == ProjectTypesId::SCPI()
            ],
            [
                'name' => __('Warranty fees'),
                'value' =>  $simulation->warranty_fees.'€',
                'hide' => $product->project_type_id == ProjectTypesId::SCPI()
            ],
            [
                'name' => __('Deposit fees'),
                'value' =>  $simulation->deposit_fees.'€',
                'hide' => $product->project_type_id == ProjectTypesId::SCPI()
            ],
            ]"
            :wider="false"
        />

        @if($simulation->product_scores['exclusions']?? false)
            <hr>
            <div class="profile-ud">
                <span class="profile-ud-label">{{ __('Exclusions') }}</span>
                <span class="profile-ud-value">
                    @foreach($simulation->product_scores['exclusions']['simu_value']?? [] as $exclusionId)
                    <div class="mb-0">
                        <x-ui.nicon name="cross-circle" class="text-danger me-1"/>
                        {{ $exclusionRules[$exclusionId]?? '' }}
                    </div>
                    @endforeach
                </span>
            </div>
        @endif
    </div>
</div>
@endif