@php
    $change = auth()->user()->getRoleNameAttribute() == 'client';

    $isUoChangeable = auth()->user()->hasRole('superadmin') || auth()->user()->hasRole('employee');

@endphp

<div class="card card-outline card-primary">
    <div class="card-header" id="uo1-accordion">
        <a data-toggle="collapse" data-parent="#uo1-accordion" href="#maninfo">@lang('global.Management Information')
            <i class="fa fa-caret-up float-right" aria-hidden="true"></i>
        </a>
    </div>
    <div class="collapse show" id="maninfo">
        <div class="card-body">
            <x-row>

                @if ($isUoChangeable)
                    <x-input-group.select-prepend icon="building" col="3" id="uo_id" for="uo_id"
                        name="uo_id" label="global.Uo Attach" error="uo_id" required>
                        <option value="" selected disabled>@lang('global.Choose')</option>
                        @foreach (\App\Models\Uo::all() as $uo)
                            <option
                                {{ old('uo_id', $annuaire->uo_id ?? auth()->user()->uo_id) == $uo->id ? 'selected' : '' }}
                                value="{{ $uo->id }}" data-num_compte="{{ $uo->num_compte }}">
                                {{ $uo->raison_sociale }}</option>
                        @endforeach
                    </x-input-group.select-prepend>
                @else
                    <x-input-group.select-prepend icon="building" col="3" id="uo_id" for="uo_id"
                        name="uo_id" label="global.Uo Attach" error="uo_id" required disabled>
                        <option value="" selected disabled>@lang('global.Choose')</option>
                        @foreach (\App\Models\Uo::all() as $uo)
                            <option
                                {{ old('uo_id', $annuaire->uo_id ?? auth()->user()->uo_id) == $uo->id ? 'selected' : '' }}
                                value="{{ $uo->id }}" data-num_compte="{{ $uo->num_compte }}">
                                {{ $uo->raison_sociale }}</option>
                        @endforeach
                        {!! '<input type="hidden" name="uo_id" value="' . ($annuaire->uo_id ?? auth()->user()->uo_id) . '" />' !!}
                    </x-input-group.select-prepend>
                @endif

                <div class="col-xs-12 col-sm-3 col-md-3">
                    <div class="form-group">
                        <label for="category_id">{!! showAsterix('category_id') !!} @lang('global.Categorie')</label>
                        <select name="category_id" {{ $change ? 'disabled' : '' }} id="category_id"
                            class="form-control init-select2 @error('category_id') is-invalid @enderror">
                            <option value="" selected disabled>@lang('global.Choose')</option>
                            @foreach ($categories as $intitule)
                                <option
                                    {{ old('category_id', $annuaire->category_id) == $intitule->id ? 'selected' : '' }}
                                    value="{{ $intitule->id }}" data-valeur="{{ $intitule->valeur }}">
                                    {{ $intitule->libelle }}</option>
                            @endforeach
                        </select>
                        @error('category_id')
                            <span class="invalid-feedback">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>

                    @if ($change)
                        <input type="hidden" name="category_id" value="{{ $annuaire->category_id }}">
                    @endif

                </div>

                <div class="col-xs-12 col-sm-3 col-md-3">
                    <div class="form-group">
                        <label for="type_id">{!! showAsterix('type_id') !!} @lang('global.Type')</label>
                        <select name="type_id" {{ $change ? 'disabled' : '' }} id="type_id"
                            class="form-contro init-select2 @error('type_id') is-invalid @enderror">
                            <option value="">@lang('global.Choose')</option>
                            @foreach ($anutypes as $intitule)
                                <option data-constante="{{ $intitule->constante }}"
                                    data-libelle="{{ $intitule->libelle }}"
                                    {{ old('type_id', $annuaire->type_id) == $intitule->id ? 'selected' : '' }}
                                    value="{{ $intitule->id }}">{{ $intitule->libelle }}</option>
                            @endforeach
                        </select>
                        @error('type_id')
                            <span class="invalid-feedback">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>
                    @if ($change)
                        <input type="hidden" name="type_id" value="{{ $annuaire->type_id }}">
                    @endif
                </div>

                @if ($isUoChangeable)
                    <x-input-group.select col="3" name="expertise" id="expertise" for="expertise"
                        label="global.Expertise" error="expertise">
                        <option value="" selected disabled>@lang('global.Choose')</option>
                        @foreach (get_intitules_by_group([['slug', '=', 'expertises']]) as $intitule)
                            <option {{ old('expertise', $annuaire->expertise) == $intitule->id ? 'selected' : '' }}
                                value="{{ $intitule->id }}" data-valeur="{{ $intitule->valeur }}">
                                {{ $intitule->libelle }}</option>
                        @endforeach
                        <x-slot name="prepend">
                            <span class="input-group-text"><i class="fab fa-creative-commons-share"></i></span>
                        </x-slot>
                    </x-input-group.select>
                @else
                    <input type="hidden" name="expertise" value="{{ $annuaire->expertise }}">
                @endif
            </x-row>
        </div>
    </div>
