@props([
    'id',
    'value' => null,
    'action',
    'method',
    'individualForm' => true,
    'textareaClass' => 'form-control',
    'required' => false,
])

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

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