@php
    $pickerClass = $pickerClass ?? '';
    $inputClass = $inputClass ?? '';
    $listKey = $listKey ?? 'liability';
    $placeholder = $placeholder ?? 'Select account...';
    $isRequired = !empty($required);
    $allowAddNew = !empty($allowAddNew);
@endphp
<div class="voucher-account-picker sc-account-picker {{ $pickerClass }}"
     data-sc-account-picker
     data-list-key="{{ $listKey }}"
     data-placeholder="{{ $placeholder }}">
    <input type="hidden"
           name="{{ $name }}"
           value="{{ $value ?? '' }}"
           class="sc-account-input {{ $inputClass }}"
           @if($isRequired) required @endif>
    <button type="button" class="form-select voucher-account-picker-toggle sc-account-picker-toggle text-start" aria-expanded="false">
        <span class="voucher-account-picker-label sc-account-picker-label">{{ $placeholder }}</span>
    </button>
    <div class="voucher-account-picker-menu d-none">
        <div class="voucher-account-picker-search">
            <i class="bi bi-search"></i>
            <input type="search"
                   class="form-control form-control-sm voucher-account-picker-search-input sc-account-picker-search"
                   placeholder="Search accounts..."
                   autocomplete="off">
        </div>
        <div class="voucher-account-picker-columns">
            <span></span>
            <span>Code</span>
            <span>Name</span>
            <span>Type</span>
        </div>
        <div class="voucher-account-picker-tree"></div>
        <div class="voucher-account-picker-empty d-none">No matching accounts</div>
        <div class="voucher-account-picker-actions">
            @if($allowAddNew)
            <button type="button" class="btn btn-link btn-sm p-0 sc-account-picker-add">Add New</button>
            @endif
            <button type="button" class="btn btn-link btn-sm p-0 voucher-account-picker-clear ms-auto">Clear</button>
        </div>
    </div>
</div>