@extends(decide_template())

@section('title', $page_data['title'] )

@section('page_styles')
    <link href="{{ asset('css/campaign-create-v2.css') }}?v={{$local_version}}" rel="stylesheet" type="text/css">
    <link href="{{ asset('css/node-create-v2.css') }}?v={{$local_version}}" rel="stylesheet" type="text/css">
    <link href="{{ asset('themes/default/css/sweetalert2.min.css') }}" rel="stylesheet" type="text/css">
@endsection

@section('page_scripts')
    <script src="{{ asset('themes/default/js/jquery.form.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/jquery.validate.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/additional-methods.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/init.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/lib.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/jquery.input.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/repeater.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/select2.full.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/select2.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/form-controls.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/includes/validate-form.js?t=6') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/sweetalert2.min.js') }}" type="text/javascript"></script>
    <script>
        $("#masked_domain_id").change(function(){
            $("#masked_domain_id_error_message").hide().text('');
            $("#masked_domain_intec_id_error_message").hide().text('');
            $.ajax({
                url: '/broadcasts/checkTrackingDomainStatus',
                type: 'POST',
                dataType: 'json',
                data: {"_token": '{{Session::token()}}','masked_domain_id':$(this).val()},
                success: function(result) {
                    if(result.status == 'fail'){
                        $("#masked_domain_id_error_message").show().html(result.message);
                    }else if(result.status == 'warning'){
                        $("#masked_domain_intec_id_error_message").show().html(result.message);
                    }else{
                        $("#masked_domain_id_error_message").hide().text('');
                    }
                }
            });

        });
        $('#masked_domain_id').trigger('change');
        $('.form-control').live('keypress keyup change', function(e) {
            id = this.id;
            id = '#'+id;
            if(id=="#")
                return;
            err_id = '#'+this.id+'-error';
            $(id).removeClass('is-invalid');
            $(err_id).css('display','none');
        });
        $("#process1").live('click',function() {
            $("#modal-loading").show();
            setTimeout(function(){
                $("#process2").removeAttr("disabled");
                $("#modal-loading").hide();
            }, 1500);
        });
        $("#process2").live('click',function() {
            //$("#modal-loading").show();
            /*setTimeout(function(){
                $("#process3").removeAttr("disabled");
                $("#modal-loading").hide();
            }, 1500);
            */
            $.ajax({
                url: "/storage/amazonsns.txt",
                type: 'get',
                error: function(XMLHttpRequest, textStatus, errorThrown){
                    toastr.error('{{trans('response.amazon.subscription.not_found')}}');
                },
                success: function(data){
                    $("#process3").removeAttr("disabled");
                }
            });
        });

        $("#process3").live('click',function() {
            $("#modal-loading").show();
            setTimeout(function(){
                $("#config_name").focus();
                $("#modal-loading").hide();
            }, 1500);
        });
        $('.sb').live('click',function(e){
            btn_id = this.id;
            id = $("#id").val();
            method = "POST";
            route = '{{route('nodeSave')}}';
            if(id!==undefined && id>0)
            {
                method = "PUT";
                route = '{{url('node/update')}}'+'/'+id;
            }
            formId = "#nodeForm";
            createOrUpdate(method, route, formId,e,btn_id);
        });

        var error_message = "{{trans('common.message.opps')}}";
        var redirect="{{ route('node.index') }}";
    </script>
    <script src="{{ asset('themes/default/js/includes/smtp.js') }}" type="text/javascript"></script>
    <script>
        $('#additional-settings').live('click',function(){
            $( ".custom-show" ).toggle();
        });
        $(document).ready(function (){
            $('#gateway').trigger("change");
        });
        $(document).on('change','#smtp_encryption',function(){
            if(this.value=="ssl" || this.value=="tls"){
                $('#smtp_options').show();
                if(this.value=="tls")
                    $('#allow_self_signed').prop('checked',true);
            }else{
                $('#smtp_options').hide();
            }
        });
        var esp;
        var esp_id;
        var iconBasePath = '{{ asset("img/icon") }}/';
        $('#gateway').change(function ()
        {
            //  $('#validateSmtpNode').hide();
            esp = $('#gateway').val();
            if(esp=='-1') {
                $('#esp_config').html('');
                $(".gateway-iconblk").css('background-image', "url('{{ asset('img/icon/ask.gif') }}')");
                return;
            }
            const nodes = ["yahoo", "outlook", "gmail", "aol",'Gmail0AuthAPI'];
            if(nodes.includes(esp))
            {
                $('#reply_bounce_div').hide();
                $('#sender_email_div').hide();
                if(esp!='Gmail0AuthAPI')
                $('#mail_encoding_div').show();
            }
            else if(esp=='smtp'){
                $('#reply_bounce_div').show();
                $('#sender_email_div').show();
                $('#mail_encoding_div').show();
                //$('#validateSmtpNode').show();
            }
            else{
                $('#reply_bounce_div').show();
                $('#sender_email_div').show();
                $('#mail_encoding_div').hide();
            }
            esp_id = $('#id').val();
            $.ajax({
                url: '{{url('node/config')}}/'+esp,
                type: 'POST',
                dataType: 'json',
                beforeSend:function (){
                    $(".blockUI").show();
                    $('#esp_config').html('');
                    $('#api_guide').slideDown('slow');
                    $('#tr-block').slideDown('slow');
                    $('.sb').prop('disabled', false);
                },
                data: {"_token": token,'esp_id':esp_id},
                success: function(result) {
                    $(".blockUI").hide();
                    if(result.status=='success') {
                        $('#esp_config').html(result.html);
                        if(esp=='smtp') { $('#accordionExample6').closest('.form-group').hide(); }
                        $('.m-select2 ').select2();
                        $(".gateway-iconblk").removeClass('smtp');
                        var iconFile = result.background_image.split('/').pop();
                        $(".gateway-iconblk").css('background-image', 'url(' + iconBasePath + iconFile + ')');
                        if(!result.canAddBounce_)
                        {
                            $('#bnc_div').hide();
                            $('#reply_bounce_div').show();
                            $('#bounce_email_id').prop('disabled',true);
                            $('#bounce_block').prop('checked',false);
                        }
                        else
                        {
                            $('#bnc_div').show();
                            $('#reply_bounce_div').show();
                            $('#bounce_email_id').prop('disabled',false);
                        }
                        if(nodes.includes(esp))
                        {
                            $('#bnc_div').hide();
                            $('#bounce_block').prop('checked',false);
                        }
                        $("body").popover({
                            trigger: "hover",
                            sanitize: false,
                            html: true,
                            animation: true,
                            selector: '.popovers',
                        });
                        if(nodes.includes(esp))
                            $('#smtp_encryption').change();
                    }
                    else
                        Command: toastr["error"] (result.message);
                },complete: function () {
                    $('.blockUI').hide();
                    if(esp=='Gmail0AuthAPI') {
                        $('#api_guide').hide();
                        $('#tr_domain').prop('checked', false);
                        $('#tr-block').slideUp('slow');
                        if(esp_id==0)
                        $('.sb').prop('disabled', true);
                    }
                }
            });
        });
        var form_error="{{trans('common.message.form_error')}}";
        var groups_msg="{{trans('common.label.groups_msg')}}";
        var token = "{{ csrf_token() }}";
        var node_id_db = "{{ $iid }}";
        function copy_user(containerid) {
            var range = document.createRange();
            range.selectNode(containerid); //changed here
            window.getSelection().removeAllRanges();
            window.getSelection().addRange(range);
            document.execCommand("copy");
            window.getSelection().removeAllRanges();

            Command: toastr["success"] ("{{trans('sending_node.form.success_message.value_copied')}}");
        }
        function copyFunction() {
            var copyText = document.getElementById("copyurl");
            copyText.select();
            document.execCommand("copy");
            //alert("Copied the text: " + copyText.value);
            Command: toastr["success"] ("{{trans('sending_node.form.success_message.domain_url_copied')}}");
        }
        function copyFunction2() {
            var copyText = document.getElementById("copyurl2");
            copyText.select();
            document.execCommand("copy");
            //alert("Copied the text: " + copyText.value);
            Command: toastr["success"] ("{{trans('sending_node.form.success_message.domain_url_copied')}}");
        }

        $( "#additional-settings" ).click(function() {
            $( ".custom-show" ).toggle();
        });

        $( "#additional-settings-sender" ).click(function() {
            $( ".custom-show-sender" ).toggle();
        });

        $("#username").on("change paste keyup", function() {
            $("#reply_email").val($("#username").val());
            $("#sender_username").val($("#username").val());
        });


        $(window).on("load",function() {
            /*  $("#p1 .bootstrap-switch").attr("id", "check1");
              $("#p2 .bootstrap-switch").attr("id", "check2");
              $("#p3 .bootstrap-switch").attr("id", "check3");
              var iid = $("#sending_node_id").val();
              if(iid == 5 || iid == 6 || iid == 7  || iid == 8) {
                  $('.custom-show').hide();
                  $('.custom-show-sender').hide();
              }*/
            var hss = $("#hss").val();
            var dbs = $("#dbs").val();
            var pds = $("#pds").val();
            var ahh = $("#ahh").val();

            /* if(hss == "on") {
                 $("#hourlyspeed").show();
             }
             if(dbs == "on") {
                 $("#delaybatch").show();
             }

             if(pds == 1){
                 $("#phBncBlk").show();
                 $("#dtlBlk").show();
                 $("#pbounce_status").prop("checked", true);
             }else if (pds == ''){
                 $("#phBncBlk").show();
                 $("#dtlBlk").show();
                 $("#pbounce_status").prop("checked", true);
             } else{
                 $("#phBncBlk").hide();
                 $("#dtlBlk").hide();
                 $("#pbounce_status").prop("checked", false);
             }*/

            if(ahh != ""){
                $(".mt-repeater").show();
            }

        });

        $(document).ready(function() {

            $("#verify-consent1").live("click",function() {
                $("#authorization_code").css("border-color", "#bec4d0");
                var val = $("#authorization_code").val();
                if(val == "") {

                    $("#authorization_code").css("border-color", "red");

                    $("#v-text").text("{{ trans('sending_node.add_new.form.button.verify') }}");

                } else {
                    $("#authorization_code").css("border-color", "#bec4d0");
                    $(this).addClass("processing");
                    $("#v-text").text("{{ trans('sending_node.add_new.form.button.verifying') }}");
                    setTimeout(() => {
                        $(this).removeClass("processing");
                        $("#google-link").removeClass("warning");
                        $("#google-link").addClass("active");
                        $("#tp-text").text("{{ trans("sending_node.add_new.form.label.gmail_api_connected") }}");
                        $("#descs").text("{{ trans("sending_node.add_new.form.label.authorized_gmail_api") }}");
                        $(".google-api-blk").slideUp();
                        $("#oath-success").css("display", "flex");
                        $("#unlinked-success").hide();
                        $("#qc").hide();
                        $("#cc").show();
                        // setTimeout(() => {
                        //     $("#oath-success").slideUp();
                        // }, 3000);
                        // Command: toastr["success"] ("{{trans('API Key successfully verified!')}}");
                    }, 3000);
                }
            });

            $("#btn-warn").live('click',function() {
                $('#btn-connect').trigger('click');
            });

            $('#authorization_code').keyup(function() {
                $("#verify-consent").removeAttr("disabled");
                $(this).val($(this).val().replace(/ +?/g, ''));
            });


            $("#btn-c").live('click',function() {
                $(".blockUI").show();
                setTimeout(() => {
                    $(".blockUI").hide();
                    $("#google-link").removeClass("warning");
                    $("#google-link").removeClass("active");
                    window.open("https://myaccount.google.com/", "Google", "width=1300,height=760");
                }, 1500);
            });

            $("#btn-unlink").live('click',function() {
                Swal.fire({
                    title: "{{trans('sending_node.add_new.alert_confirm.are_you_sure')}}",
                    text: "{{trans('sending_node.add_new.alert_confirm.link_google_account')}}",
                    icon: 'error',
                    showCancelButton: true,
                    confirmButtonColor: '#d33',
                    // cancelButtonColor: '#d33',
                    confirmButtonText: "{{trans('common.label.confirm')}}",
                }).then((result) => {
                    if (result.isConfirmed) {
                        $.ajax({
                            url: '{{route('unlinkGoogleAccount')}}',
                            type: 'POST',
                            data: {'esp_id':$('#id').val(),'access_token':$('#access_token').val()},
                            beforeSend:function (){
                                $('.blockUI').show();
                                $('#authDiv').slideDown('slow');
                            },
                            success: function(result) {

                            },
                            complete: function(XMLHttpRequest, status) {

                                $('.blockUI').hide();
                                Swal.fire({
                                    title: "{{trans('sending_node.add_new.confirm_message.unlinked')}}",
                                    text: "{{trans('sending_node.add_new.confirm_message.successfully_unlink')}}",
                                    icon: 'success',
                                    showCancelButton: false,
                                    showConfirmButton: false,
                                    buttons: false
                                });
                                $("#v-text").text("{{ trans('sending_node.add_new.form.button.verify') }}");
                                $("#google-link").removeClass("warning");
                                $("#google-link").removeClass("active");
                                $(".google-api-blk").slideDown();
                                $("#tp-text").text("{{ trans('sending_node.add_new.form.label.get_gmail_concent') }}");
                                $("#authorization_code").val("");
                                $("#qc").show();
                                $("#cc").hide();
                                $("#descs").text("{{ trans('sending_node.add_new.form.label.get_gmail_concent_description') }}");
                                $("#oath-success").hide();
                                $("#unlinked-success").css("display", "flex");
                                $('#from_email').val('');
                                $('#access_token').val('');
                                $(".sb").prop('disabled',true);
                                setTimeout(function () {
                                    Swal.close();
                                }, 2000);
                            }
                        });

                    }
                });
            });

            $(".reply-click").on("click",function(){
                var check = $("#reply_block").is(":checked");
                // console.log(check);
                if (check === true) {

                    $(".reply-block").slideDown();
                } else if (check === false) {

                    $(".reply-block").slideUp();
                }
            });

            $(document).on("change","#tr_domain",function(){

                var check = $("#tr_domain").is(":checked");
                if (check === true)
                    $("#tr-block").slideDown();
                else {
                    $("#tr-block").slideUp();
                    $('#masked_domain_id').val("");
                    $('#masked_domain_id').select2();
                }

            });
            $("#tr_domain").change();

            $(".bounce-click").on("click",function(){
                var check = $("#bounce_block").is(":checked");
                // console.log(check);
                if (check === true) {

                    $(".bounce-block").slideDown();
                } else if (check === false) {
                    $(".bounce-block").slideUp();
                }
            });

            $('#copydbug2').click(function(e) {
                var text = $("#msg_body").html().trim();
                var copyHex = document.createElement('input');
                copyHex.value = text
                document.body.appendChild(copyHex);
                copyHex.select();
                document.execCommand('copy');
                //console.log(copyHex.value)
                document.body.removeChild(copyHex);
                Command: toastr["success"] ("{{trans('sending_node.form.success_message.code_copied')}}");
            });

            $(".m-select2").select2({
                placeholder: 'Select Option'
            });

            $("#process1").click(function() {
                $("#modal-loading").show();
                setTimeout(function(){
                    $("#process2").removeAttr("disabled");
                    $("#modal-loading").hide();
                }, 1500);
            });
            $("#process2").click(function() {
                //$("#modal-loading").show();
                /*setTimeout(function(){
                    $("#process3").removeAttr("disabled");
                    $("#modal-loading").hide();
                }, 1500);
                */
                $.get( "/storage/amazonsns.txt", function( data ) {
                    $('#confirm-sub-amazon').attr("href", data)
                    $("#process3").removeAttr("disabled");
                });
            });
            $("#process3").click(function() {
                $("#modal-loading").show();
                setTimeout(function(){
                    $("#config_name").focus();
                    $("#modal-loading").hide();
                }, 1500);
            });


            $(".new-btn").click(function(){
                $(this).remove();
                $(".mt-repeater").slideDown();
                $("#btn-new").css("display", "flex");
            });

            /*$('input[type=radio][name=pbounce]').change(function() {
              $("input[name='pbounce']").parent().removeClass("selected");
              $("input[name='pbounce']:checked").parent().addClass("selected");
            });*/

            $("#pbounce_status").live('click',function() {
                if($('#pbounce_status').is(':checked')) {
                    $("#phBncBlk").slideDown();
                    $("#dtlBlk").slideDown();
                }
                else {
                    $("#phBncBlk").slideUp();
                    $("#dtlBlk").slideUp();
                }
            });

            $("#p1 .bootstrap-switch-label, #p1 .bootstrap-switch-default").click(function () {
                $("#phBncBlk").toggle(500);
                $("#dtlBlk").toggle(500);
            });
            $("#p1 .bootstrap-switch-handle-on").click(function () {
                $("#phBncBlk").hide(500);
                $("#dtlBlk").hide(500);
            });

            $("#p2 .bootstrap-switch-label, #p2 .bootstrap-switch-default").click(function () {
                $("#hourlyspeed").toggle(500);
            });
            $("#p2 .bootstrap-switch-handle-on").click(function () {
                $("#hourlyspeed").hide(500);
            });

            $("#p3 .bootstrap-switch-label, #p3 .bootstrap-switch-default").click(function () {
                $("#delaybatch").toggle(500);
            });
            $("#p3 .bootstrap-switch-handle-on").click(function () {
                $("#delaybatch").hide(500);
            });

            $("#pbo1").click(function() {
                $(".pbo11").addClass("show");
                $(".pbo22").removeClass("show");
                $(".pbo33").removeClass("show");
                $(".pbo44").removeClass("show");
                $(".pbo22").addClass("hide");
                $(".pbo33").addClass("hide");
                $(".pbo44").addClass("hide");
            });
            $("#pbo2").click(function() {
                $(".pbo22").addClass("show");
                $(".pbo11").removeClass("show");
                $(".pbo33").removeClass("show");
                $(".pbo44").removeClass("show");
                $(".pbo11").addClass("hide");
                $(".pbo33").addClass("hide");
                $(".pbo44").addClass("hide");
            });
            $("#pbo3").click(function() {
                $(".pbo33").addClass("show");
                $(".pbo11").removeClass("show");
                $(".pbo22").removeClass("show");
                $(".pbo44").removeClass("show");
                $(".pbo11").addClass("hide");
                $(".pbo22").addClass("hide");
                $(".pbo44").addClass("hide");
            });
            $("#pbo4").click(function() {
                $(".pbo44").addClass("show");
                $(".pbo11").removeClass("show");
                $(".pbo22").removeClass("show");
                $(".pbo33").removeClass("show");
                $(".pbo11").addClass("hide");
                $(".pbo22").addClass("hide");
                $(".pbo33").addClass("hide");
            });

            setTimeout(function(){
                $(".form-wizard .steps").fadeIn('300');
            }, 300);
            $("#sender_host").change(function(){
                // if(node_id_db==1 || node_id_db==2 || node_id_db==3 || node_id_db==4 || node_id_db==13){
                $.ajax({
                    url: '/broadcasts/change-masking-domain',
                    type: 'POST',
                    dataType: 'json',
                    data: {"_token": token,'tracking_domain':$("#sender_host").val(),'id':node_id_db},
                    success: function(result) {
                        if(result.status == 'success'){
                            $("#masked_domain_id").val(result.id);
                            $('#masked_domain_id').trigger('change');
                        }
                    }
                });
                // }

            });

        });
        $("#masked_domain_id").change(function(){
            $("#masked_domain_id_error_message").hide().text('');
            $.ajax({
                url: '/broadcasts/checkTrackingDomainStatus',
                type: 'POST',
                dataType: 'json',
                data: {"_token": token,'masked_domain_id':$(this).val()},
                success: function(result) {
                    if(result.status == 'fail'){
                        $("#masked_domain_id_error_message").show().html(result.message);
                    }else{
                        $("#masked_domain_id_error_message").hide().text('');
                    }
                }
            });

        });
        $('#masked_domain_id').trigger('change');

        function domainMailgun()
        {
            var domain = $("#domain_name").val();
            var url = 'http://' + domain + '/callbacks/mailgun';
            $("#copyurl").val(url);
        }
        function domainMailgun4()
        {
            var domain = $("#domain_name").val();
            var url = 'http://' + domain + '/callbacks/amazonses';
            $("#copyurl").val(url);
        }
    </script>
    <script type="text/javascript">
        var KTFormRepeater = function() {
            var demo1 = function() {
                $('#kt_repeater_3').repeater({
                    initEmpty: false,

                    defaultValues: {
                        'text-input': 'foo'
                    },

                    show: function() {
                        $(this).slideDown();
                    },

                    hide: function(deleteElement) {
                        if(confirm('@lang("common.message.delete_warning")')) {
                            $(this).slideUp(deleteElement);
                        }
                    }
                });
            }
            return {
                init: function() {
                    demo1();
                }
            };
        }();
        jQuery(document).ready(function() {
            KTFormRepeater.init();
        });
        function validateEmail(email)
        {
            var re = /\S+@\S+\.\S+/;
            return re.test(email);
        }
        $(".testEmail").click(function(){
            //if(!$('#gateway').is(':checked'))
            $('#authUser').hide();
            $('#email-error').hide();
            $('#smtp_email').remove('is-invalid');
            $("#copydbug").hide();
            gateway = $('#gateway').val();
            $("#mail-sent-msg").attr("style", "display:none");
            $("#mail-sent-log-link").attr("style", "display:none");
            $("#mail-sent-log").attr("style", "display:none");
            var debug_log = 0;
            var validate_only = 0;
            var email =  $('#smtp_email').val();
            if(this.id=='validateSmtpNode') {
                $('#authUser').show();
                email = 'sample@gmail.com';
                validate_only=1;
            }
            if(!validateEmail(email)) {
                $('#email-error').show();
                $('#smtp_email').addClass('is-invalid');
                return ;
            }
            nodeType = $('#gateway').val();
            var form_data =  $("#nodeForm").serialize();
            $.ajax({
                url: '{{route('sendTestMail')}}',
                type: "post",
                data: form_data+'&test_email='+email+'&debug_log='+debug_log+'&esp='+nodeType+'&validate_only='+validate_only+'&gateway='+gateway,
                beforeSend: function( xhr ) {
                    $('.form-control').removeClass('is-invalid');
                    $('.error').css('display','none');
                    $('#validate-mail-sent-msg').hide();
                    $('#validate-mail-sent-msg').html('');
                    $("#modal_span").hide();
                    $("#mail-sent-msg").html("");
                    $("#msg_body").html("");
                    $("#mail-sent-msg").removeClass("alert alert-success");
                    $("#smpt-send-mail").prop("type", "button");
                    $("#smpt-send-mail").html("Sending Email...");
                    //$("#send-test-mail").prop("disabled",true);
                    $(".blockUI").show();
                },
                success: function(msg) {
                    $(".blockUI").hide();
                    // console.log(msg);
                    $("#mail-sent-msg").removeAttr("style", "display:none");
                    $("#copydbug").removeAttr("style", "display:none");
                    if (msg.status == 1) {
                        if(validate_only==1)
                        {
                            $('#validate-mail-sent-msg').removeClass("alert-danger");
                            $('#validate-mail-sent-msg').addClass("alert alert-success");
                            $("#validate-mail-sent-msg").html("{{trans('sending_node.form.label_message.validated')}}");
                            $("#validate-mail-sent-msg").show();
                        }
                        else {
                            $("#mail-sent-msg").removeClass("alert-danger");
                            $("#mail-sent-msg").addClass("alert alert-success");
                            $("#mail-sent-msg").html(msg.text);
                            $("#mail-sent-msg").show();
                            $("#modal_span").hide();
                            $("#mail-sent-log").html('');
                            $('#msg_body').html('');
                        }
                    }
                    else if(msg.status=='error')
                    {
                        toastr.error(msg.message);
                        return;
                    }
                    else if(msg.status=='validation_failed')
                    {
                        var x;
                        messages = msg.messages;
                        for (x in messages) {
                            $('#'+x).addClass('is-invalid');
                            id = '#'+x+'-error';
                            $(id).html(messages[x]);
                            $(id).css('display','block');
                        }
                        $('html, body').animate({
                            scrollTop: $('#name').offset().top
                        }, 800);
                    }
                    else {
                        if(validate_only==1)
                        {

                            $('#validate-mail-sent-msg').removeClass("alert-success");
                            $('#validate-mail-sent-msg').addClass("alert alert-danger");
                            $('#validate-mail-sent-msg').html(msg.text);
                            $('#validate-mail-sent-msg').show();
                        }
                        else {

                            $("#mail-sent-msg").removeClass("alert-success");
                            $("#mail-sent-msg").addClass("alert alert-danger");
                            $("#mail-sent-msg").html(msg.text);
                            $("#mail-sent-msg").show();
                        }
                    }

                    if(msg.log!==undefined) {
                        $("#modal_span").show();
                        $('#msg_body').html(msg.log);
                        $("#copydbug").show();
                    }
                    else{
                        $("#modal_span").hide();
                        //$("#mail-sent-log").html('');
                        $('#msg_body').html('');
                    }


                    // $("#send-test-mail").prop("disabled",false);
                    // $("#send-test-mail").html("Test Email");
                    //  $("#smpt-send-mail").prop("type", "submit");
                },complete: function () {
                    $('#authUser').hide();
                    $("#send-test-mail").prop("disabled",false);
                    $('.blockUI').hide();
                }
            });
            return false;
        });
        $('#confirm-sub-amazon').live('click',function ()
        {
            $.ajax({
                url: "{{route('confirmAmazonSubscription')}}",
                type: 'post',
                beforeSend:function ()
                {
                    $('#amazonResponse').hide();
                    $('.blockUI').show();
                },
                error: function(XMLHttpRequest, textStatus, errorThrown){
                    toastr.error('{{trans('response.amazon.subscription.not_found')}}');
                    $('.blockUI').hide();
                },
                success: function(data){
                    $('.blockUI').hide();
                    if(data.status=='error')
                        toastr.error(data.message)
                    else {
                        $('#amazonRes').html(data.message);
                        $('#disc').html(data.disclaimer);
                        $('#amazonResponse').show();
                    }
                }
            });
        });

        $("#btn-connect").live('click',function() {
            $.ajax({
                url: '{{route('getGoogleConsentPage')}}',
                type: 'POST',
                data: {},
                beforeSend:function (){
                    $('.blockUI').show();
                    $('#btn-connect').prop('disabled',true);
                },
                success: function(result) {
                    if(result.status == 'success')
                        window.open(result.url, "Google", "width=1300,height=760");
                    else
                        toastr.error(result.message);
                },
                complete: function(XMLHttpRequest, status) {
                    if(XMLHttpRequest.status===422)
                    {
                        var x;
                        messages = XMLHttpRequest.responseJSON.errors;
                        for (x in messages) {
                                $('#' + x).addClass('is-invalid');
                                id = '#' + x + '-error';
                                $(id).html(messages[x]);
                                $(id).css('display', 'block');
                        }
                    }
                    $('.blockUI').hide();
                    $('#btn-connect').prop('disabled',false);
                }
            });
        });
        $("#verify-consent").live('click',function() {
            var val = $("#authorization_code").val();
            if(val == "") {
                $("#authorization_code").css("border-color", "red");
                $("#authorization_code-error").text("Error: Missing required parameter, authorization code");
                $("#authorization_code-error").show();
                $("#v-text").text("{{ trans('sending_node.add_new.form.button.verify') }}");
            } else {
                $("#authorization_code-error").text("");
                $("#authorization_code-error").hide();
                $("#v-text").text("{{ trans('sending_node.add_new.form.button.verifying') }}");
                $.ajax({
                    url: '{{route('validateGoogleAuthCode')}}',
                    type: 'POST',
                    // dataType: 'json',
                    data: {'authorization_code':$('#authorization_code').val(),'esp_id':$('#id').val()},
                    beforeSend:function (){
                        $("#verify-consent").prop('disabled',true);
                        $(".sb").prop('disabled',true);
                        $("#authorization_code").css("border-color", "#bec4d0");
                        $("#verify-consent").addClass("processing");
                    },
                    success: function(result) {
                    if(result.status == 'success') {
                        $("#google-link").removeClass("warning");
                        $("#google-link").addClass("active");
                        $("#tp-text").text("{{ trans("sending_node.add_new.form.label.gmail_api_connected") }}");
                        $("#descs").text(result.from);
                        $(".google-api-blk").slideUp();
                        $("#oath-success").css("display", "flex");
                        $("#unlinked-success").hide();
                        $("#qc").hide();
                        $("#cc").show();
                        $('#from_email').val(result.from);
                        $('#access_token').val(result.token);
                        $(".sb").prop('disabled',false);
                        $("#v-text").text("{{ trans('sending_node.add_new.form.button.verify') }}");
                    } else {
                        //toastr.error(result.message);
                        $("#unlinked-success").html('<span class="alert-text">'+result.message+'</span>').removeClass('alert-success').addClass('alert-danger').slideDown();
                    }
                    },
                    complete: function(XMLHttpRequest, status) {
                        if(XMLHttpRequest.status===422)
                        {
                            var x;
                            messages = XMLHttpRequest.responseJSON.errors;
                            for (x in messages) {
                                $('#' + x).addClass('is-invalid');
                                id = '#' + x + '-error';
                                $(id).html(messages[x]);
                                $(id).css('display', 'block');
                            }
                        }
                        $("#v-text").text("{{ trans('sending_node.add_new.form.button.verify') }}");
                        $("#verify-consent").removeClass("processing");
                        $("#verify-consent").prop('disabled',false);
                    }
                });
            }
        });

        /* Collapsible card toggle */
        $(document).on('click', '.mc-card--collapsible .mc-card__head', function() {
            $(this).closest('.mc-card--collapsible').toggleClass('mc-card--open');
        });
    </script>
