{{-- tel input --}}
<div @include('admin.panel.inc.field_wrapper_attributes') >
    <label class="form-label fw-bolder">
        {!! $field['label'] !!}
        @if (isset($field['required']) && $field['required'])
            <span class="text-danger">*</span>
        @endif
    </label>
    @include('admin.panel.fields.inc.translatable_icon')
    
    @if (isset($field['prefix']) || isset($field['suffix'])) <div class="input-group"> @endif
    @if (isset($field['prefix'])) <span class="input-group-text">{!! $field['prefix'] !!}</span> @endif
    <input
        type="tel"
        name="{{ $field['name'] }}"
        value="{{ old($field['name'], $field['value'] ?? ($field['default'] ?? '')) }}"
        @include('admin.panel.inc.field_attributes')
    >
    @if (isset($field['suffix'])) <span class="input-group-text">{!! $field['suffix'] !!}</span> @endif
    @if (isset($field['prefix']) || isset($field['suffix'])) </div> @endif
    
    {{-- HINT --}}
    @if (isset($field['hint']))
        <div class="form-text">{!! $field['hint'] !!}</div>
    @endif
</div>


{{-- FIELD EXTRA CSS  --}}
{{-- push things in the after_styles section --}}

    {{-- @push('crud_fields_styles')
        <!-- no styles -->
    @endpush --}}


{{-- FIELD EXTRA JS --}}
{{-- push things in the after_scripts section --}}

    {{-- @push('crud_fields_scripts')
        <!-- no scripts -->
    @endpush --}}


{{-- Note: you can use @if ($xPanel->checkIfFieldIsFirstOfItsType($field, $fields)) to only load some CSS/JS once, even though there are multiple instances of it --}}
