@props([
    'exclusionRules' => [],
    'modelPrefix' => 'exclusionRules.',
])

<div class="d-flex justify-content-between">
    <h6 class="mb-4">Incidents bancaires</h6>
</div>
<div class="row">
    <div class="col-xl-6">
        <div class="gy-1">
            @foreach($exclusionRules->where('group', '<', 3)->groupBy('group') as $group)
                <div class="fw-bolder">{{ $group->first()?->group_title }}</div>
                @foreach($group as $rule)
                    <x-exclusion-rule.switch-with-meta :$rule :modelPrefix="$modelPrefix.$rule->id" valuePrefix="value"/>
                @endforeach
                @if(! $loop->last) <hr/> @endif
            @endforeach
        </div>
    </div>
    <div class="col-xl-6">
        <div class="gy-1">
            @foreach($exclusionRules->where('group', '>=', 3)->groupBy('group') as $group)
                <div class="fw-bolder">{{ $group->first()?->group_title }}</div>
                @foreach($group as $rule)
                    <x-exclusion-rule.switch-with-meta :$rule :modelPrefix="$modelPrefix.$rule->id" valuePrefix="value"/>
                @endforeach
                @if(! $loop->last) <hr/> @endif
            @endforeach
        </div>
    </div>
</div>