@props([
    'name',
    'name_code' => null,
    'type' => 'text',
    'value' => null,
    'value_code' => null,
    'label' => '',
    'class' => '',
    'is_readonly' => false,
    'star' => false,
    'list' => false,
    'placeholder' => null,
    'model' => null,
    'id' => null,
])
@php
    $dotted_name = dotted_string($name);
    $invalidClass = $errors->has($dotted_name) ? 'is-invalid' : '';
    $splitAttributes = implode(' ', explode(' ', $attributes));
    $class = "{$invalidClass} form-control input-country-select-cust {$class}";
    $defaultPlaceHolder = __('Enter') . ' ' . $label;
    $placeholder = $placeholder ?? ($is_readonly === true ? '' : $defaultPlaceHolder);
    $splitAttributes .= $is_readonly === false ? '' : 'readonly';
    $value = $value ?? (isset($model) ? old($name, $model->{$name}) : old($name));
    $name_code ??= $name . '_code';
    $value_code ??= $model?->{$name_code};
    $id = $id ?? $name;
@endphp

<div class="form-data phone-number-input">
    <label class="col-sm-12 col-form-label text-start {{ $errors->has($dotted_name) ? 'text-danger' : '' }}">
        {{ $label }}
        @if ($star)
            <i class="fa fa-asterisk fa-xxs errorMessage" aria-hidden="true"></i>
        @endif
    </label>

    <div class="col-sm-12">
        <div class="form-group phone-number" dir="ltr">
            <input type="{{ $type }}" id="{{ $id }}" name="{{ $name }}"
                   class="{{ $class }}"
                   placeholder="{{ $placeholder }}" {!! $splitAttributes !!} value="{{ $value }}"/>

            <input type="text" id="country-input" class="form-control country-input-all" name="{{ $name_code }}"
                   value="{{ $value_code }}"/>
        </div>
        @error($dotted_name)
        <div class="invalid-feedback">{{ $message }}</div>
        @enderror
        <span class="errorMessage error_{{ $dotted_name }}"></span>
    </div>
</div>