@php
$countCountry = isset($countries) && is_array($countries) ? count($countries) : 0;
$mobileICC = $mobileICC ?? '';
$mobile = $mobile ?? '';
$mobileRegexDefault = config('constant.mobile.pattern');
$zipCodeRegexDefault = config('constant.zip_code.pattern');
@endphp
<div class="form-group">
    <label for="mobile">{{trans('admin::user.mobile.label')}}:</label>
    @if($countCountry > 0)
    <div class="row">
        <div class="col-3 pr-0 select2-lg">
            <select name="mobile_icc" class="form-control form-control-lg select2" style="width:100%">
                <option value=" ">---</option>
                @foreach($countries as $elem)
                    @php
                        $selected = null;
                        if($mobileICC == $elem->international_calling_code) {
                            $selected = 'selected';
                            $mobileRegex = $elem->regexp ?? '';
                            $GLOBALS['zipCodeRegex'] = $zipCodeRegex = $elem->zip_code_regexp ?? '';
                            $GLOBALS['countryCode'] = $countryCode = $elem->code ?? '';
                        }
                    @endphp
                    <option value="{{$elem->international_calling_code}}" 
                        data-elem='{{json_encode($elem, true)}}' 
                        data-mobile-regex-default="{{$mobileRegexDefault}}" 
                        data-zipcode-regex-default="{{$zipCodeRegexDefault}}"
                        {{$selected}}>+{{$elem->international_calling_code}}</option>
                @endforeach
            </select>
        </div>
        <div class="col-9">
    @endif							
            <input class="form-control form-control-lg" id="mobile" name="mobile" type="text" placeholder="{{trans('admin::user.mobile.placeholder')}}"
                value="{{old('mobile', $mobile ?? '')}}"
                autocomplete="off"
                pattern="{{$mobileRegex ?? $mobileRegexDefault}}"
                data-fv-regexp-message="{{trans('admin::user.mobile.invalid')}}"
                @if($countCountry > 0 && empty($mobile))
                    readonly
                @endif
            >
            <input type="hidden" name="mobile_regexp" value="{{$mobileRegex ?? $mobileRegexDefault}}">
    @if($countCountry > 0)
        </div>
    </div>
    @endif
</div>