@props(['name', 'type', 'value', 'placeholder'])

<div class="form-group row mt-2">
  <label for="{{ $name }}" class="control-label col-form-label col-sm-4">{{ $slot }}</label>
  <div class="col-sm-8">
    <input
        id="{{ $name }}" name="{{ $name }}"
        type="{{ $type ?? 'text' }}"
        value="{{ $value ?? '' }}"
        placeholder="{{ $placeholder ?? '' }}"
        class="
          form-control
          @error($name)
            is-invalid
          @enderror
        "
        @if ($type ?? null === 'password')
        autocomplete="new-password"
        @endif
    >
    @error($name)
      <div class="invalid-feedback">{{ $message }}</div>
    @enderror
  </div>

</div>