@extends(decide_template())


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

@section('page_styles')
<link href="{{ asset('css/wizard-v4.default.css') }}?v={{$local_version}}" rel="stylesheet" type="text/css" />
<link href="{{ asset('css/webform-create.css') }}?v={{$local_version}}" 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/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/webforms.js') }}?rand={{rand(0,1000)}}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/includes/common.js') }}" type="text/javascript"></script>
<script src="{{ asset('js/webform-varpicker.js') }}?v={{$local_version}}" type="text/javascript"></script>
{{-- Variable Picker Data --}}
<script>
window.wfVariables = (function() {
    var data = { system: [], fields: [], spintags: [], dynamic: [], profile: [] };

    data.system = [
        { name: "{{ trans('common.variables.system_variables.option_sender_name') }}", insert: "%%sender_name%%", display: "%%sender_name%%" },
        { name: "{{ trans('common.variables.system_variables.option_sender_email') }}", insert: "%%sender_email%%", display: "%%sender_email%%" },
        { name: "{{ trans('common.variables.system_variables.option_recipient_email') }}", insert: "%%recipient_email%%", display: "%%recipient_email%%" },
        { name: "{{ trans('common.variables.system_variables.option_reply_to_email') }}", insert: "%%replyto_email%%", display: "%%replyto_email%%" },
        { name: "{{ trans('common.variables.system_variables.option_bounce_email_return_path') }}", insert: "%%bounce_email%%", display: "%%bounce_email%%" },
        { name: "{{ trans('common.variables.system_variables.option_todays_date') }}", insert: "%%todays_date%%", display: "%%todays_date%%" },
        { name: "{{ trans('common.variables.system_variables.option_message_id') }}", insert: "%%message_id%%", display: "%%message_id%%" },
        { name: "{{ trans('common.variables.system_variables.option_campaign_id') }}", insert: "%%campaign_id%%", display: "%%campaign_id%%" },
        { name: "{{ trans('common.variables.system_variables.option_sending_url_domain') }}", insert: "%%sending_domain%%", display: "%%sending_domain%%" },
        { name: "{{ trans('common.variables.system_variables.option_tracking_domain') }}", insert: "%%tracking_domain%%", display: "%%tracking_domain%%" },
        { name: "{{ trans('common.variables.system_variables.option_schedule_id') }}", insert: "%%schedule_id%%", display: "%%schedule_id%%" },
        { name: "{{ trans('common.variables.system_variables.option_confirm_link') }}", insert: '<a href="%%confirmurl%%">{{ trans("common.label.confirm") }}</a>', display: "{{ trans('broadcasts.varpicker.display.confirm_link') }}", method: "content" },
        { name: "{{ trans('common.variables.system_variables.option_unsubscribe_link') }}", insert: '<a href="%%unsubscribelink%%">{{ trans("common.label.unsubscribe") }}</a>', display: "{{ trans('broadcasts.varpicker.display.unsubscribe_link') }}", method: "content" }
    ];

    @php
        $wf_user_id = ($adminOnClient && isset($webform->user_id)) ? $webform->user_id : null;
        $wf_additional_fields = additionalFields();
        $wf_custom_fields = customFields($wf_user_id);
    @endphp
    data.fields = [
        { name: "{{ trans('common.variables.addition_fields.contact_id') }}", insert: "%%contact_id%%", display: "%%contact_id%%" },
        { name: "{{ trans('common.variables.addition_fields.creation_date') }}", insert: "%%creation_date%%", display: "%%creation_date%%" }
        @foreach($wf_additional_fields as $field)
        ,{ name: @json($field['name']), insert: "%%{{ $field['tag'] }}%%", display: "%%{{ $field['tag'] }}%%" }
        @endforeach
        @foreach($wf_custom_fields as $field)
        ,{ name: @json($field['name']), insert: "%%{{ $field['tag'] }}%%", display: "%%{{ $field['tag'] }}%%" }
        @endforeach
    ];

    @if(routeAccess('spintag.index'))
        @php $wf_spin_tags = spinTags($wf_user_id); @endphp
        @if(isset($wf_spin_tags) && count($wf_spin_tags) > 0)
            @php
                $wf_spintag_js = [];
                foreach($wf_spin_tags as $st) {
                    $wrap = '{' . '{' . $st['tag'] . '}' . '}';
                    $wf_spintag_js[] = ['name' => $st['place_holder'], 'insert' => $wrap, 'display' => $wrap];
                }
            @endphp
            data.spintags = @json($wf_spintag_js);
        @endif
    @endif

    @if(routeAccess('dynamictag.index'))
        @php $wf_dynamic_contents = dynamicContents($wf_user_id); @endphp
        @if(isset($wf_dynamic_contents) && count($wf_dynamic_contents) > 0)
            data.dynamic = [
                @foreach($wf_dynamic_contents as $i => $dc)
                @php
                    $label = str_replace(['[[',']]'], '', (string)$dc['label']);
                @endphp
                {{ $i > 0 ? ',' : '' }}{ name: @json($dc['name']), insert: "[[{{ $label }}]]", display: "[[{{ $label }}]]" }
                @endforeach
            ];
        @endif
    @endif

    @php
        $wf_package = getPackage();
        $wf_skip = skipRoutesFor($wf_package);
    @endphp
    @if(!in_array('profileFields.index', $wf_skip))
        @php $wf_profile_fields = \App\Models\ProfileField::getProfileFields(); @endphp
        @if(count($wf_profile_fields) > 0)
            data.profile = [
                @foreach($wf_profile_fields as $i => $field)
                {{ $i > 0 ? ',' : '' }}{ name: @json($field['name']), insert: "%%pf_{{ $field['tag'] }}%%", display: "%%pf_{{ $field['tag'] }}%%" }
                @endforeach
            ];
        @endif
    @endif

    return data;
})();
</script>
<script>
    window.WF_INDEX_URL = "{{ route('form.index') }}";
    function gotoTop(){
        $('html, body').animate({scrollTop:0}, 'slow');
    }
   
    
    
    $(document).ready(function(){
        $("a#help-article").css("display", "block");
        $("a#help-article").attr("href", "https://docs.mumara.com/campaigns/setup/web-forms#creating-a-web-form");

        $("#duplicateDB").change(function(){
            var content = "";
            if($("#duplicateDB").val()=='skip'){
                MumaraEditor.setContent('error_content', $("#error_page_text_hidden").val());
            }
            else{
                MumaraEditor.setContent('error_content', $("#update_page_content_text_hidden").val());	
            }
        });
                $("#change-template").click(function() {
            $(this).hide();
            $("#cancel-template").show();
            $("#template_div").slideDown();
           // $("#design_id").attr("disabled", false); 
        });
        $("#cancel-template").click(function() {
            $(this).hide();
            $("#change-template").show();
            $("#template_div").slideUp();
            //$("#design_id").attr("disabled", true); 
        });
        
        
        
        var tid = ""; 
        
                      $("#imageBox").hide();
                $(".template-side").hide();      
          
        // $("#addvars").modal("show");
        $(".m-select2").select2({
            placeholder: 'Select Option'
        });
        $("#have_design_id").change(function(){
            if($("#have_design_id").is(":checked")){
                $("#template_div").slideUp();
                //$("#design_id").attr("disabled", true);                      
            }else{
                $("#template_div").slideDown();
               // $("#design_id").attr("disabled", false);                                
            }
        });
        $("#admin_notify").change(function() {
            if($(this).is(":checked")) {
                $("#admin_notify_blk").slideDown();
                $('.admin_content_div').slideDown();
                $("#setup_email").removeAttr("disabled");
              //  $("#admin_content").removeAttr("disabled");
               //$("#format").removeAttr("disabled");
            } else {
                $("#admin_notify_blk").slideUp();
                $('.admin_content_div').slideUp();
                $("#setup_email").attr("disabled", "disabled");
                //$("#admin_content").attr("disabled", "disabled");
               // $("#format").attr("disabled", "disabled");
            }
        });
        // --- Search: Sending Nodes ---
        $("#wfSearchSmtps").on("keyup", function() {
            var str = $(this).val().toUpperCase();
            $("#sn-blk .scList .input-icon").each(function() {
                var label = $(this).find("label").text().toUpperCase();
                var $children = $(this).nextUntil(".input-icon");
                if (str.length === 0 || label.indexOf(str) > -1) {
                    $(this).show();
                    $children.show();
                } else {
                    // Check if any child matches
                    var childMatch = false;
                    $children.each(function() {
                        if ($(this).text().toUpperCase().indexOf(str) > -1) {
                            childMatch = true;
                            $(this).show();
                        } else {
                            $(this).hide();
                        }
                    });
                    if (childMatch) { $(this).show(); } else { $(this).hide(); }
                }
            });
        });

        // --- Search: Contact Lists ---
        $("#wfSearchLists").on("keyup", function() {
            var str = $(this).val().toUpperCase();
            $("#cl-blk .scList .input-icon").each(function() {
                var label = $(this).find("label").text().toUpperCase();
                var $children = $(this).nextUntil(".input-icon");
                if (str.length === 0 || label.indexOf(str) > -1) {
                    $(this).show();
                    $children.show();
                } else {
                    var childMatch = false;
                    $children.each(function() {
                        if ($(this).text().toUpperCase().indexOf(str) > -1) {
                            childMatch = true;
                            $(this).show();
                        } else {
                            $(this).hide();
                        }
                    });
                    if (childMatch) { $(this).show(); } else { $(this).hide(); }
                }
            });
        });
    });
    $('#copy-email').click(function() {
        var content_html = MumaraEditor.getContent('content_html');
        var content = content_html.replace(/<br\s*\/?>/mg,"\n");
        // remove all the other html tags for text content
        var regex = /(<([^>]+)>)/ig
        var content = $.trim(content.replace(regex, ""));
        $('#content_text').html(content);
    });
    $('#copy-thanksemail').click(function() {
        var content_html = MumaraEditor.getContent('thankyou_content');
        var content = content_html.replace(/<br\s*\/?>/mg,"\n");
        // remove all the other html tags for text content
        var regex = /(<([^>]+)>)/ig
        var content = $.trim(content.replace(regex, ""));
        $('#thanks_content_text').html(content);
    });
