@props(['name', 'label', 'required' => false, 'col' => 6, 'ts' => false, 'placeholder' => null, 'hint' => null, 'quickAdd' => null])
@php($id = $attributes->get('id', $name))
<div class="col-12 col-md-{{ $col }} field">
    <div class="d-flex justify-content-between align-items-baseline">
        <label for="{{ $id }}" class="form-label">{{ $label }}@if ($required)<span class="req" aria-hidden="true">*</span>@endif</label>
        @if ($quickAdd && \Illuminate\Support\Facades\Gate::allows($quickAdd === 'client' ? 'clients.create' : 'vendors.create'))
            <button type="button" class="btn btn-link btn-sm p-0 mb-1 text-decoration-none fw-semibold" data-quick-add="{{ $quickAdd }}" data-target="#{{ $id }}" data-no-lock aria-label="Add a new {{ $quickAdd }}">
                <i class="bi bi-plus-circle" aria-hidden="true"></i> New
            </button>
        @endif
    </div>
    <select id="{{ $id }}" name="{{ $name }}" data-label="{{ $label }}"
            class="form-select {{ $errors->has($name) ? 'is-invalid' : '' }}"
            @if ($required) required @endif
            @if ($ts) data-ts @endif
            @if ($placeholder) data-placeholder="{{ $placeholder }}" @endif
            {{ $attributes->except('id') }}>
        {{ $slot }}
    </select>
    @if ($hint)<div class="form-text">{{ $hint }}</div>@endif
    <div class="invalid-feedback {{ $errors->has($name) ? 'is-visible' : '' }}" id="{{ $id }}-error">{{ $errors->first($name) }}</div>
</div>