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

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

  if ($value) {
    $value = \Carbon\Carbon::parse($value)->format('Y-m-d\TH:i');
  }
@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
    <div class="md-form">
      <input
          placeholder="Selected date"
          type="datetime-local"
          id="{{ $id }}"
          {{ $attributes->merge(['class' => 'form-control datepicker']) }}
          name="{{ $id }}"
          value="{{ $value }}"
          @if ($required)
          required
          @endif
        >
    </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>
</div>
@else
<div class="row text-input">
  <div class="md-form">
    <input
        placeholder="Selected date"
        type="datetime-local"
        id="{{ $id }}"
        {{ $attributes->merge(['class' => 'form-control datepicker']) }}
        name="{{ $id }}"
        value="{{ $value }}"
        @if ($required)
        required
        @endif
      >
  </div>
</div>
{{ $slot }}
@endif