@csrf

@php
    $isModal = $isModal ?? false;
    $formPrefix = $formPrefix ?? 'user';
    $fieldId = fn (string $name) => $formPrefix.'_'.$name;
@endphp

@php
    $renderKeyField = function (string $id, string $label, ?string $value, string $generator, ?string $errorBag) use ($fieldId) {
        $inputId = $fieldId($id);
        echo '<div class="col-md-6">';
        echo '<label class="form-label" for="'.$inputId.'">'.$label.'</label>';
        echo '<div class="input-group">';
        echo '<input id="'.$inputId.'" name="'.$id.'" type="text" class="form-control'.($errorBag ? ' is-invalid' : '').'" value="'.e($value ?? '').'" data-key-input data-generator="'.$generator.'">';
        echo '<button class="btn btn-outline-secondary" type="button" data-regenerate-target="'.$inputId.'" data-generator="'.$generator.'">Regenerate</button>';
        echo '</div>';
        if ($errorBag) {
            echo '<div class="invalid-feedback d-block">'.$errorBag.'</div>';
        }
        echo '</div>';
    };
@endphp

<div class="row g-3">
    <div class="col-md-6">
        <label class="form-label" for="{{ $fieldId('name') }}">{{ __('admin.auth_name') }}</label>
        <input id="{{ $fieldId('name') }}" name="name" type="text" class="form-control @error('name') is-invalid @enderror" value="{{ old('name', $user->name) }}" required>
        @error('name')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label" for="{{ $fieldId('username') }}">{{ __('admin.username') }}</label>
        <input id="{{ $fieldId('username') }}" name="username" type="text" class="form-control @error('username') is-invalid @enderror" value="{{ old('username', $user->username) }}">
        @error('username')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label" for="{{ $fieldId('email') }}">{{ __('admin.auth_email') }}</label>
        <input id="{{ $fieldId('email') }}" name="email" type="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email', $user->email) }}" required>
        @error('email')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label" for="{{ $fieldId('phone') }}">{{ __('admin.phone') }}</label>
        <input id="{{ $fieldId('phone') }}" name="phone" type="text" class="form-control @error('phone') is-invalid @enderror" value="{{ old('phone', $user->phone) }}">
        @error('phone')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label" for="{{ $fieldId('city') }}">{{ __('admin.city') }}</label>
        <input id="{{ $fieldId('city') }}" name="city" type="text" class="form-control @error('city') is-invalid @enderror" value="{{ old('city', $user->city) }}">
        @error('city')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label" for="{{ $fieldId('country') }}">{{ __('admin.country') }}</label>
        <input id="{{ $fieldId('country') }}" name="country" type="text" class="form-control @error('country') is-invalid @enderror" value="{{ old('country', $user->country) }}">
        @error('country')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label" for="{{ $fieldId('password') }}">{{ __('admin.auth_password') }}</label>
        <input id="{{ $fieldId('password') }}" name="password" type="password" class="form-control @error('password') is-invalid @enderror" autocomplete="new-password" {{ $mode === 'create' ? 'required' : '' }}>
        @error('password')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label" for="{{ $fieldId('password_confirmation') }}">{{ __('admin.auth_confirm_password') }}</label>
        <input id="{{ $fieldId('password_confirmation') }}" name="password_confirmation" type="password" class="form-control" autocomplete="new-password">
    </div>

    <div class="col-md-6">
        <label class="form-label" for="{{ $fieldId('status') }}">{{ __('admin.status') }}</label>
        <select id="{{ $fieldId('status') }}" name="status" class="form-select @error('status') is-invalid @enderror" required>
            <option value="1" @selected((string) old('status', (int) ($user->status ?? 1)) === '1')>{{ __('admin.active') }}</option>
            <option value="0" @selected((string) old('status', (int) ($user->status ?? 1)) === '0')>{{ __('admin.inactive') }}</option>
        </select>
        @error('status')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-md-6">
        <label class="form-label" for="{{ $fieldId('profile_picture') }}">{{ __('admin.profile_picture') }}</label>
        <input id="{{ $fieldId('profile_picture') }}" name="profile_picture" type="text" class="form-control @error('profile_picture') is-invalid @enderror" value="{{ old('profile_picture', $user->profile_picture) }}">
        @error('profile_picture')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-12">
        <label class="form-label" for="{{ $fieldId('address') }}">{{ __('admin.address') }}</label>
        <textarea id="{{ $fieldId('address') }}" name="address" rows="3" class="form-control @error('address') is-invalid @enderror">{{ old('address', $user->address) }}</textarea>
        @error('address')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    <div class="col-12">
        <label class="form-label" for="{{ $fieldId('about_me') }}">{{ __('admin.about_me') }}</label>
        <textarea id="{{ $fieldId('about_me') }}" name="about_me" rows="3" class="form-control @error('about_me') is-invalid @enderror">{{ old('about_me', $user->about_me) }}</textarea>
        @error('about_me')
            <div class="invalid-feedback">{{ $message }}</div>
        @enderror
    </div>

    @if ($mode === 'edit')
        <div class="col-12">
            <ul class="nav nav-tabs mb-3" id="userKeyTabs" role="tablist">
                <li class="nav-item" role="presentation">
                    <button class="nav-link active" id="payin-keys-tab" data-bs-toggle="tab" data-bs-target="#payin-keys-pane" type="button" role="tab" aria-controls="payin-keys-pane" aria-selected="true">
                        Payin Keys
                    </button>
                </li>
                <li class="nav-item" role="presentation">
                    <button class="nav-link" id="payout-keys-tab" data-bs-toggle="tab" data-bs-target="#payout-keys-pane" type="button" role="tab" aria-controls="payout-keys-pane" aria-selected="false">
                        Payout Keys
                    </button>
                </li>
            </ul>

            <div class="tab-content border rounded-3 p-3 bg-body-tertiary" id="userKeyTabsContent">
                <div class="tab-pane fade show active" id="payin-keys-pane" role="tabpanel" aria-labelledby="payin-keys-tab" tabindex="0">
                    <div class="row g-3">
                        {!! $renderKeyField('public_key', __('admin.public_key'), old('public_key', $user->public_key), 'hex', $errors->first('public_key')) !!}
                        {!! $renderKeyField('secret_key', __('admin.secret_key'), old('secret_key', $user->secret_key), 'hex', $errors->first('secret_key')) !!}
                    </div>
                </div>

                <div class="tab-pane fade" id="payout-keys-pane" role="tabpanel" aria-labelledby="payout-keys-tab" tabindex="0">
                    <div class="row g-3">
                        {!! $renderKeyField('disburse_public_key', __('admin.disburse_public_key'), old('disburse_public_key', $user->disburse_public_key), 'hex', $errors->first('disburse_public_key')) !!}
                        {!! $renderKeyField('disburse_secret_key', __('admin.disburse_secret_key'), old('disburse_secret_key', $user->disburse_secret_key), 'hex', $errors->first('disburse_secret_key')) !!}
                        {!! $renderKeyField('aes_secret_key', __('admin.aes_secret_key'), old('aes_secret_key', $user->aes_secret_key), 'aes', $errors->first('aes_secret_key')) !!}
                        {!! $renderKeyField('aes_iv', __('admin.aes_iv'), old('aes_iv', $user->aes_iv), 'aes', $errors->first('aes_iv')) !!}
                    </div>
                </div>
            </div>
        </div>
    @else
        <div class="col-md-6">
            <label class="form-label" for="{{ $fieldId('public_key') }}">{{ __('admin.public_key') }}</label>
            <input id="{{ $fieldId('public_key') }}" name="public_key" type="text" class="form-control @error('public_key') is-invalid @enderror" value="{{ old('public_key', $user->public_key) }}">
            @error('public_key')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="col-md-6">
            <label class="form-label" for="{{ $fieldId('secret_key') }}">{{ __('admin.secret_key') }}</label>
            <input id="{{ $fieldId('secret_key') }}" name="secret_key" type="text" class="form-control @error('secret_key') is-invalid @enderror" value="{{ old('secret_key', $user->secret_key) }}">
            @error('secret_key')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="col-md-6">
            <label class="form-label" for="{{ $fieldId('disburse_public_key') }}">{{ __('admin.disburse_public_key') }}</label>
            <input id="{{ $fieldId('disburse_public_key') }}" name="disburse_public_key" type="text" class="form-control @error('disburse_public_key') is-invalid @enderror" value="{{ old('disburse_public_key', $user->disburse_public_key) }}">
            @error('disburse_public_key')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="col-md-6">
            <label class="form-label" for="{{ $fieldId('disburse_secret_key') }}">{{ __('admin.disburse_secret_key') }}</label>
            <input id="{{ $fieldId('disburse_secret_key') }}" name="disburse_secret_key" type="text" class="form-control @error('disburse_secret_key') is-invalid @enderror" value="{{ old('disburse_secret_key', $user->disburse_secret_key) }}">
            @error('disburse_secret_key')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="col-md-6">
            <label class="form-label" for="{{ $fieldId('aes_secret_key') }}">{{ __('admin.aes_secret_key') }}</label>
            <input id="{{ $fieldId('aes_secret_key') }}" name="aes_secret_key" type="text" class="form-control @error('aes_secret_key') is-invalid @enderror" value="{{ old('aes_secret_key', $user->aes_secret_key) }}">
            @error('aes_secret_key')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>

        <div class="col-md-6">
            <label class="form-label" for="{{ $fieldId('aes_iv') }}">{{ __('admin.aes_iv') }}</label>
            <input id="{{ $fieldId('aes_iv') }}" name="aes_iv" type="text" class="form-control @error('aes_iv') is-invalid @enderror" value="{{ old('aes_iv', $user->aes_iv) }}">
            @error('aes_iv')
                <div class="invalid-feedback">{{ $message }}</div>
            @enderror
        </div>
    @endif