</script>
<script>
    $('#copyAsText').click(function() {
        var content_html = MumaraEditor.getContent('content_html');
        $(".blockUI").show();
         $.ajax({
            url: "{{ route('converHtmlToText') }}",
            type: "POST",
            data: {html: content_html},
            success: function(result) {
                    $(".blockUI").hide();
                    $('#content_text').val(result);
            },
            error: function(err) {
                    $(".blockUI").hide();
            }
        });
        
    });
    
    $('#c_show_page').on('change', function (e, state) {
        if($(this).is(":checked")) {
            $(".confirmation_custom_vars").show();
            $("#div_json_response_text_content").hide();
        }
    });
    $('#c_goto_web').on('change', function (e, state) {
        if($(this).is(":checked")) {
            $(".confirmation_custom_vars").hide();
            $("#div_json_response_text_content").hide();
        }
    });
    $('#c_json').on('change', function (e, state) {
        if($(this).is(":checked")) {
            $("#div_json_response_text_content").show();
            $(".confirmation_custom_vars").hide();      
            $(".c_goto_web").hide();
            $(".c_show_page").hide();
        }
    });
    $('#double_optin').on('change', function (e, state) {
        if($(this).is(":checked")) {
            $("#c_show_page,#c_goto_web,#c_site_address,#c_name,#c_email_part1,#c_email_part2,#c_replyemail,#c_subject,#content_text").removeAttr('disabled');
            $("#confirmationEmailContent").show();
            $("#confirmationEmailContentDisable").hide();
            $("#overwrite").attr('disabled',true);
            $("#overwrite").hide();
            $("#duplicateDB").val("skip");
            MumaraEditor.setContent('error_content', $("#error_page_text_hidden").val());
        } else {             
            $("#c_show_page,#c_goto_web,#c_site_address,#c_name,#c_email_part1,#c_email_part2,#c_replyemail,#c_subject,#content_text").attr('disabled', "disabled");
            $("#confirmationEmailContent").hide();
            $("#confirmationEmailContentDisable").show();
            $("#overwrite").attr('disabled',false);
            $("#overwrite").show();
            
        }
       
    });
    $('#thanks_email').on('change', function (e, state) {
        if($('#thanks_email').is(":checked")){
            $("#t_name,#t_email_part1,#t_email_part2,#t_replyemail,#t_subject,#thanks_content_text").removeAttr('disabled');
            $("#thankYouEmailContent").show();
        }else{
            $("#t_name,#t_email_part1,#t_email_part2,#t_replyemail,#t_subject,#thanks_content_text").attr('disabled', "disabled");
            $("#thankYouEmailContent").hide();
        }    
    });
    if($("#double_optin_btn").val() == 'no') {
        $("#c_show_page,#c_goto_web,#c_site_address,#c_name,#c_email_part1,#c_email_part2,#c_replyemail,#c_subject,#content_text").attr('disabled', true);
        $("#confirmationEmailContent").hide();
        $("#confirmationEmailContentDisable").show();
    }
    if($("#thanks_email_btn").val() == 'no') {
        $("#t_name,#t_email_part1,#t_email_part2,#t_replyemail,#t_subject,#thanks_content_text").attr('disabled', true);
        $("#thankYouEmailContent").hide();
    }
    function getCustomFields(id)
    {
        $(".blockUI").show();
        var token = $('#token').val();
        $.ajax({
            url: "{{ url('/') }}"+'/form/custom/fields/'+id,
            type: "POST",
            data: {'_token':token},
            success: function (data) {
                $(".blockUI").hide();
                $('.custom-fields-data').hide();
                $('#custom-fields-data-'+id).toggle().html(data);
            }
        });
        
         $.ajax({
            url: "{{ url('/') }}"+'/get-list-customfields',
            type: "POST",
            data: {'_token':token,'list_id':id},
            success: function (data) {
                $(".blockUI").hide();
                $('#customfieldDD').html(data);
            }
        });
            /*to clear box on other selection*/
            $('#sortable').html("");
        @if ($page_data['action'] == 'add')
        $('#sortable').append('<li class="all-scroll kt-list-timeline__badge"><span class="kt-list-timeline__badge"></span><input type="hidden" name="custom_fields[]" value="0"><span class="kt-list-timeline__text">{{ trans("common.label.email")}}</li>');
        @endif
    }
    $("body").on("click" , ".submitAction" , function() {
        $("html, body").animate({ scrollTop: 0 }, "slow");
    });
    function up()
    {
        MumaraEditor.saveAll();
    }
