@extends($route_prefix . '.layouts.layout_1.app')

@include('portal.acl.users._create')

@section('page_js')
    <script>
        const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
        $('#generate-password').on('click', function() {
            let random_string = '';
            for (let i = 0; i < 16; i++) {
                random_string += characters.charAt(Math.floor(Math.random() * characters.length));
            }
            $('.password-field').val(random_string);
        });

        const passwordField = $('.password-field');
        const togglePassword = $('#togglePassword');
        togglePassword.on('click', function() {
            const type = passwordField.attr('type') == 'password' ? 'text' : 'password';
            passwordField.attr('type', type);
        });
    </script>
@stop