@if (isset($work_id) && $work_id != null)
<input type="hidden" name="work_id" value="{{ $work_id}}">
@endif

<div class="form-group">
    <label for="workers">{!! __('Összes munkás') !!}</label>
    <select id="workers" class="form-select" size="4" aria-label="select">
        @foreach ($workers as $key => $value)
            @if (!isset($vehicle_workers[$key]))
            <option value="{{$key}}">{{$value['name']}}</option>
            @endif
        @endforeach
    </select>
    <div class="d-flex justify-content-end mt-2">
        <button type="button" id="add" name="add" class="btn btn-warning" onclick="select_move('#workers', '#vehicle_workers')">{!! __('Hozzáad') !!}</button>
    </div>
</div>

<div class="form-group">
    <label for="vehicle_workers">{!! __('Csapatban') !!}</label>
    <select id="vehicle_workers" name="vehicle_workers[]" class="form-select" size="4" aria-label="select">
        @foreach ($vehicle_workers as $vehicle_worker)
            <option value="{{$vehicle_worker['id']}}">{{$vehicle_worker['name']}}</option>
        @endforeach
    </select>
    <div class="d-flex justify-content-end mt-2">
        <button type="button" id="add" name="add" class="btn btn-danger float-right" onclick="select_move('#vehicle_workers', '#workers')">{!! __('Törlés') !!}</button>
    </div>
</div>

{{-- <script>
    $(document).ready(function() {
        window.select_move = function(select1, select2) {
            var remove = $(select1);
            var add = $(select2);

            if(remove.val() != '' && remove.val() != null) {
                add.append('<option value="'+remove.find(':selected').val()+'"> '+remove.find(':selected').text()+' </option>');
                remove.find('[value="'+remove.val()+'"]').remove();
            }
        }

        window.select_filter = function(select1, select2) {
            var select = $(select1);
            var find = $(select2).val();

            select.find('option').each(function() {
                if($(this).data('filter').indexOf(find) >= 0)
                    $(this).removeClass('d-none');
                else
                    $(this).addClass('d-none');
            });
        }
    });
</script> --}}