@php
/**
 * Taxonomy icon source — one dropdown that shows only the selected input:
 *   • Flag           → (cuisines only) the country flag: "Auto" (detect by name, sentinel
 *                       'flag') or a specific country ('flag:<iso>')
 *   • Font Awesome   → a glyph or brand mark from partials/icon-library.php (stored as the class,
 *                      e.g. "fa-cheese", or a brand key)
 *   • Image          → any image, chosen from the media library
 * Only the selected option's input is shown, so a glyph and an image are never both set.
 *
 * THERE IS NO BUILT-IN "DEFAULT ICONS" SOURCE. The shipped 3D and ingredient sets are image
 * files, not an icon font, so a source that presented them as icons was naming them wrongly and
 * duplicating the Image source that already reaches them. An image now comes from one place.
 * JS in taxonomy.php wires the switching, selection and scroll-to-selected.
 *
 * This stays a separate control from partials/pc-icon-field.php on purpose. That one picks a
 * glyph; this one picks between SOURCES and funnels them through a single hidden field so they can
 * never both be set. What the two share is the glyph list itself — the one place icons are added.
 *
 * @var string $id       base id — the media field id + name="icon"; "$id-pick" hidden; "$id-mode" select
 * @var array  $flags    cuisines only: country flags [['iso'=>..,'name'=>..], ...]
 * @var bool   $withFlag whether to offer the "Flag" option first (cuisines)
 */
$flags    = $flags ?? [];
$withFlag = !empty($withFlag);

$modes = [];
if ($withFlag) { $modes[] = ['key' => 'flag', 'label' => t_raw('admin.taxonomy.icon_mode_flag')]; }
$modes[] = ['key' => 'fa', 'label' => t_raw('admin.taxonomy.icon_mode_fa')];
$modes[] = ['key' => 'image', 'label' => t_raw('admin.taxonomy.icon_mode_image')];
$first = $modes[0]['key'];
@endphp
<select class="form-select qm-iconsrc-mode" id="{{ $id }}-mode" data-for="{{ $id }}" aria-label="{{ t_raw('admin.taxonomy.icon_source_aria') }}">
    @foreach ($modes as $m)
    <option value="{{ $m['key'] }}">{{ $m['label'] }}</option>
    @endforeach
</select>
<input type="hidden" name="icon_pick" id="{{ $id }}-pick" value="">

@if ($withFlag)
<div class="qm-iconsrc-panel" data-mode="flag" data-for="{{ $id }}"{{ $first === 'flag' ? '' : ' hidden' }}>
    <div class="qm-iconpick-search">
        <i class="fas fa-search" aria-hidden="true"></i>
        <input type="text" class="form-control" data-icon-q data-for="{{ $id }}" placeholder="{{ t_raw('admin.taxonomy.icon_search_countries_placeholder') }}" aria-label="{{ t_raw('admin.taxonomy.icon_search_countries_aria') }}">
    </div>
    <div class="qm-iconpick qm-iconpick-flag">
        <button type="button" class="qm-iconpick-opt qm-iconflag-auto" data-icon="flag" data-name="auto detect" title="{{ t_raw('admin.taxonomy.icon_auto_title') }}" aria-label="{{ t_raw('admin.taxonomy.icon_auto_title') }}"><i class="fas fa-flag" aria-hidden="true"></i><span>{{ t_raw('admin.taxonomy.icon_auto_label') }}</span></button>
        @foreach ($flags as $fl)
        <button type="button" class="qm-iconpick-opt" data-icon="flag:{{ $fl['iso'] }}" data-name="{{ strtolower($fl['name'] . ' ' . $fl['iso']) }}" title="{{ $fl['name'] }}" aria-label="{{ $fl['name'] }}"><img src="{{ asset('assets/admin/flags/' . $fl['iso'] . '.svg') }}" alt="" width="30" height="22" loading="lazy"></button>
        @endforeach
    </div>
</div>
@endif

@php /* The glyph source draws from partials/icon-library.php — the same <template> the dropdown on
         every other screen clones — so a glyph added there reaches this screen too, and this panel
         gained the search and the brand marks it never had. The "no icon" cell is dropped: blank
         here does not mean "no icon", it means one of the OTHER three sources is in use. */
@endphp
<div class="qm-iconsrc-panel" data-mode="fa" data-for="{{ $id }}"{{ $first === 'fa' ? '' : ' hidden' }}>
    <div class="qm-iconpick-search">
        <i class="fas fa-search" aria-hidden="true"></i>
        <input type="text" class="form-control" data-icon-q data-for="{{ $id }}" placeholder="{{ t_raw('admin.pc.icon_search') }}" aria-label="{{ t_raw('admin.pc.icon_search') }}" autocomplete="off">
    </div>
    <div class="qm-iconpick qm-iconpick-fa" data-pc-icon-grid data-pc-icon-none="0"></div>
</div>

@php /* The image source is the media library, like every other image field on the admin and vendor
         side — it was the last screen still browsing the desktop. The picker writes a path into its
         own hidden input; the script mirrors that into icon_pick so every source still arrives as
         ONE value and the row keeps pointing at a library file rather than owning an upload. */
@endphp
<div class="qm-iconsrc-panel" data-mode="image" data-for="{{ $id }}"{{ $first === 'image' ? '' : ' hidden' }}>
    {!! media_field_html($id . '-media', '', ['accept' => 'image', 'id' => $id, 'allowClear' => true]) !!}
</div>
{{-- The glyph list, shared with every other picker; it writes itself into the page once. --}}
@partial('icon-library')