@push('stack_scripts')
    <script>
        const editProfileForm = $(".edit-profile");

        editProfileForm.submit(function(event) {
            let email = $('input[name=email]').val();
            let old_email = $('input[name=old_email]').val();
            let email_code = $('input[name=email_code]').val();
            let phone = $('input[name=phone]').val();
            let old_phone = $('input[name=old_phone]').val();
            let phone_code = $('input[name=phone_code]').val();
            let isEditEmailActive = !!'{{ in_array('edit_email', config('general.active_sent_codes_types')) }}';
            let isEditPhoneActive = !!'{{ in_array('edit_phone', config('general.active_sent_codes_types')) }}';

            if (email!==old_email && !email_code && isEditEmailActive){
                verifySentCode('email', email);
                event.preventDefault();
                return false;
            }

            if (phone!==old_phone && !phone_code && isEditPhoneActive){
                verifySentCode('phone', phone);
                event.preventDefault();
                return false;
            }

            return true;
        });

        // field_key :- email - phone
        function verifySentCode(field_key='email', new_field_value=''){
            $.ajax({
                type: 'post',
                url: '{{ route('web.users.edit.by.code') }}',
                data: $('input[name!=_method]', editProfileForm).serialize()+'&field_key='+field_key+'&new_field_value='+new_field_value,
                dataType: 'JSON',
                beforeSend: function() {},
                complete: function() {},
                success: function (response) {
                    showCodeModal(response.field_key, response.field_value);
                },
                error: function(xhr, ajaxOptions, thrownError) {
                    const jsonResponse = JSON.parse(xhr.responseText);
                    let errorMsg = jsonResponse.message || 'Error';
                    toasterError(errorMsg);
                }
            });
        }

        function showCodeModal(field_key, new_field_value, msg=null){
            $.ajax({
                type: 'post',
                url: '{{ route('web.show.edit.code.modal') }}',
                data: $('input[name!=_method]', editProfileForm).serialize()+'&field_key='+field_key+'&new_field_value='+new_field_value,
                beforeSend: function() {},
                complete: function() {},
                success: function (response) {
                    $('#code_modal .modal-body').html(response);
                    if (msg){
                        $('#error-msg').html(msg);
                    }
                    //$('#editProfModal').modal('hide');
                    $('#code_modal').modal('show');
                },
                error: function(xhr, ajaxOptions, thrownError) {
                    const jsonResponse = JSON.parse(xhr.responseText);
                    let errorMsg = jsonResponse.message || 'Error';
                    toasterError(errorMsg);
                }
            });
        }

        $(document).on('click', '#resend-code-btn', function(event) {
            let field_key = $(this).data('fieldKey');
            let field_value = $(this).data('fieldValue');
            let type = $(this).data('type');
            let errorMsgDiv = $('#error-msg');
            errorMsgDiv.empty();
            $('#code_modal').modal('hide');

            $.ajax({
                type: 'post',
                url: '{{ route('web.resend.edit.code') }}',
                data: $("#code-form").serialize()+"&field_key="+field_key+"&field_value="+field_value+"&type="+type,
                dataType: 'JSON',
                beforeSend: function() {},
                complete: function() {},
                success: function (response) {
                    let msg = '<div class="alert alert-success">'+response.message+'</div>';
                    showCodeModal(field_key, field_value, msg);
                },
                error: function(xhr, ajaxOptions, thrownError) {
                    const jsonResponse = JSON.parse(xhr.responseText);
                    let errorMsg = jsonResponse.message || 'Error';
                    toasterError(errorMsg);
                }
            });
        });

        $(document).on('click', '#confirm-code-btn', function(event) {
            $.ajax({
                type: 'post',
                url: '{{ route('web.check.edit.code.validity') }}',
                data: $("#code-form").serialize(),
                dataType: 'JSON',
                beforeSend: function() {},
                complete: function() {},
                success: function (response) {
                    let fieldKey = response.field_key;
                    $(`#${fieldKey}_code`).val(response.code);
                    $('.edit-profile [name='+fieldKey+']').attr('readonly', true);
                    $('#code_modal').modal('hide');

                    $('.edit-profile').submit();
                },
                error: function(xhr, ajaxOptions, thrownError) {
                    const jsonResponse = JSON.parse(xhr.responseText);
                    let errorMsg = jsonResponse.message || 'Error';
                    toasterError(errorMsg);
                }
            });
        });
    </script>
@endpush