@props([
    'id',
    'type' => 'text',
    'value' => null,
    'action',
    'method',
    'individualForm' => true,
    'required' => false,
    'autocomplete' => null,
])

@php
  $value = old($id) ?? $value;
@endphp

@if ($individualForm)
<button class="btn btn-link edit-value pl-0"><i>{{ $value == '' ? 'Empty' : $value }}</i></button>
<div class="d-none row text-input">
  <form
      class="input-group"
      method="POST"
      action="{{ $action }}"
  >
      @method($method ?? null)
      @csrf
      <input
          type="{{ $type }}"
          {{ $attributes->merge(['class' => 'form-control']) }}
          id="{{ $id }}"
          name="{{ $id }}"
          value="{{ $value }}"
          @if ($required)
          required
          @endif
          @if ($autocomplete)
          autocomplete="{{ $autocomplete }}"
          @endif
      />

      <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="{{ $type }}"
      {{ $attributes->merge(['class' => 'form-control']) }}
      id="{{ $id }}"
      name="{{ $id }}"
      value="{{ $value }}"
      @if ($required)
      required
      @endif
      @if ($autocomplete)
      autocomplete="{{ $autocomplete }}"
      @endif
  />
</div>
{{ $slot }}
@endif