@props([
    'id',
    'valuesList',
    'action',
    'method',
    'value' => null,
    'multiple' => false,
    'individualForm' => true,
    'required' => false,
])
@php
  $value = old($id) ?? $value;

  if ($value instanceof \Illuminate\Support\Collection) {
      $value = $value->toArray();
  }

  $value = is_array($value) ? $value : explode(';', $value);
@endphp

@if ($individualForm)
<button class="btn btn-link edit-value pl-0">
    <i>
        @if ($value == '')
            Empty
        @else
            @foreach ($value as $selectedValue)
                <a class="badge badge-primary">{{ $valuesList[$selectedValue] ?? '(unknown)' }}</a>
            @endforeach
        @endif
    </i>
</button>
<div class="d-none row text-input">
    <form class="input-group" method="{{ $method ?? 'POST' }}" action="{{ $action }}">
        @method($method ?? null)
        @csrf
        <input type="hidden" name="{{ $id }}"/>
        <select
            {{ $attributes->merge(['class' => 'custom-select']) }}
            id="{{ $id }}"
            name="{{ $multiple ? "{$id}[]" : $id }}"
            {{ $multiple ? 'multiple' : '' }}
            @if ($required)
            required
            @endif
        >
          @if (!$multiple)
          <option
              @if ($required)
              disabled
              @endif
              selected
          ></option>
          @endif
          @foreach ($valuesList as $optionValue => $optionLabel)
          <option
              value="{{ $optionValue }}"
              @if (in_array($optionValue, $value))
              selected
              @endif
          >{{ $optionLabel }}</option>
          @endforeach
        </select>
        <div class="input-group-append" id="button-addon4">
            <button class="btn btn-outline-success" type="submit">
                <i class="fa fa-check"></i>
            </button>
            <button class="btn btn-outline-danger cancel-edit-value" type="button">
                <i class="fa fa-times"></i>
            </button>
        </div>
    {{ $slot }}
    </form>
</div>
@else
<div class="row text-input">
  <input type="hidden" name="{{ $id }}"/>
  <select
      {{ $attributes->merge(['class' => 'custom-select']) }}
      id="{{ $id }}"
      name="{{ $multiple ? "{$id}[]" : $id }}"
      {{ $multiple ? 'multiple' : '' }}
      @if ($required)
      required
      @endif
  >
    @if (!$multiple)
    <option
        @if ($required)
        disabled
        @endif
        selected
    ></option>
    @endif
    @foreach ($valuesList as $optionValue => $optionLabel)
      <option
          value="{{ $optionValue }}"
          @if (in_array($optionValue, $value))
          selected
          @endif
      >{{ $optionLabel }}</option>
    @endforeach
  </select>
</div>
{{ $slot }}
@endif