</script>
<script type="text/javascript">
    if($('#action').val() == 'edit') {
        var radioValue = $("input[name='subscriber_lists[]']:checked").val();
                if(radioValue){
                    getCustomFields(radioValue);
                }
    }
    $(document).ready(function(){
        
        $("#design_id").change(function() {
            var val = $(this).val();
            if (val !== "" && val !== 0) {
                $("#imageBox").show('');

                $.ajax({
                    type: "POST",
                    url: "{{ route('form.get.design.row') }}",
                    data: {'id':val},
                    dataType:'json',
                    success: function(data){
                      if(data.status=='success'){
                          $("#imageBox").attr("src", data.design_url);
                         $("#imageLabel").html(data.design_name);
                         $(".template-side").show();
                      }

                    }
                });
            }
            else {
                $("#imageBox").hide();
                $(".template-side").hide();
               // $("#form_name").show()
            }
        });
    });
</script>
<script src="{{ asset('themes/default/js/includes/sortable.js') }}" type="text/javascript"></script>
<script>
  $( function() {
    $( "#sortable" ).sortable({
     cancel: ".disable-sort-item"
});
    $( "#sortable" ).disableSelection();
  } );
</script>
<script type="text/javascript">
    function setupFields (event, id , name , edit)
    {
        if(edit){
            $('#sortable').append('<li id="field-'+id+'" class="all-scroll kt-list-timeline__item"><span class="kt-list-timeline__badge"></span><input type="hidden" name="custom_fields[]" value="'+id+'"><span class="kt-list-timeline__text">'+name+'</span></li>');
        }else if($(event.target).is(":checked")){
            $('#sortable').append('<li id="field-'+id+'" class="all-scroll kt-list-timeline__item"><span class="kt-list-timeline__badge"></span><input type="hidden" name="custom_fields[]" value="'+id+'"><span class="kt-list-timeline__text">'+name+'</span></li>');
        }else {
            $('#field-'+id+'').remove();
        }
    }
    $("#customfields-data li").each(function(){
          setupFields(1, this.id , $(this).text() , 1);
    });


</script>

<script type="text/javascript">
$(document).ready(function(){
    @if ($page_data['action'] != 'add')
        if($('#c_goto_web').is(":checked")) {
           $(".confirmation_custom_vars").hide();
           $("#div_json_response_text_content").hide();
        }
        if($('#c_show_page').is(":checked")) {
            $(".confirmation_custom_vars").show();
            $("#div_json_response_text_content").hide();
        }
        if($('#c_json').is(":checked")) {
            $("#div_json_response_text_content").show();
            $(".confirmation_custom_vars").hide();
            $(".c_goto_web").hide();
            $(".c_show_page").hide();
        }
    @else
            $(".confirmation_custom_vars").show();
            $("#div_json_response_text_content").hide();
    @endif
});
</script>

@endsection

@section(decide_content())

@include('includes.editor-scripts')

@if (Session::has('msg'))
<div class="alert alert-success" data-name="fJijSCTf">
    {{ Session::get('msg') }}
</div>
@endif
@if($errors->any())
    <!-- For PHP validations errors-->
    <div class="alert alert-danger" data-name="cTOIeEQy">
        @foreach($errors->all() as $error)
            <p>{{ $error }}</p>
        @endforeach
    </div>
@endif