{{--
    Customer search field.

    There are far too many customers to render as <option>s, so this queries as
    you type and puts the chosen id in a hidden input. Call
    initCustomerPicker('<id>') once the modal exists — the helper is defined in
    _styles.blade.php, which every discount page already includes.

    $id        prefix for the element ids, unique per modal
    $name      name of the hidden input that carries the customer id
    $label     field label
    $info      tooltip text
    $required  whether to show the red asterisk
    $warnIfSubscribed  message to show when the chosen customer already
                       subscribes; omit where that is not a problem
--}}
<div class="form-group">
    <label class="control-label">
        {{ $label }}@if($required ?? false)<span style="color: red">*</span>@endif
        @include('proedge.admin.discounts._info', ['text' => $info])
    </label>
    <input type="hidden" name="{{ $name }}" id="{{ $id }}_user_id">
    <input type="text" id="{{ $id }}_customer_search" class="form-control" autocomplete="off"
           data-subscribed-warning="{{ $warnIfSubscribed ?? '' }}"
           placeholder="Start typing a name, email or mobile&hellip;">
    <div id="{{ $id }}_customer_results" class="customer-results" style="display:none;"></div>
    <p class="help-block" id="{{ $id }}_customer_chosen" style="display:none;"></p>
    <p class="help-block" id="{{ $id }}_customer_warning"
       style="display:none;color:#8a6d3b;background:#fcf8e3;border:1px solid #faebcc;border-radius:3px;padding:6px 9px;"></p>
</div>