</div>

<div class="d-flex justify-content-end gap-2 mt-4">
    @unless ($isModal)
        <a href="{{ route('admin.users.index') }}" class="btn btn-outline-secondary">{{ __('admin.back') }}</a>
    @endunless
    <button type="submit" class="btn btn-primary">{{ $mode === 'create' ? __('admin.create_user') : __('admin.save_changes') }}</button>
</div>

@if ($mode === 'edit')
    @push('scripts')
        <script>
            document.addEventListener('DOMContentLoaded', function () {
                const regenerateButtons = Array.from(document.querySelectorAll('[data-regenerate-target]'));

                if (regenerateButtons.length === 0 || !window.crypto || !window.crypto.getRandomValues) {
                    return;
                }

                const generateHexKey = function () {
                    const bytes = new Uint8Array(20);
                    window.crypto.getRandomValues(bytes);
                    return Array.from(bytes, function (byte) {
                        return byte.toString(16).padStart(2, '0');
                    }).join('');
                };

                const generateAesKey = function () {
                    const characters = 'ABCDEFGHJKLMNPQRSTUVWXYZabcdefghijkmnopqrstuvwxyz23456789!@#$%^&*';
                    const bytes = new Uint8Array(16);
                    window.crypto.getRandomValues(bytes);

                    return Array.from(bytes, function (byte) {
                        return characters[byte % characters.length];
                    }).join('');
                };

                regenerateButtons.forEach(function (button) {
                    button.addEventListener('click', function () {
                        const target = document.getElementById(button.getAttribute('data-regenerate-target') || '');

                        if (!target) {
                            return;
                        }

                        target.value = button.getAttribute('data-generator') === 'aes'
                            ? generateAesKey()
                            : generateHexKey();
                    });
                });
            });
        </script>
    @endpush
@endif