athenahr/resources/views/vendor/adminlte/components/form/input-group-component.blade.php

66 lines
1.5 KiB
PHP
Raw Normal View History

{{-- Setup the input group component structure --}}
<div class="{{ $makeFormGroupClass() }}">
{{-- Input label --}}
@isset($label)
<label for="{{ $id }}" @isset($labelClass) class="{{ $labelClass }}" @endisset>
{{ $label }}
</label>
@endisset
{{-- Input group --}}
<div class="{{ $makeInputGroupClass() }}">
{{-- Input prepend slot --}}
@isset($prependSlot)
<div class="input-group-prepend">{{ $prependSlot }}</div>
@endisset
{{-- Input group item --}}
@yield('input_group_item')
{{-- Input append slot --}}
@isset($appendSlot)
<div class="input-group-append">{{ $appendSlot }}</div>
@endisset
</div>
{{-- Error feedback --}}
@if($isInvalid())
<span class="invalid-feedback d-block" role="alert">
<strong>{{ $errors->first($errorKey) }}</strong>
</span>
@endif
{{-- Bottom slot --}}
@isset($bottomSlot)
{{ $bottomSlot }}
@endisset
</div>
{{-- Extra style customization for invalid input groups --}}
@once
@push('css')
<style type="text/css">
{{-- Highlight invalid input groups with a box-shadow --}}
.adminlte-invalid-igroup {
box-shadow: 0 .25rem 0.5rem rgba(0,0,0,.1);
}
{{-- Setup a red border on elements inside prepend/append add-ons --}}
.adminlte-invalid-igroup > .input-group-prepend > *,
.adminlte-invalid-igroup > .input-group-append > * {
border-color: #dc3545 !important;
}
</style>
@endpush
@endonce