</div>

<div class="card card-outline card-primary">
    <div class="card-header" id="uo2-accordion">
        <a data-toggle="collapse" data-parent="#uo2-accordion" href="#entinfo">@lang('global.Entity Information')
            <i class="fa fa-caret-up float-right" aria-hidden="true"></i>
        </a>
    </div>

    <div class="collapse show" id="entinfo">
        <div class="card-body">
            <x-row>

                <x-input-group.input col="4" for="num_compte" id="num_compte" label="global.Account No"
                    error="num_compte" :value="old('num_compte', $annuaire->num_compte)" class="form-control text-uppercase" readonly required>
                    <x-slot name="prepend">
                        <span class="input-group-text"><i class=""></i>##</span>
                    </x-slot>
                </x-input-group.input>

                <x-input-group.select col="4" id="activite_id" for="activite_id" label="global.Activity"
                    error="activite_id">
                    <option value="" selected disabled>@lang('global.Choose')</option>
                    @foreach (get_intitules_by_group([['slug', '=', 'activites']]) as $intitule)
                        <option {{ old('activite_id', $annuaire->activite_id) == $intitule->id ? 'selected' : '' }}
                            value="{{ $intitule->id }}" data-valeur="{{ $intitule->valeur }}">
                            {{ $intitule->libelle }}</option>
                    @endforeach
                    <x-slot name="prepend">
                        <span class="input-group-text"><i class="fab fa-creative-commons-share"></i></span>
                    </x-slot>
                </x-input-group.select>

                {{-- <x-input-group.select  :opt="($change ? 'disabled' : '')" col="4" id="commercial_id" for="commercial_id" label="global.Manager" error="commercial_id">
                    <option value="" selected disabled>@lang('global.Choose')</option>
                    @foreach ($gestionnaires as $commercial)
                        <option {{ old('commercial_id', $annuaire->commercial_id) == $commercial->id ? 'selected' : '' }} value="{{ $commercial->id }}">{{ $commercial->name . ' ' . $commercial->last_name }}</option>
                    @endforeach
                    <x-slot name="prepend">
                        <span class="input-group-text">
                            <i class="fa fa-user" aria-hidden="true"></i>
                        </span>
                    </x-slot>
                </x-input-group.select> --}}
                <div class="col-xs-12 col-sm-4 col-md-4">
                    <div class="form-group">
                        <label for="commercial_id">@lang('global.Manager')</label>
                        <select name="commercial_id" {{ $change ? 'disabled' : '' }} id="commercial_id"
                            class="form-contro init-select2 @error('commercial_id') is-invalid @enderror">
                            <option value="">@lang('global.Choose')</option>
                            @foreach ($gestionnaires as $commercial)
                                <option
                                    {{ old('commercial_id', $annuaire->commercial_id) == $commercial->id ? 'selected' : '' }}
                                    value="{{ $commercial->id }}">
                                    {{ $commercial->name . ' ' . $commercial->last_name }}</option>
                            @endforeach
                        </select>
                        @error('commercial_id')
                            <span class="invalid-feedback">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>
                </div>
                @if ($change)
                    <input type="hidden" name="commercial_id" value="{{ $annuaire->commercial_id }}">
                @endif
            </x-row>
            <x-row>

                <x-input-group.select col="4" id="formejuridique_id" for="formejuridique_id"
                    label="global.Forme Juridique" error="formejuridique_id" required>
                    <option value="" selected disabled>@lang('global.Choose')</option>
                    @foreach (get_intitules_by_group([['slug', '=', 'formes-juridiques']]) as $intitule)
                        <option
                            {{ old('formejuridique_id', $annuaire->formejuridique_id) == $intitule->id ? 'selected' : '' }}
                            value="{{ $intitule->id }}" data-valeur="{{ $intitule->valeur }}">
                            {{ $intitule->libelle }}</option>
                    @endforeach
                    <x-slot name="prepend">
                        <span class="input-group-text"><i class="fab fa-steam-symbol"></i></span>
                    </x-slot>
                </x-input-group.select>

                <x-form-group.input col="4" for="raison_sociale" label="global.RSociale" :value="old('raison_sociale', $annuaire->raison_sociale)"
                    error="raison_sociale" class="form-control text-uppercase" required>
                    <x-slot name="append">
                        <span class="input-group-text check_annuaire_raison_sociale"
                            onclick="openInNewTab(this, 'https://monentreprise.bj/page/annonces')"><i
                                class="fa fa-search text-primary"></i></span>
                    </x-slot>
                </x-form-group.input>
                <x-input-group.input-prepend col="4" for="denomination" label="global.Denomination"
                    :value="old('denomination', $annuaire->denomination)" class="form-control text-uppercase" icon="building" />

            </x-row>

        </div>
    </div>
