@props([
    'proposals',
    'columns'   => [],
    'showIndex' => true,
    'searchId'  => 'searchField',
    'rowData'   => null,
    'rowClass'  => null,   // closure($proposal) => string of extra classes
    'rowTitle'  => null,   // closure($proposal) => string for title attr
    'headerClasses' => null
])

@php
    // Default data-* attributes used by the search filter, unless the caller overrides them.
    $rowData = $rowData ?? fn ($p) => [
        'title'     => mb_strtolower($p->title ?? ''),
        'applicant' => mb_strtolower($p->applicant?->fullname ?? ''),
    ];
@endphp

<div class="card-body">
    <div class="search-header row mb-4">
        <div class="form-field col-sm-12">
            <input type="search" id="{{ $searchId }}" class="form-control" placeholder="Search...">
        </div>

        <div class="list-box-header" id="proposalsCounter"></div>

        <div class="list-box col-sm-12">
            <div class="list-box--inner">
                <div class="list-box--inner---list columns-num--{{count($columns)+1}}">
                    <ul>
                        {{-- Header row --}}
                        <li class="{{$headerClasses}}">
                            @if ($showIndex)
                                <div class="index">#</div>
                            @endif

                            @foreach ($columns as $column)
                                <div class="{{ $column['class'] }}">{{ $column['label'] ?? '' }}</div>
                            @endforeach
                        </li>

                        {{-- Data rows --}}
                        @foreach ($proposals as $proposal)

                            <li class="proposal-list-item {{ $rowClass ? $rowClass($proposal) : '' }}"
                                @foreach ($rowData($proposal) as $key => $value)
                                    data-{{ $key }}="{{ $value }}"
                                @endforeach
                                @if($rowTitle) title="{{ $rowTitle($proposal) }}" @endif
                            >
                                @if ($showIndex)
                                    <div class="index">{{ $loop->iteration }}</div>
                                @endif

                                @foreach ($columns as $column)
                                    @isset($column['cell'])
                                        {{-- raw cell: closure controls the whole element (e.g. action links) --}}
                                        {!! $column['cell']($proposal) !!}
                                    @else
                                            @php
                                                $title = $column['title'] ?? '';
                                                if ($title instanceof Closure) {
                                                    $title = $title($proposal);
                                                }
                                            @endphp
                                            <div title="{{ $title }}" class="{{ $column['class'] }}"
                                                 @isset($column['style']) style="{{ $column['style'] }}" @endisset>
                                                {{ ($column['value'] ?? fn () => '')($proposal) }}
                                            </div>
                                    @endisset
                                @endforeach
                            </li>
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>