{{-- Input for numbers and text values --}}

{{-- Required settings: --}}
{{-- none --}}

{{-- Optional settings: --}}
{{-- type (e.g. text, email, number, password, etc.); defaults to "text" --}}
{{-- id (required if label is specified) --}}
{{-- name --}}
{{-- label --}}
{{-- value (defaults to an empty string) --}}
{{-- defaultValue (used if value is NOT set) --}}
{{-- required --}}
{{-- customAttributes --}}

{{-- Other attributes: --}}

{{-- Styling: --}}
{{-- containerExtraClass --}}
{{-- formControlOverride (replacement for "form-control" class provided by Bootstrap) --}}
{{-- customClass (additional classes for unique styling) --}}

<div class="form-input-container input-control-container {{$containerExtraClass ?? ''}}">
    @if(!empty($label) && !empty($id))
        <label for="{{$id}}">{{$label}}</label>
    @endif
    <input
        class="
            {{empty($formControlOverride) ? 'form-control input-box' : $formControlOverride}}
            {{$customClass ?? ''}}
        "
        type="{{$type ?? 'text'}}"
        value="{{$value ?? ($defaultValue ?? '')}}"
        placeholder="{{$placeholder ?? ' '}}"
        @if(!empty($id)) id="{{$id}}" @endif
        @if(!empty($name)) name="{{$name}}" @endif
        @if($required ?? false) required @endif
        @if(!empty($customAttributes)) {!! $customAttributes !!} @endif
    >
</div>