</div>

<div class="card card-outline card-primary">
    <div class="card-header" id="uo3-accordion">
        <a data-toggle="collapse" data-parent="#uo3-accordion" href="#locinfo">@lang('global.Location Information')
            <i class="fa fa-caret-up float-right" aria-hidden="true"></i>
        </a>
    </div>
    <div class="collapse show" id="locinfo">
        <div class="card-body">
            <div class="row">
                <div class="col-xs-12 col-sm-4 col-md-4">
                    <div class="form-group">
                        <label for="country_id">{!! showasterix('country_id') !!}@lang('global.Country')</label>
                        @php
                            $defaultCountry = [];
                            if (old('country_id', getParametre('DEFAULT_COUNTRY'))) {
                                $defaultCountry = (new \App\Http\Resources\CountryResource(
                                    \App\Models\Country::find(old('country_id', getParametre('DEFAULT_COUNTRY'))),
                                ))->toJson();
                                $defaultCountry = json_decode($defaultCountry, true);
                            }
                        @endphp
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fas fa-globe"></i></span>
                            </div>
                            <select name="country_id" id="country_id"
                                class="form-control init-select2  @error('country_id') is-invalid @enderror"
                                data-server-side="true" data-url="{{ route('countries.search') }}">
                                <option value=""> @lang('global.Choose')</option>
                                @if ($defaultCountry)
                                    <option selected value="{{ $defaultCountry['id'] }}">
                                        {{ $defaultCountry['name'] }}</option>
                                @endif
                            </select>
                            {{-- <input type="text" name="country_id" id="country_id" class="form-control @error('country_id') is-invalid @enderror" value="{{old('country_id', $patient->country_id)}}"> --}}
                            @error('country_id')
                                <span class="invalid-feedback">
                                    {{ $message }}
                                </span>
                            @enderror
                        </div>
                    </div>
                </div>
                @php
                    $defaultCity = null;
                    $input_type = old('city_id_input_type', 'select');
                    if ($input_type === 'select' and old('city_id', $annuaire->city_id)) {
                        $defaultCity = \App\Models\City::find(old('city_id', $annuaire->city_id));
                        if ($defaultCity) {
                            $defaultCity = (new \App\Http\Resources\CityResource($defaultCity))->toJson();
                            $defaultCity = json_decode($defaultCity, true);
                        }
                    }
                @endphp
                <div class="col-xs-12 col-sm-4 col-md-4">
                    <div class="form-group">
                        <label for="city_id">{!! showasterix('city_id') !!}@lang('global.City')</label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fas fa-road"></i></span>
                            </div>
                            @if ($input_type === 'select')
                                <select name="city_id" id="city_id"
                                    class="form-control init-select2 @error('city_id') is-invalid @enderror"
                                    data-add-new="true" data-pre-modal-callback="prepare_add_new_city_modal_inputs"
                                    data-put-searching-text-in="name" data-add-new-modal="#ajax_add_new_city"
                                    data-server-side="true" data-url="callback"
                                    data-callback_handler="get_cities_by_country_handler">
                                    <option value="" selected disabled>@lang('global.Choose')</option>
                                    @if ($defaultCity)
                                        <option selected value="{{ $defaultCity['id'] }}">{{ $defaultCity['name'] }}
                                        </option>
                                    @endif
                                </select>
                            @else
                                <input type="text" name="city_id" id="city_id" value="{{ old('city_id') }}"
                                    class="form-control @error('city_id') is-invalid @enderror" />
                                @error('city_id')
                                    <span class="invalid-feedback">
                                        {{ $message }}
                                    </span>
                                @enderror
                            @endif
                        </div>
                        @error('city_id')
                            <span class="invalid-feedback">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>
                </div>
                <input type="hidden" name="city_id_input_type" id="city_id_input_type"
                    value="{{ $input_type }}" />
                <input type="hidden" name="country_name" id="country_name" value="">
                <input type="hidden" name="city_name" id="city_name" value="">

                <div class="col-xs-12 col-sm-4 col-md-4">
                    <div class="form-group">
                        <label for="cp">@lang('global.Cp')</label>
                        <input type="text" name="cp" id="cp"
                            class="form-control @error('cp') is-invalid @enderror"
                            value="{{ old('cp', $annuaire->cp) }}">
                        @error('cp')
                            <span class="invalid-feedback">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>
                </div>
            </div>

            <div class="row">
                <x-input-group.input col="6" type="text" for="adr_fill" id="adr_fill"
                    label="global.Locality" error="adr_fill" :value="old('adr_fill', $annuaire->adr_fill)" required>
                    <x-slot name="prepend">
                        <x-form-group.input type="text" for="adresse" :value="old('adresse', $annuaire->adresse)" placeholder="Map GeoCood"
                            class="text-muted" error="adresse" />
                    </x-slot>
                    <small class="text-muted mt-0" id="map-address-coords">@lang('global.Latitude') : {{ $annuaire->lat }}
                        - @lang('global.Longitude') : {{ $annuaire->lng }}</small>
                    <x-slot name="append">
                        <span class="input-group-text form-control">
                            <a href="javascript:void(0);" class="address-map-modal" data-modal="#address-map-modal"
                                data-href="{{ route('address-map-modal', ['id' => $annuaire->id, 'cp' => $annuaire->cp, 'city' => $annuaire->city_id, 'country' => $annuaire->country_id]) }}">
                                <i class="fa fa-map-marker"></i>
                            </a>
                        </span>
                    </x-slot>
                    <input type="hidden" name="lat" value="{{ old('lat', $annuaire->lat) }}"
                        placeholder="Latitude" class="form-control @error('lat') is-invalid @enderror">
                    <input type="hidden" name="lng" value="{{ old('lng', $annuaire->lng) }}"
                        placeholder="Latitude" class="form-control @error('lng') is-invalid @enderror">
                </x-input-group.input>

                <x-form-group.input col="4" for="adresse_suite" label="global.Addressnext" :value="old('adresse_suite', $annuaire->adresse_suite)"
                    error="adresse_suite" class="form-control">
                    <x-slot name="prepend">
                        <span class="input-group-text"><i class="fas fa-directions"></i></span>
                    </x-slot>
                </x-form-group.input>
                <div class="col-xs-12 col-sm-2 col-md-2">
                    <div class="form-group">
                        <label for="csbp">@lang('global.CsBp')</label>
                        <input type="text" name="csbp" id="csbp"
                            class="form-control @error('csbp') is-invalid @enderror"
                            value="{{ old('csbp', $annuaire->csbp) }}">
                        @error('csbp')
                            <span class="invalid-feedback">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>
                </div>

            </div>
        </div>
    </div>
