@php use App\Models\User\User; @endphp
@php /** @var User $user */  @endphp

<form method="post" action="{{ route('admin.user.update', ['user' => $user]) }}">
    @csrf
    @method('PUT')

    <div class="card">
        <div class="card-body">
            <label for="">General information</label>
            <hr>
            <div class="form-row">
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="user_email">
                            Email
                        </label>
                        <input type="text"
                               class="form-control"
                               id="user_email"
                               value="{{ $user->email }}"
                               disabled
                               readonly
                        >
                    </div>
                </div><!-- Name -->
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="user_name">
                            Name
                        </label>
                        <input type="text"
                               name="user[name]"
                               class="form-control"
                               id="user_name"
                               placeholder="Name"
                               value="{{ old('user.name', $user->name) }}"
                        >
                    </div>
                </div><!-- Name -->
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="user_surname">
                            Surname
                        </label>
                        <input type="text"
                               name="user[surname]"
                               class="form-control"
                               id="user_surname"
                               placeholder="Surname"
                               value="{{ old('user.surname', $user->surname) }}"
                        >
                    </div>
                </div><!-- Surname -->
                <div class="col-md-2">
                    <div class="form-group">
                        <label for="phone_country_calling_code">
                            Phone code
                        </label>
                        <input type="text"
                               name="user[phone_number][country_calling_code]"
                               class="form-control"
                               id="phone_country_calling_code"
                               placeholder="Country calling code"
                               value="{{ old('user.phone_number.country_calling_code', $user->phone_country_calling_code) }}"
                        >
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="user_phone">
                            Phone number
                        </label>
                        <input type="text"
                               name="user[phone_number][number]"
                               class="form-control"
                               id="user_phone"
                               placeholder="Phone"
                               value="{{ old('user.phone_number.number', $user->phone) }}"
                        >
                    </div>
                </div><!-- Phone -->
                <div class="col-md-3">
                    <div class="form-group">
                        <label for="email_verified_at">
                            Email verified at
                        </label>
                        <input type="text"
                               name="user[email_verified_at]"
                               class="form-control"
                               id="email_verified_at"
                               placeholder="Email verified at"
                               value="{{ $user->email_verified_at ?: '-' }}"
                               disabled
                               readonly
                        >
                    </div>
                </div><!-- Code -->
                <div class="col-md-4">
                    <div class="form-group">
                        <label for="country_id">
                            Country
                        </label>
                        <input type="text"
                               name="user[country_id]"
                               class="form-control"
                               id="country_id"
                               placeholder="Country"
                               value="{{ $user->country?->title ?: '-' }}"
                               disabled
                               readonly
                        >
                    </div>
                </div><!-- Code -->

                <div class="col-md-2">
                    <div class="form-group">
                        <label for="price_group">Price group</label>
                        <div class="input-group">
                            <input
                                    type="text"
                                    id="price_group"
                                    class="form-control"
                                    value="{{ $user->priceGroup->title ?? '-' }}"
                                    readonly
                            >
                        </div>
                    </div>
                </div>

                <div class="col-md-2">
                    <div class="form-group">
                        <label for="locale">Locale</label>
                        <div class="input-group">
                            <input
                                    type="text"
                                    id="locale"
                                    class="form-control"
                                    value="{{ $user->locale }}"
                                    readonly
                            >
                        </div>
                    </div>
                </div>

                <div class="col-md-8">
                    <div class="form-group">
                        <label for="verification_url">Verification link</label>
                        <div class="input-group">
                            <input
                                    type="text"
                                    id="verification_url"
                                    class="form-control"
                                    value="{{ $verificationUrl }}"
                                    readonly
                            >
                            <div class="input-group-append">
                                <button id="btn_copy_verification_url" class="btn btn-primary btn-sm" type="button">
                                    Copy
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @if($user->company)
        <div class="card">
            <div class="card-body">
                <div class="mt-2">
                    <label for="">Company information</label>
                    <hr>
                    <div class="form-row">
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="company_name">
                                    Name
                                </label>
                                <input type="text"
                                       class="form-control"
                                       id="company_name"
                                       name="company[name]"
                                       placeholder="Name"
                                       value="{{ old('company.name', $user->company->name) }}"
                                >
                            </div>
                        </div><!-- Name -->
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="company_reg_num">
                                    Reg. number
                                </label>
                                <input type="text"
                                       class="form-control"
                                       id="company_reg_num"
                                       name="company[reg_num]"
                                       placeholder="Reg. number"
                                       value="{{ old('company.reg_num', $user->company->reg_num) }}"
                                >
                            </div>
                        </div><!-- Reg. number -->
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="company_vat_num">
                                    TAX number
                                </label>
                                <input type="text"
                                       class="form-control"
                                       id="company_vat_num"
                                       name="company[vat_num]"
                                       placeholder="TAX number"
                                       value="{{ old('company.vat_num', $user->company->vat_num) }}"
                                >
                            </div>
                        </div><!-- Reg. number -->

                        <div class="col-md-3" style="display: none;">
                            <div class="form-group">
                                <label for="company_country_id">
                                    Country
                                </label>
                                <select id="country_id" name="company[country_id]" class="custom-select">
                                    @foreach($countries as $country)
                                        <option value="{{ $country->id }}" {{ $country->id == $user->company->country_id ? 'selected' : '' }}>
                                            {{ $country->title }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                        </div><!-- Country -->
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="company_city">
                                    City
                                </label>
                                <input type="text"
                                       class="form-control"
                                       id="company_city"
                                       name="company[city]"
                                       placeholder="City"
                                       value="{{ old('company.city', $user->company->city) }}"
                                >
                            </div>
                        </div><!-- City -->
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="company_zip">
                                    Zip
                                </label>
                                <input type="text"
                                       class="form-control"
                                       id="company_zip"
                                       name="company[zip]"
                                       placeholder="Zip"
                                       value="{{ old('company.zip', $user->company->zip) }}"
                                >
                            </div>
                        </div><!-- Zip -->
                        <div class="col-md-3">
                            <div class="form-group">
                                <label for="company_address">
                                    Address
                                </label>
                                <input type="text"
                                       class="form-control"
                                       id="company_address"
                                       name="company[address]"
                                       placeholder="Address"
                                       value="{{ old('company.address', $user->company->address) }}"
                                >
                            </div>
                        </div><!-- Address -->
                    </div>
                </div>
            </div>
        </div>
    @endif

    @if($user->manufactures->isNotEmpty())
        <div class="card">
            <div class="card-body">
                <div class="mt-2">
                    <label for="">Available manufacturers</label>
                    <hr>
                    <div class="form-row">
                        {{ $user->manufactures->pluck('title')->join(', ') }}.
                    </div>
                </div>
            </div>
        </div>
    @endif

    <div class="card">
        <div class="card-body">
            @include('admin::pages.components.flash-messages')
            <button type="submit" class="btn btn-primary btn-sm">Update</button>
        </div>
    </div>
</form>

@push('script')

    <script>

        $(function () {
            $('#btn_copy_verification_url').on('click', function () {
                var $input = $('#verification_url');
                var url = $input.val();

                // use modern Clipboard API if available
                if (navigator.clipboard && navigator.clipboard.writeText) {
                    navigator.clipboard.writeText(url)
                        .then(function () {
                            window.toastr.success('Verification URL copied to clipboard!');
                        })
                        .catch(function (err) {
                            console.error('Copy failed:', err);
                            fallbackCopy();
                        });
                } else {
                    // fallback for older browsers
                    fallbackCopy();
                }

                function fallbackCopy() {
                    $input.prop('readonly', false).select();
                    try {
                        var successful = document.execCommand('copy');
                        if (successful) {
                            window.toastr.success('Verification URL copied to clipboard!');
                        } else {
                            window.toastr.error('Failed to copy the URL.');
                        }
                    } catch (err) {
                        console.error('Fallback copy failed:', err);
                        window.toastr.error('Failed to copy the URL.');
                    }
                    $input.prop('readonly', true);
                }
            });
        });

    </script>

@endpush