@extends('layouts.auth')
@section('content')
    {{-- <div class="modal show fade modalCustom " id="sellerModal" aria-hidden="true" --}}
    {{-- aria-labelledby="logoutmodleLabel" tabindex="-1"> --}}
    <div class="modal-dialog modal-dialog-centered modal-md sellertypemodal_">
        <div class="modal-content">
            <div class="modal-body">
                <form class="sellertypeform_" method="POST" action="{{ route('user.google_login') }}">
                    @csrf
                    <input type="hidden" name="user_id" value="{{ $userModel->id }}">
                    <h5 class="postAd_Subheading_ ">Choose Seller Type:</h5>
                    <ul class="nav nav-pills userSelectTabs">
                        <li class="userSelectTabsItems">
                            <div href="#tab1" data-bs-toggle="tab" role="tab1" class="userSelectTabsLinks @if (!empty(old('company_name'))) '' @endif @error('company_name') '' @elseif(!empty(old('company_name'))) '' @else active @enderror">
                                <input type="radio" id="buyer" name="seller_type" value="1" checked="">
                                <label for="buyer" class="labelTxt_">Individual</label>
                            </div>
                        </li>
                        <li class="userSelectTabsItems">
                            <div href="#tab2" data-bs-toggle="tab" role="tab2" class="userSelectTabsLinks @if (!empty(old('company_name'))) active @endif @error('company_name') active @elseif(!empty(old('company_name'))) active @else '' @enderror">
                                <input type="radio" id="seller" name="seller_type" value="2"
                                    @error('company_name') checked @elseif(!empty(old('company_name'))) checked @else '' @enderror>
                                <label for="seller" class="labelTxt_">Company</label>
                            </div>
                        </li>
                    </ul>
                    <div class="form-group mb-3 col-md-12 @if (!empty(old('company_name'))) d-block  active @endif @error('company_name') d-block active @elseif(!empty(old('company_name'))) active d-block @else d-none @enderror"
                        id="company-name">
                        <label class="loginLabel_txt">Company Name</label>
                        <input type="text" name="company_name" placeholder="Company Name"
                            value="{{ old('company_name') }}" class="form-control">
                        @error('company_name')
                            <span class="error invalid-feedback" role="alert">
                                {{ $message }}
                            </span>
                        @enderror
                    </div>
                    @php
                        $world = Khsing\World\World::Countries();
                    @endphp
                    <div class="form-group mb-3 col-md-12">
                        <label class="loginLabel_txt" for="country">{{ __('words.Country') }} </label>
                        <select
                            class="form-control upload_detail select2-multiple-country {{ $errors->has('country_id') ? ' is-invalid' : '' }}"
                            id="countryy" name="country_id">
                            <option value="">{{ __('words.Select Country') }}</option>
                            @foreach ($world as $key => $country)
                                <option value="{{ $country->id }}" data-id="{{ $country->code }}"
                                    data-country="{{ $country->name }}" title=""
                                    {{ old('country_id') == $country->id ? 'selected' : '' }}>
                                    {{ $country->name }}
                                </option>
                            @endforeach
                        </select>
                        @if ($errors->has('country_id'))
                            <span class="error invalid-feedback" role="alert">
                                {{ $errors->first('country_id') }}
                            </span>
                        @endif
                        <span class="text-danger error-text  country_id_err"></span>
                    </div>
                    <button class="logout-btn
                language{{ getDefaultTargetLanguage() }} mt-4 mb-0"
                        id="block-button" type="submit" class="btn btn-secondary">
                        Save details
                    </button>

                </form>
            </div>
        </div>
    </div>
    </div>
    <div class="overlayseller"></div>

    @push('page_script')
        <script>
            $('.select2-multiple-country').select2({
                placeholder: 'Select ',
                allowClear: true,
                templateResult: formatStateCountry,
                language: {
                    noResults: function() {
                        return 'No result found';
                    }
                },
                templateSelection: function(state) {
                    var $span = $(`<span>${(state.title) ? state.title : state.text}</span>`);
                    if (state.selected) {
                        $span = $(
                            '<span class="flag-icon flag-icon-' + $(state.element).data('id') +
                            ' flag-icon-squared">' + state.title + '</span>'
                        );
                    }
                    return $span;
                }
            });

            function formatStateCountry(state) {
                var $state = $(
                    '<span class="flag-icon flag-icon-' + $(state.element).data('id') + ' flag-icon-squared">' + state
                    .text + '</span>'
                );
                return $state;
            }

            $("#seller").on("click", function() {
                $("#company-name").removeClass("d-none");
            });

            $("#buyer").on("click", function() {
                $("#company-name").addClass("d-none");
            });
        </script>
    @endpush
@endsection