</div>

<div class="card card-outline card-primary mt-2">
    <div class="card-header" id="uo4-accordion">
        <a data-toggle="collapse" data-parent="#uo4-accordion" href="#coninfo">@lang('global.Contact Information')
            <i class="fa fa-caret-up float-right" aria-hidden="true"></i>
        </a>
    </div>
    <div class="collapse show" id="coninfo">
        <div class="card-body">
            <div class="row">
                <x-input-group.input col="4" class="init-phone-mask" for="phone"
                    label="global.Phone Formatted" :value="add_country_tel_prefix(old('phone', $annuaire->phone), $annuaire->country?->name ?? '')" placeholder="Téléphone" error="phone">
                    <x-slot name="append">
                        <span class="input-group-text"><i class="fa fa-phone"></i></span>
                    </x-slot>
                </x-input-group.input>

                <x-input-group.input col="4" class="init-phone-mask" for="fax"
                    label="global.Fax Formatted" :value="add_country_tel_prefix(old('fax', $annuaire->fax), $annuaire->country?->name ?? '')" error="fax">
                    <x-slot name="append">
                        <span class="input-group-text"><i class="fa fa-fax"></i></span>
                    </x-slot>
                </x-input-group.input>

                <x-input-group.input col="4" class="init-phone-mask" for="mobile"
                    label="global.Mobile Formatted" :value="add_country_tel_prefix(
                        old('mobile', $annuaire->mobile),
                        $annuaire->country?->name ?? '',
                    )" error="mobile">
                    <x-slot name="append">
                        <span class="input-group-text"><i class="fa fa-mobile"></i></span>
                    </x-slot>
                </x-input-group.input>
            </div>
            <div class="row">

                <div class="col-xs-12 col-sm-6 col-md-6">
                    <x-input-group.input for="email" label="global.Email"
                        value="{{ old('email', $annuaire->email) }}" error="email" required>
                        <x-slot name="prepend">
                            <span class="input-group-text"><i class="fa fa-envelope"></i></span>
                        </x-slot>
                        <x-slot name="append">
                            <span class="input-group-text">
                                <a onclick="generate_mail()"> <i class="fa fa-refresh"></i> </a>
                            </span>
                        </x-slot>
                    </x-input-group.input>
                    @error('email')
                        <span class="invalid-feedback">
                            {{ $message }}
                        </span>
                    @enderror
                </div>

                <div class="col-xs-12 col-sm-6 col-md-6">
                    <div class="form-group">
                        <label for="url">
                            @lang('global.Url')
                        </label>
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <span class="input-group-text"><i class="fa fa-globe"></i></span>
                            </div>
                            <input type="text" name="url" id="url"
                                value="{{ old('url', $annuaire->url) }}" placeholder="ex : https://google.com"
                                class="form-control @error('url') is-invalid @enderror">
                            @error('url')
                                <span class="invalid-feedback">
                                    {{ $message }}
                                </span>
                            @enderror

                            <br />
