<div class="row align-items-{{ $align ?? 'center' }}">
    <label for="{{ $id ?? $name }}" class="col-xxl-{{ isset($labelAbove) ? 12 : 2 }}{{ isset($labelAboveOnMobile) ? ' col-12' : ' col-4' }} form-label{{ isset($required) ? ' required' : ''}}">@lang($label)</label>
    <div class="col-xxl-{{ isset($labelAbove) ? 12 : 10 }}{{ isset($labelAboveOnMobile) ? ' col-12' : ' col-8' }}">
        @if(!empty($slot))
        <div class="input-group">
        @endif
        <input type="file"
               id="{{ $id ?? $name }}"
               name="{{ $name }}"
               class="form-control @error($name) is-invalid @enderror"
               @isset($disabled) disabled @endisset
               @isset($readonly) readonly @endisset
            {{ isset($disabledIf) ? ($disabledIf ? ' disabled' : '') : '' }}
            {{ isset($readonlyIf) ? ($readonlyIf ? ' readonly' : '') : '' }}>
        @isset($text)
            <div class="form-text text-primary"><span class="fas fa-fw fa-info-circle"></span> {{ $text }}</div>
        @endisset
        {!! $slot !!}
        @if(!empty($slot))
        </div>
        @endif
    </div>
</div>
