@php
    $originator = old('originator', $originator ?? ($dripCampaign->sender_type === 'phone_number' ? 'phone_number' : 'sender_id'));
    $selectedSenders = old('sender_id', $exist_sender_ids ?? $dripCampaign->getSenderIds());
    $selectedPhones = old('phone_number', $exist_phone_numbers ?? []);
    if ($dripCampaign->sender_type === 'phone_number' && $selectedPhones === []) {
        $selectedPhones = $dripCampaign->getSenderIds();
    }
@endphp

@if($sendingServers->count() > 0)
    <div class="mb-1">
        <label for="sending_server_id" class="form-label required">{{ __('locale.labels.sending_server') }}</label>
        <select class="select2 form-select" name="sending_server_id" id="sending_server_id">
            <option value="">{{ __('locale.labels.select_one') }}</option>
            @foreach($sendingServers as $server)
                @if(isset($server->sendingServer) && $server->sendingServer->status == 1)
                    <option value="{{ $server->sendingServer->id }}"
                        @selected($dripCampaign->sending_server_id == $server->sendingServer->id)>
                        {{ $server->sendingServer->name }}
                    </option>
                @endif
            @endforeach
        </select>
        @error('sending_server_id')
        <p><small class="text-danger">{{ $message }}</small></p>
        @enderror
    </div>
@endif

<div class="row">
    @can('view_sender_id')
        @if(auth()->user()->customer->getOption('sender_id_verification') == 'yes')
            <div class="col-12">
                <p class="text-uppercase mb-50">{{ __('locale.labels.originator') }}</p>
            </div>
            <div class="col-md-6 col-12 customized_select2">
                <div class="mb-1">
                    <label for="sender_id_check" class="form-label">{{ __('locale.labels.sender_id') }}
                        <a class="text-success text-decoration-underline mx-1 text-uppercase cursor-pointer text"
                           href="{{ route('customer.senderid.request') }}" target="__blank">{{ __('locale.labels.request_new') }}</a>
                    </label>
                    <div class="input-group">
                        <div class="input-group-text">
                            <div class="form-check">
                                <input type="radio" class="form-check-input sender_id" name="originator"
                                       @checked($originator === 'sender_id') value="sender_id" id="sender_id_check" />
                                <label class="form-check-label" for="sender_id_check"></label>
                            </div>
                        </div>
                        <div style="width: 17rem">
                            <select class="form-select select2" id="sender_id" name="sender_id[]" multiple
                                    @disabled($originator !== 'sender_id')>
                                @foreach($sender_ids as $sender_id)
                                    <option value="{{ $sender_id->sender_id }}"
                                        @selected(in_array($sender_id->sender_id, (array) $selectedSenders, true))>
                                        {{ $sender_id->sender_id }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>
                </div>
            </div>
        @else
            @can('view_numbers')
                <div class="col-md-6 col-12 customized_select2">
                    <div class="mb-1">
                        <label for="sender_id" class="form-label">{{ __('locale.labels.sender_id') }}
                            <span class="text-success font-small-1 text-uppercase">({{ __('locale.labels.select_one_or_insert_your_own') }})</span>
                        </label>
                        <div class="input-group">
                            <div class="input-group-text">
                                <div class="form-check">
                                    <input type="radio" class="form-check-input sender_id" name="originator"
                                           @checked($originator === 'sender_id') value="sender_id" id="sender_id_check" />
                                    <label class="form-check-label" for="sender_id_check"></label>
                                </div>
                            </div>
                            <div style="width: 17rem">
                                <select class="form-select max-length input_sender_id select2" multiple
                                        id="sender_id_custom" name="sender_id[]"
                                        @disabled($originator !== 'sender_id')>
                                    @foreach($sender_ids as $sender_id)
                                        <option value="{{ $sender_id->sender_id }}"
                                            @selected(in_array($sender_id->sender_id, (array) $selectedSenders, true))>
                                            {{ $sender_id->sender_id }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            @else
                <div class="col-12">
                    <div class="mb-1">
                        <label for="sender_id_custom" class="form-label">{{ __('locale.labels.sender_id') }}
                            <span class="text-success font-small-1 text-uppercase">({{ __('locale.labels.select_one_or_insert_your_own') }})</span>
                        </label>
                        <select class="form-select max-length input_sender_id select2" multiple id="sender_id_custom" name="sender_id[]">
                            @foreach($sender_ids as $sender_id)
                                <option value="{{ $sender_id->sender_id }}"
                                    @selected(in_array($sender_id->sender_id, (array) $selectedSenders, true))>
                                    {{ $sender_id->sender_id }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>
            @endcan
        @endif
    @endcan

    @can('view_numbers')
        <div class="col-md-6 col-12 customized_select2">
            <div class="mb-1">
                <label for="phone_number" class="form-label">{{ __('locale.menu.Phone Numbers') }}
                    <a class="text-success text-decoration-underline mx-1 text-uppercase cursor-pointer text"
                       href="{{ route('customer.numbers.buy') }}" target="__blank">{{ __('locale.labels.request_new') }}</a>
                </label>
                <div class="input-group">
                    <div class="input-group-text">
                        <div class="form-check">
                            <input type="radio" class="form-check-input phone_number" value="phone_number" name="originator"
                                   @checked($originator === 'phone_number') id="phone_number_check" />
                            <label class="form-check-label" for="phone_number_check"></label>
                        </div>
                    </div>
                    <div style="width: 17rem">
                        <select class="form-select select2" id="phone_number" name="phone_number[]" multiple
                                @disabled($originator !== 'phone_number')>
                            @foreach($phone_numbers as $number)
                                <option value="{{ $number->senderIdentifier() }}"
                                    @selected(in_array($number->senderIdentifier(), (array) $selectedPhones, true))>
                                    {{ $number->displayLabel() }}@if($number->isSimOnly()) ({{ __('locale.phone_numbers.sim_route') }})@endif
                                </option>
                            @endforeach
                        </select>
                    </div>
                </div>
            </div>
        </div>
    @endcan
</div>