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

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

@if ($value)
<img class="image-upload-preview" src="{{ url($value) }}" alt="Empty">
@endif
@if ($individualForm)
<form
  class="input-group text-input d-none"
  method="POST"
  action="{{ $action }}"
  enctype="multipart/form-data"
>
  @method($method ?? null)
  @csrf
  <div class="custom-file">
    <input
        type="file"
        class="form-control"
        id="{{ $id }}"
        name="{{ $id }}"
        value="{{ $value }}"
        @if ($required)
        required
        @endif
    >
    <label class="custom-file-label" for="{{ $id }}" >{{ $value ? $value : 'Choose file' }}</label>
  </div>
  <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>
@else
<div class="custom-file">
  <input
      type="file"
      class="form-control"
      id="{{ $id }}"
      name="{{ $id }}"
      value="{{ $value }}"
      @if ($required)
      required
      @endif
    >
  <label class="custom-file-label" for="{{ $id }}" >{{ $value ? $value : 'Choose file' }}</label>
</div>
{{ $slot }}
@endif