@php
    use Illuminate\Support\Facades\DB;
    $supplier = DB::table('tmstmsupplier')
        ->orderBy('XVSplCode', 'desc')
        ->get();
@endphp
<style>

</style>
<input type="hidden" class="form-control" id="oldValueSupplier" value="{{ $matsup ?? '' }}">
<div class="form-group row mt-2 mb-1 pb-0">
    <label class="col-md-4  col-xl-2 col-form-label">ผู้จัดจำหน่าย</label>
    <div class="col">
        <select class="form-control" id="SelectSupplier" @if (isset($isMultiple) && $isMultiple == true) multiple @endif
            @if (isset($isRequired) && $isRequired == true) required @endif @if (isset($isReadOnly) && $isReadOnly == true) readonly @endif
            name="XVSplCode">
            <option></option>
            @foreach ($supplier as $key => $item)
                <option data-raw="{{ json_encode($item) }}" @if (isset($matsup) && $matsup == $item->XVSplCode) selected @endif
                    value="{{ $item->XVSplCode }}">{{ $item->XVSplCode }}: {{ $item->XVSplName }}</option>
            @endforeach
        </select>
    </div>
</div>
<div class="form-group row mb-1 pb-0">
    <div class="col-12">
        <table class="table table-bordered" id="TableVendor">
            <thead>
                <tr>
                    <th scope="col" width="25%">รหัส</th>
                    <th scope="col" colspan="3">ชื่อหน่วย</th>
                </tr>
            </thead>
            <tbody id="TableSup">
                @foreach ($matsup ?? [] as $item)
                    <tr id="{{ $item->XVSplCode }}" class="supItems">
                        <th scope="row">{{ $item->XVSplCode }}</th>
                        <th scope="row">{{ $item->XVSplName }}</th>
                        <td style="10%;text-align:center;"><button type="button" class="btn-sm btn-warning"
                                onclick="godetail('{{ $item->XVSplCode }}')"><i class="fas fa-eye"></i></button></td>
                        <td class="text-center">
                            <button type="button" class="btn btn-danger btn-circle btn-sm"
                                onclick="removeRow('{{ $item->XVSplCode }}')">X</button>
                        </td>
                        <input type="hidden" name="xvsupcode[]" value="{{ $item->XVSplCode }}">
                    </tr>
                @endforeach
            </tbody>
        </table>

    </div>

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



        $(document).ready(function() {
            var s2 = $('#SelectSupplier').select2({
                placeholder: "กรุณาเลือกผู้จัดจำหน่าย",
                theme: 'bootstrap4',
            });
            //     if (document.getElementById("TableVendor").rows.length>1)
            // {
            //     $('#SelectSupplier').select2("enable",false);
            // }
        })

    })

    function godetail(id) {
        window.open(`{{ URL::to('view_detail_supplier/${id}') }}`, '_blank')
    }
</script>