@props([
    'field' => null,
    'profileEnum' => null,
])

@php
    $fieldEnum = ProductFields::tryFrom($field['name']);
@endphp

<div class="d-flex justify-content-between">
    <h6 class="mb-2">Paramétrer le taux d'endettement</h6>
    <x-ui.button click="addBound('{{ $fieldEnum }}')" :label="__('Add bound')" icon="plus-sm" color="lighter" class="btn-sm"/>
</div>
@foreach(($field['data']['bounds'] ?? []) as  $i => $bound)
<div class="form-group form-xs d-flex gx-1 mb-1">
    <x-ui.select model="fields.{{ $profileEnum }}.{{ $fieldEnum }}.data.bounds.{{ $i }}.var" :options="$fieldEnum->bounds() ?? []" form-group-class="w-150px" placeholder="Champs"/>
    <x-ui.select wire:model.debounce.400ms="fields.{{ $profileEnum }}.{{ $fieldEnum }}.data.bounds.{{ $i }}.oplb" :options="['gte' => '>=', 'gt' => '>']" placeholder="Op."/>
    <x-ui.input wire:model.debounce.400ms="fields.{{ $profileEnum }}.{{ $fieldEnum }}.data.bounds.{{ $i }}.lb" mask="integer" class="w-120px"/>
    <x-ui.select wire:model.debounce.400ms="fields.{{ $profileEnum }}.{{ $fieldEnum }}.data.bounds.{{ $i }}.opub" :options="['lt' => '<', 'lte' => '<=']" placeholder="Op."/>
    <x-ui.input wire:model.debounce.400ms="fields.{{ $profileEnum }}.{{ $fieldEnum }}.data.bounds.{{ $i }}.ub" mask="integer" class="w-100px" />
    <x-ui.button icon="minus-sm" click="removeBound('{{ $fieldEnum }}', {{ $i }})" color="lighter" class="btn-xs"/>
</div>
@endforeach
<hr/>
<div class="row">
    <div class="col-sm-12">
        <table class="table table-bordered mb-2">  
            <thead>    
                <tr>
                    <th scope="col">Seul</th>
                    @forelse(($field['data']['bounds'] ?? []) as $bound)
                        @continue(! isset($bound['var']))

                        @php $boundEnum = FieldBounds::from($bound['var']) @endphp
                        <th scope="col" class="fs-10px">
                            {{ $boundEnum->label() }}
                            @if($bound['lb'])
                            {{ $bound['oplb'] === 'gt' ? 'Supérieur à' : 'Supérieur ou égal à' }} {{ $bound['lb'] }}
                            @endif
                            @if($bound['ub'])
                            {{ $bound['opub'] === 'lt' ? 'Inférieur à' : 'Inférieur ou égal à' }} {{ $bound['ub'] }}
                            @endif
                        </th>
                    @empty
                    <th scope="col">RAV Minimum</th>
                    @endforelse
                </tr>
            </thead>  
            <tbody>
                <tr>
                    <th scope="row" style="vertical-align: middle; white-space:nowrap">1 personne</th>
                    @forelse(($field['data']['bounds'] ?? []) as $b => $bound)
                    <td><x-ui.input model="fields.{{ $profileEnum }}.{{ $fieldEnum }}.data.bounds.{{ $b }}.val.1.0" prepend="€" mask="integer"/></td>
                    @empty
                    <td><x-ui.input model="fields.{{ $profileEnum }}.{{ $fieldEnum }}.data.static.1.0" prepend="€" mask="integer"/></td>
                    @endforelse
                </tr>
                
                @foreach(range(1, 10) as $i)
                <tr>
                    <th scope="row" style="vertical-align: middle; white-space:nowrap">+{{ $i }} enfant{{ $i>1? 's':'' }}</th>
                    @forelse(($field['data']['bounds'] ?? []) as $b => $bound)
                    <td><x-ui.input model="fields.{{ $profileEnum }}.{{ $fieldEnum }}.data.bounds.{{ $b }}.val.1.{{ $i }}" prepend="€" mask="integer"/></td>
                    @empty
                    <td><x-ui.input model="fields.{{ $profileEnum }}.{{ $fieldEnum }}.data.static.1.{{ $i }}" prepend="€" mask="integer"/></td>
                    @endforelse
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    <hr/>
    <div class="col-sm-12">
        <table class="table table-bordered mb-2">  
            <thead>    
                <tr>
                    <th scope="col">Couple</th>
                    @forelse(($field['data']['bounds'] ?? []) as $bound)
                        @continue(! isset($bound['var']))

                        @php $boundEnum = FieldBounds::from($bound['var']) @endphp
                        <th scope="col" class="fs-10px">
                            {{ $boundEnum->label() }}
                            @if($bound['lb'])
                            {{ $bound['oplb'] === 'gt' ? 'Supérieur à' : 'Supérieur ou égal à' }} {{ $bound['lb'] }}%
                            @endif
                            @if($bound['ub'])
                            {{ $bound['opub'] === 'lt' ? 'Inférieur à' : 'Inférieur ou égal à' }} {{ $bound['ub'] }}%
                            @endif
                        </th>
                    @empty
                    <th scope="col">RAV Minimum</th>
                    @endforelse
                </tr>
            </thead>  
            <tbody>
                <tr>
                    <th scope="row" style="vertical-align: middle; white-space:nowrap">1 couple</th>
                    @forelse(($field['data']['bounds'] ?? []) as $b => $bound)
                    <td><x-ui.input model="fields.{{ $profileEnum }}.{{ $fieldEnum }}.data.bounds.{{ $b }}.val.2.0" prepend="€" mask="integer"/></td>
                    @empty
                    <td><x-ui.input model="fields.{{ $profileEnum }}.{{ $fieldEnum }}.data.static.2.0" prepend="€" mask="integer"/></td>
                    @endforelse
                </tr>
                @foreach(range(1, 10) as $i)
                <tr>
                    <th scope="row" style="vertical-align: middle; white-space:nowrap">+{{ $i }} enfant{{ $i>1? 's':'' }}</th>
                    @forelse(($field['data']['bounds'] ?? []) as $b => $bound)
                    <td><x-ui.input model="fields.{{ $profileEnum }}.{{ $fieldEnum }}.data.bounds.{{ $b }}.val.2.{{ $i }}" prepend="€" mask="integer"/></td>
                    @empty
                    <td><x-ui.input model="fields.{{ $profileEnum }}.{{ $fieldEnum }}.data.static.2.{{ $i }}" prepend="€" mask="integer"/></td>
                    @endforelse
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</div>