@endsection

@section(decide_content())

<div id="modal-loading" class="modals">
    <i class="la la-spinner fa-spin fa-5x"></i>
</div>

{{-- Flash messages --}}
<div class="mc-messages">
    @if (Session::has('msg'))
        <div class="alert alert-success">{{ Session::get('msg') }}</div>
    @endif
    @if($errors->any())
        <div class="alert alert-danger">
            @foreach($errors->all() as $error)
                <p>{{ $error }}</p>
            @endforeach
        </div>
    @endif
</div>

<div class="mc-page">

    <form method="POST" id="nodeForm" class="kt-form kt-form--label-right" novalidate autocomplete="off">
        <input name="id" type="hidden" id="id" value="{{isset($smtp) ? $smtp->id : 0}}">
        <input type="hidden" name="_token" value="{{ csrf_token() }}">
        <input type="hidden" id="dbs" value="{{ isset($additional_settings->dbatch_status) ? $additional_settings->dbatch_status : '' }}">
        <input type="hidden" id="hss" value="{{ isset($additional_settings->hourlyspeed_status) ? $additional_settings->hourlyspeed_status : '' }}">
        <input type="hidden" id="pds" value="{{ isset($smtp->process_delivery_status) ? $smtp->process_delivery_status : '' }}">
        <input type="hidden" id="ahh" value="{{ isset($additional_headers) ? 'data' : '' }}">

        {{-- ═══ MC-CARD 1: Node Details ═══ --}}
        <div class="mc-card">
            <div class="mc-card__head">
                <h3 class="mc-card__title">{{trans('sending_node.form_heading')}}</h3>
            </div>
            <div class="mc-card__body">
                <p style="color:var(--mc-text-secondary);font-size:13px;margin-top:0;margin-bottom:16px;">{{trans('sending_node.form.heading_description')}}</p>

                <div class="form-group row" style="margin-bottom:12px;">
                    <div class="col-md-12" style="display:flex;align-items:center;gap:10px;">
                        <label class="col-form-label" style="margin:0;">{{trans('common.label.status')}}
                            {!! popover('sending_node.form.label.status_description','common.description') !!}</label>
                        <span class="kt-switch kt-switch--outline kt-switch--icon kt-switch--success">
                            <label>
                                <input type="checkbox" autocomplete="off" name="node_status" {{(isset($smtp) && $smtp->status ==1) || (!isset($smtp))  ? 'checked' : '' }}>
                                <span></span>
                            </label>
                        </span>
                    </div>
                </div>

                <div class="form-group mc-field">
                    <label class="col-form-label">{{trans('sending_node.form.label.node_name')}}
                        <span class="required"> * </span>
                        {!! popover('sending_node.form.label.node_name_description','common.description') !!}</label>
                    <input type="text" id="name" name="name" class="form-control" value="{{isset($smtp->name) ? $smtp->name : '' }}" required />
                    <small id="name-error" class="error invalid-feedback"></small>
                </div>
                <div class="form-group mc-field">
                    <label class="col-form-label">
                        {{trans('common.label.group')}}
                        <span class="required"> * </span>
                        <span><a href="#modal-group-label" data-toggle="modal"><i class="fa fa-plus-square text-success"></i></a></span>
                        {!! popover('common.label.group_help','common.description') !!}
                    </label>
                    <select class="form-control m-select2" data-placeholder="{{ trans('common.label.select_group') }}" name="group_id" id="group_id">
                        <option value="">{{ trans('common.label.select_group') }}</option>
                        @foreach($groups as $group)
                            <option value="{{ $group->id }}" {{ (isset($smtp->group_id) && $smtp->group_id == $group->id) ? 'selected' : '' }}>{{ $group->name }}</option>
                        @endforeach
                    </select>
                    <small id="group_id-error" class="error invalid-feedback"></small>
                </div>
            </div>
        </div>

        {{-- ═══ MC-CARD 2: Gateway ═══ --}}
        <div class="mc-card">
            <div class="mc-card__head">
                <h3 class="mc-card__title">
                    {{trans('sending_node.form.label.gateway')}}
                    <span class="required"> * </span>
                    {!! popover('sending_node.form.label.gateway_relay_email_tooltip','common.description') !!}
                </h3>
            </div>
            <div class="mc-card__body">
                <div class="gateway-block">
                    @php
                        $iconMap = ['smtp'=>'smtp','amazon'=>'amazon','aol'=>'aol','elasticEmail'=>'elasticEmail','gmail'=>'gmail','Gmail0AuthAPI'=>'gmail','mailgun'=>'mailgun','mailjet'=>'mailjet','MumaraOne'=>'mumaraone','outlook'=>'outlook','postMark'=>'postmark','sendgrid'=>'sendgrid','smtp2go'=>'smtp2go','sparkpost'=>'sparkpost','yahoo'=>'yahoo'];
                        $gwIcon = isset($smtp, $iconMap[$smtp->type]) ? $iconMap[$smtp->type] : '';
                    @endphp
                    <div class="gateway-iconblk" @if($gwIcon) style="background-image: url('{{ asset('img/icon/' . $gwIcon . '.gif') }}')" @endif></div>
                    <div class="gatewaydd">
                        <select {{isset($smtp)  ? 'disabled' : ''}} class="form-control m-select2" name="gateway" id="gateway" required data-placeholder="{{ trans('Esp') }}">
                            <option value="-1">{{ trans('sending_node.form.gateway_option.select_gateway') }}</option>
                            @if(routeAccess('smtp'))
                                <option {{(isset($smtp) && $smtp->type  == 'smtp')  ? 'selected' : ''}} value="smtp">{{ trans('SMTP') }}</option>
                            @endif
                            @foreach($espList as $esp)
                                @if($esp['file_name']=='smtp')
                                    @continue
                                @endif
                                <option value="{{ $esp['file_name'] }}" {{ (isset($smtp) && $smtp->type == $esp['file_name']) ? 'selected' : '' }}>{{ getEspTitle($esp['file_name']) }}</option>
                            @endforeach
                        </select>
                    </div>
                </div>
                <small id="esp-error" class="error invalid-feedback"></small>

                <div class="third-party-group">
                    <div id="esp_config"></div>
                </div>

                {{-- Validate Connection --}}
                <div class="mc-divider" style="margin-top:20px;"></div>
                <div class="node-validate-section">
                    <button type="button" class="mc-btn testEmail" id="validateSmtpNode"><i class="la la-check-circle"></i> {{ trans('common.form.button.validate') }}</button>
                    <div style="margin-top:6px;"><small style="color:var(--mc-text-secondary);">{{trans('sending_node.form.label_message.validate_node')}} <b>{{$authUser->email}}</b></small></div>
                    <div id="authUser" style="display: none;">
                        <span>
                            <i class="fa fa-spinner fa-spin fa-lg"></i>
                            {{trans('sending_node.form.label_message.validating_node')}}
                        </span>
                    </div>
                    <div id="validate-mail-sent-msg"></div>
                </div>
            </div>
        </div>

        {{-- ═══ MC-CARD 3: Sender Information ═══ --}}
        <div class="mc-card">
            <div class="mc-card__head">
                <h3 class="mc-card__title">Sender Information</h3>
            </div>
            <div class="mc-card__body">
                <div class="form-group mc-field">
                    <label class="col-form-label">
                        {{trans('sending_node.form.label.sender_name')}}
                        <span class="required"> * </span>
                        {!! popover('sending_node.form.label.sender_name_description','common.description') !!}
                    </label>
                    <input required type="text" id="from_name" name="from_name" class="form-control" value="{{isset($smtp->from_name) ? $smtp->from_name : '' }}">
                    <small id="from_name-error" class="error invalid-feedback"></small>
                </div>
                <div class="form-group" id="sender_email_div">
                    <label class="col-form-label">
                        {{trans('sending_node.form.label.sender_email')}}
                        <span class="required"> * </span>
                        {!! popover('sending_node.form.label.sender_email_description','common.description') !!}
                    </label>
                    <div class="row from-email">
                        <div class="col-md-6">
                            <div class="input-group">
                                <input type="text" class="form-control" id="sender_username" name="sender_username" placeholder="username" value="{{ isset($from_email_part1) ? $from_email_part1 : '' }}">
                                <small id="sender_username-error" class="error invalid-feedback"></small>
                                <div class="input-group-append">
                                    <span class="input-group-text" id="basic-addon2">@</span>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="input-icon right">
                                <select class="form-control m-select2" data-placeholder="{{trans('sending_node.form.host_placeholder.choose_domain')}}" name="sender_host" id="sender_host">
                                    <option value="" selected="">{{trans('sending_node.form.host_placeholder.choose_domain')}}</option>

                                    <br />
<font size='1'><table class='xdebug-error xe-uncaught-exception' dir='ltr' border='1' cellspacing='0' cellpadding='1'>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Fatal error: Uncaught Error: Call to undefined function getApplicationSettings() in /home/mohamma2/public_html/subdomains/testing.mohammad.jt.mumara.dev/resources/views/themes/default/smtp/addNode.blade.php on line <i>1083</i></th></tr>
<tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Error: Call to undefined function getApplicationSettings() in /home/mohamma2/public_html/subdomains/testing.mohammad.jt.mumara.dev/resources/views/themes/default/smtp/addNode.blade.php on line <i>1083</i></th></tr>
<tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>
<tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>
<tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0016</td><td bgcolor='#eeeeec' align='right'>541736</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='/home/mohamma2/public_html/subdomains/testing.mohammad.jt.mumara.dev/resources/views/themes/default/smtp/addNode.blade.php' bgcolor='#eeeeec'>.../addNode.blade.php<b>:</b>0</td></tr>
</table></font>