{{--  --}}
@php
use Illuminate\Support\Facades\DB;
$DataSource = DB::table('tmstmmaterial');
if (isset($WhereType) && isset($WhereType2) && isset($ValueWhere) && isset($ValueWhere2) && isset($operator)) {
    $DataSource->where($WhereType, $operator, $ValueWhere);
    $DataSource->orWhere($WhereType2, $operator, $ValueWhere2);
}

$DataSource = $DataSource->get()->toArray();

if (isset($WithOption) && $WithOption == true) {
    foreach ($DataSource as $item) {
        $item->unit = DB::table('tmstmmat_unit')
            ->where('xvmatcode', '=', $item->xvmatcode)
            ->join('tmstmunit', 'tmstmmat_unit.xvuntcode', 'tmstmunit.xvuntcode')
            ->get()
            ->toArray();
    }
}
$pk = 'xvmatcode';
$display = 'xvmatname';

@endphp
<style>
    .select2-results__option[aria-selected=true] {
        display: none;
    }

    .select2-results__option--selected {
        display: none;
    }

    .select2-selection__choice {
        display: none;
    }
</style>
<select class="form-control" id="{{ $ID }}"style="width:100%;" name="{{ $ID }}"
    @if (isset($isMultiple) && $isMultiple == true) multiple @endif @if (isset($isRequired) && $isRequired == true) required @endif>
    <option></option>
    @foreach ($DataSource as $key => $item)
        <option @if (isset($oldValue) && $oldValue == $item->$pk) selected @endif
            @if (isset($WithOption) && $WithOption == true) data-UnitType="{{ json_encode($item->unit) }}" @endif
            data-img="{{ $item->xvmatpic }}" value="{{ $item->$pk }}">{{ $item->$pk }} : {{ $item->$display }}
        </option>
    @endforeach
</select>


<script>
    $(document).ready(function() {

        var s2 = $('#{{ $ID }}').select2({
            placeholder: "กรุณาเลือกวัสดุ",
            theme: 'bootstrap4',
        });
        // $('#{{ $ID }}').on('select2:select', function(e) {
        //     var {
        //         id,
        //         text
        //     } = e.params.data;

        //     let unitType =
        //         JSON.parse(e.params.data?.element?.attributes[0]?.nodeValue) ?? [];
        //     let img = e.params.data?.element?.attributes[1]?.nodeValue ?? null;
        //     var value = $("[name='xvmatcode2[]']");
        //     console.log(value);
        //     var Badd = true;
        //     for (let i = 0; i < value.length; i++) {

        //         if (value[i].value == id) {
        //             Badd = false
        //         }
        //     }
        //     if (Badd) {
        //         createRowTableCloth(id, text, unitType, img);
        //     }

        // });
    })
</script>