@props([
    'id',
    'value' => null,
    'action',
    'method',
    'individualForm' => true,
])

@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="hidden"
          {{ $attributes->merge(['class' => 'form-control']) }}
          id="{{ $id }}"
          name="{{ $id }}"
          value="{{ $value }}"
      />

      <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>
  </form>
</div>
@else
<div class="row text-input">
  <input
      type="hidden"
      {{ $attributes->merge(['class' => 'form-control']) }}
      id="{{ $id }}"
      name="{{ $id }}"
      value="{{ $value }}"
  />
</div>
@endif