<b>Warning</b>:  Undefined variable $annuaire in <b>C:\laragon\www\siesicis\resources\views\annuaires\tabs\management.blade.php</b> on line <b>444</b><br />
<br />
<b>Warning</b>:  Attempt to read property "url" on null in <b>C:\laragon\www\siesicis\resources\views\annuaires\tabs\management.blade.php</b> on line <b>444</b><br />
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

{{-- <div class="card card-outline card-primary" id="op_op">
    <div class="card-header" id="uo7-op-operations-accordion">
        <a data-toggle="collapse" data-parent="#uo7-op-operations-accordion" href="#customservice">@lang('global.Payment Method')
            <i class="fa fa-caret-up float-right" aria-hidden="true"></i>
        </a>
    </div>
    <div class="collapse show" id="operation">
        <div class="card-body">
            <div class="row">
                <div class="col-md-12">
                    <div class="table-responsive">

                        <table id="operation-op-table" class="table table-bordered table-striped">
                            <thead>
                                <tr>
                                    <th>@lang('global.Service')</th>
                                    <th>@lang('global.Service Code')</th>
                                    <th>@lang('global.Optional')</th>
                                    <th class="text-center">@lang('global.Action')</th>
                                </tr>
                            </thead>
                            <tbody id="opOperations">

                                @forelse ($annuaire->opOperations as $operation)

                                    <tr id='ligne{{ $loop->index }}'>
                                        <input type="hidden" name="service_operators[{{ $loop->index }}][id]"
                                            value="{{ $operation->id }}">
                                        <td>
                                            <select name="service_operators[{{ $loop->index }}][service]"
                                                id="ligne{{ $loop->index }}" class="form-control init-select2">
                                                <option value="">@lang('global.Choose')</option>
                                                @foreach ($operationsListe as $ope)
                                                    <option {{ $ope->libelle == $operation->name ? 'selected' : '' }}
                                                        value="{{ $ope->libelle }}"> {{ $ope->libelle }} </option>
                                                @endforeach
                                            </select>
                                        </td>
                                        <td>
                                            <div class="input-group">
                                                <select id="ussdcode_id" data-add-new="true"
                                                    data-add-new-modal="#intitule-modal"
                                                    data-put-searching-text-in="libelle"
                                                    data-add-new-class="add-intitule"
                                                    class="init-select2 ussdcode-select form-control @error('ussdcode_id') is-invalid @enderror"
                                                    data-add-new-extra="{{ json_encode(['intitule-group' => 'prefixes-ussds', 'data-input-id' => 'ussdcode_id']) }}">
                                                    <option value="">@lang('global.Choose')</option>
                                                    @foreach (get_intitules_by_group([['slug', '=', 'prefixes-ussds']]) as $intitule)
                                                        <option
                                                            {{ $operation->code == $intitule->valeur ? 'selected' : '' }}
                                                            value="{{ $intitule->valeur }}">{{ $intitule->libelle }}
                                                            ({{ $intitule->valeur }})</option>
                                                    @endforeach
                                                </select>
                                                <div class="input-group-append">
                                                    <input type="text" class="form-control codeReseau-input"
                                                        name="service_operators[{{ $loop->index }}][code]"
                                                        value="{{ $operation->code }}">
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="form-group">
                                                <select name="service_operators[{{ $loop->index }}][ussd_option]" id="service_operators[{{ $loop->index }}][ussd_option]" class="form-control init-select2">
                                                    <option value="">@lang('global.Choose')</option>
                                                    @foreach (get_intitules_by_group([['slug', '=', 'ussds-options']]) as $intitule)
                                                        <option {{ $operation->ussd_option == $intitule->valeur ? 'selected' : '' }} value="{{ $intitule->valeur }}">{{ $intitule->libelle }} ({{ $intitule->valeur }})</option>
                                                    @endforeach
                                                </select>
                                                <input class="form-control" type="text"
                                                    name="service_operators[{{ $loop->index }}][ussd_option]"
                                                    value="{{ $operation->ussd_option }}"
                                                    id="service_operators[{{ $loop->index }}][ussd_option]">
                                            </div>
                                        </td>
                                        <td class="text-center">
                                            <a class="btn btn-danger"
                                                onclick="removeData('ligne{{ $loop->index }}')">
                                                <i class="fas fa-trash"></i>
                                            </a>
                                        </td>
                                        <input type="hidden" name="operationOpId[]" value="{{ $operation->id }}">
                                    </tr>

                                @empty

                                    <tr id='ligne0'>
                                        <td>
                                            <select name="service_operators[0][service]" id="ligne0"
                                                class="form-control init-select2"
                                                onchange="operateurChange('operateurSelect0', 'operationSelect0', 'codeOperateur0')">
                                                <option value="">@lang('global.Choose')</option>
                                                @foreach ($operationsListe as $ope)
                                                    <option value="{{ $ope->libelle }}"> {{ $ope->libelle }}
                                                    </option>
                                                @endforeach
                                            </select>
                                        </td>
                                        <td>
                                            <div class="input-group">
                                                <select id="ussdcode_id" name="service_operators[0][ussdcode_id]"
                                                    data-add-new="true" data-add-new-modal="#intitule-modal"
                                                    data-put-searching-text-in="libelle"
                                                    data-add-new-class="add-intitule"
                                                    class="init-select2 ussdcode-select form-control @error('ussdcode_id') is-invalid @enderror"
                                                    data-add-new-extra="{{ json_encode(['intitule-group' => 'prefixes-ussds', 'data-input-id' => 'ussdcode_id']) }}">
                                                    <option value="">@lang('global.Choose')</option>
                                                    @foreach (get_intitules_by_group([['slug', '=', 'prefixes-ussds']]) as $intitule)
                                                        <option value="{{ $intitule->valeur }}">
                                                            {{ $intitule->valeur }}</option>
                                                    @endforeach
                                                </select>

                                                <div class="input-group-append">
                                                    <input type="text" class="form-control codeReseau-input"
                                                        name="service_operators[0][code]" id="codeReseau` + ligne + `"
                                                        value=" {{ old('codeReseau[0]') }} ">
                                                </div>
                                            </div>
                                        </td>
                                        <td>
                                            <div class="form-group">
                                                <select name="service_operators[0][ussd_option]"
                                                    id="service_operators[0][ussd_option]"
                                                    class="form-control init-select2">
                                                    <option value="">@lang('global.Choose')</option>
                                                    @foreach (get_intitules_by_group([['slug', '=', 'ussds-options']]) as $intitule)
                                                        <option value="{{ $intitule->valeur }}">
                                                            {{ $intitule->libelle }} ({{ $intitule->valeur }})
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </td>
                                        <td class="text-center">&nbsp; </td>
                                    </tr>

                                @endforelse

                            </tbody>
                        </table>

                    </div>
                </div>

                <div class="col-md-4">
                    <button type="button" class="btn btn-primary btn-sm" onclick="operation_add()">
                        {!! Util::FA_ICON('plus') !!} @lang('global.Add New')
                    </button>
                </div>
            </div>
        </div>
    </div>
</div> --}}

@push('js')
    <script>
        // Get the selected country name for the map
        $(document).ready(function() {
            var selectedText = $('#country_id option:selected').text();
            $('#country_name').val(selectedText);
            $('#country_id').change(function() {
                var selectedText = $('#country_id option:selected').text();
                $('#country_name').val(selectedText);
            });
        });

        // Get the selected city name for the map
        $(document).ready(function() {
            var selectedText = $('#city_id option:selected').text();
            $('#city_name').val(selectedText);
            $('#city_id').change(function() {
                var selectedText = $('#city_id option:selected').text();
                $('#city_name').val(selectedText);
            });
        });

        function textCopier(textToCopy) {

            var textarea = document.createElement('textarea');
            textarea.value = textToCopy;
            document.body.appendChild(textarea);

            textarea.select();
            document.execCommand('copy');

            document.body.removeChild(textarea);

            // alert('Text copied to clipboard: ' + textToCopy);
        }

        function openInNewTab(element, url) {
            var inputElement = element.closest('.input-group').querySelector('input');

            var inputValue = inputElement.value;

            textCopier(inputValue);
            window.open(url, '_blank');
        }

        $('#adresse').on('change', function() {

            const adresse = $(this).val();
            $('#map-address-container').text(adresse);

            if ($('#adr_fill').val() == "") {
                $('#adr_fill').val(adresse);
            }

            $('#map-address-coords').text(lat + ', ' + lng);
        });

        generate_mail = () => {
            $('#email').val(Math.random().toString(16).substr(2, 8) + '@qrpaye.com')
        }
    </script>
@endpush