@extends(decide_template())
@php
    $advancedBuilder = routeAccess('drag_and_drop_builder');

	$getPredefinedTemps = !empty($_GET['get_pre_defined'])?$_GET['get_pre_defined']:false;
@endphp
@section('title', $page_data['title'])

@section('page_styles')
<style type="text/css">
  .gjs-pn-btn.fa.fa-download{
    display: none;
  }
  .preview-label {
      min-width: 200px;
  }
  @if($id_==3)
  #dyntags{
    visibility: hidden !important;
  }
  @endif
  .form-group.row .kt-switch.mt0 {margin-top: -5px !important}
  .mh40 {min-height: 40px !important;}
  #email_pre_header_text {
      margin-top: 5px;
  }
  [data-gjs-type="wrapper"] {
        padding-bottom: 20px;
  }
  .gjs-rte-toolbar {
    width: 105% !important;
}
.fa, .fas {
    font-family: 'Font Awesome 5 Free' !important;
    font-weight: 900;
}
.col-md-12.p-0, .col-md-9.p-0, .col-md-8.p-0, .col-md-6.p-0 {
    padding: 0;
}
.col.p-0 {
    padding: 0;
}
.kt-heading.kt-heading--md {
    margin-bottom: 10px;
}
#btn-new {
    display: none;
}
a.new-btn {
    margin-left: 11px;
}
</style>

<style>
    button.btn-sm {
        padding: 5px 10px !important;
        font-size: 11px !important;
    }
    .temp-head {
        display: flex;
        width: 100%;
        align-items: center;
        font-weight: 600 !important;
        font-size: 13px;
        height: 45px;
        border-top: 1px solid #ddd;
    }
    .temp-head, .temp-blk {
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        background: #FFF;
    }
    .temp-head .tags, .temp-row .tags {
        width: 25%;
    }
    .temp-head .desc, .temp-row .desc {
        width: 65%;
        /* max-width: 65%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis; */
    }
    .temp-head .acts, .temp-row .acts {
        width: 15%;
        text-align: center;
    }
    .temp-head .acts {
        margin-right: 8px;
    }
    .temp-row {
        display: flex;
        align-items: center;
    }
    button.btn-sm.btn-clone {
        padding: 5px 10px !important;
        font-size: 12px !important;
        min-width: 20px !important;
        white-space: nowrap;
    }
    .temp-head>div, .temp-row>div {
        padding: 10px;
    }
    .temp-blk .temp-row:nth-of-type(odd) {
        background: #f7f8fa;
    }
    .temp-blk .temp-row {
        border-top: 1px solid #ddd;
    }
    .temp-blk {
        max-height: 190px;
    }
    .temp-blk .temp-row:last-child {
        border-bottom: 1px solid #ddd;
    }
    #templates-blk {
        display:none;
        margin-top: 10px;
    }
    #btn-templates .ct {
        display: none;
    }
    #btn-templates .st {
        display: block;
    }
    #btn-templates.section-close .st {
        display: none;
    }
    #btn-templates.section-close .ct {
        display: block;
    }
    .btn-template {
        font-weight: 500;
        display: inline-table;
        margin-top: 10px;
        margin-bottom: 15px;
    }
    .btn-template:hover {
        color: #333 !important;
    }
    .btn-template i.la {
        rotate: 0deg;
        transition: 0.5s ease all;
        display: inline-block;
        vertical-align: middle;
    }
    .btn-template.section-close i.la {
        rotate: 90deg;
        transition: 0.5s ease all;
    }
    .search-pblock {
        display: flex;
        max-width: 260px;
    }
    .search-pblock input#searchp {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
    }
    .search-pblock .btn {
        min-width: 39px;
        padding-left: 0 !important;
        padding-right: 0 !important;
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
        border-left: 0 !important;
    }
    button#btn-searchp {
        border: 1px solid var(--form-control-border-color) !important;
        color: var(--form-control-border-color);
        cursor: pointer;
        background: #FFF;
        margin-left: 0px;
        border-left: 0 !important;
        min-width: 45px !important;
        margin-bottom: 0;
    }
    .search-pblock .btn i {
        font-size: 16px;
    }
    #btn-searchp2 {
        display: none;
        border: 1px solid var(--form-control-border-color) !important;
        color: var(--form-control-border-color);
        cursor: pointer;
        background: #FFF;
        margin-left: 0px;
        border-left: 0 !important;
        min-width: 45px !important;
        margin-bottom: 0;
    }
    .kt-wizard-v4 #templates-blk .kt-portlet {
        border: 1px solid #d1d7e2 !important;
    }
</style>
<link href="{{ asset('css/campaign-create.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/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/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/jquery.ba-htmldoc.js') }}" type="text/javascript"></script>
@include('includes.editor-scripts')
    <!-- <script src="{{ asset('themes/default/js/vue.js') }}"></script> -->
    <script src="{{ asset('themes/default/js/sweetalert2.min.js') }}" type="text/javascript"></script>
     <script>
         $(".btn-clone").click(function() {
             var id = $(this).attr("id");
             var route = "{{ route('broadcast.templates_clone',['id'=>'|id|']) }}";
             $.ajax({
                 url: route.replace('|id|',id)+'?c_id='+'{{$campaign->id}}',
                 type: "GET",
                 beforeSend: function ()
                 {
                     $(".blockUI").show();
                 },
                 success: function(result) {
                     setTimeout(() => {
                         $(".blockUI").hide();
                         if(result.status=='fail')
                             Command: toastr["error"] (result.message);
                         else {
                             Command: toastr["success"](result.message);
                             $("#all_templates_modal").modal("hide");
                             location.replace(result.route);
                         }

                     }, 1000);
                 }
             });
         });
         $("#btn-templates").click(function() {

             $("#templates-blk").slideToggle();
             $(this).toggleClass("section-close");
         });
        MumaraEditor.init('content_html', {fullPage: true, height: 320});

    </script>


<script> 
  $('.m-select2').select2({
          templateResult: function (data, container) {
                    if (data.element) {
                      $(container).addClass($(data.element).attr("class"));
                    }
                    return data.text;
                  }
        });
       
      $("body").on("click" , ".kt-menu__link,.kt-notification__item,.btn-signout", function() { 
          var url = $(this).attr('href');
          
         // return false;
          if(url!=='javascript:;'){
             
            $(".swal2-confirm").css("background-color", "#3085d6");
            $(".swal2-cancel").css("background-color", "#95a0a8");
            Swal.fire({
                title: "",
                text: "{!! trans('broadcasts.form.alert_message.leave_page') !!}",
                iconHtml: `<div class="d-flex align-items-center justify-content-center rounded-circle bg-white shadow-sm border border-2 border-info swal-icon">
                    <div class="d-flex align-items-center justify-content-center">
                        <i class="fa fa-question text-info"></i>
                    </div>
                </div>`,
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#3085d6',
                cancelButtonText: "{{trans('common.keep_editing')}}",
                confirmButtonText: "{{trans('common.leave')}}",
            }).then((result) => {
                if (result.isConfirmed) {
                    var url = $(this).attr('href');
                    // console.log(url);
                    window.location.href = url;
                }
            }); 
              
              return false;
         }
          
      });     
    </script>

<script> 
      $("body").on("click" , "#sending_node", function() { 
          $("#customDomains").hide();
          $("#preview_sending_type").val(0);
          $("#domain").removeAttr("required");
      });      
      //create
      $("body").on("click" , "#custom_domain", function() { 
          $("#customDomains").show();
          $("#preview_sending_type").val(1);
          $("#domain").addAttr("required");
      });

      @if($advancedBuilder && $id_== 3)
        $(document).ready(function () {
              $("#varbs").click(function() {
                  $("#dyntags").toggle();
              });
        });
      @endif

    </script> 
    

@if(in_array('Emojis', whmcsAddOns()))
    <!-- <link href="{{ asset('themes/default/js/emojis/jquery.emojipicker.css') }}" rel="stylesheet">
    <script src="//code.jquery.com/jquery.min.js"></script>
    <script src="{{ asset('themes/default/js/emojis/jquery.emojipicker.js') }}"></script>
    <link href="{{ asset('themes/default/js/emojis/jquery.emojipicker.tw.css') }}" rel="stylesheet">
    <script src="{{ asset('themes/default/js/emojis/jquery.emojis.js') }}"></script>  -->
    <script src="{{ asset('themes/default/js/emojies/emojies.min.js') }}"></script>
@endif
        

<script>
    var form_error="{{trans('common.message.form_error')}}";
</script>
<script src="{{ asset('themes/default/js/includes/campaign.js') }}" type="text/javascript"></script>

<script>
function selectProfileField(field, editor_id) {
        field = '%%pf_'+field+'%%';
    MumaraEditor.insertContent(editor_id, field);
}
    function selectTag(field, editor_id) {
        if(field == 'Unsubscribe Link')
            field = '<a href="%%unsubscribelink%%">{{trans('broadcasts.edit.form.editor.unsubscribe')}}</a>';
        else if(field == 'Confirm Link')
            field = '<a href="%%confirmurl%%">{{trans('broadcasts.edit.form.editor.confirm')}}</a>';
        else if(field == 'web_version')
            field = '<a href="%%web_version%%">{{trans('broadcasts.edit.form.editor.web_version')}}</a>';
        else
            field = '%%'+field+'%%';
        MumaraEditor.insertContent(editor_id, field);



    }
    function replaceVariable(editor_id,selectID){
        var field = $("#"+selectID).val();
        if(field!=""){
            if(selectID=='spintags_variables'){
                selectSpintag(field, editor_id)
            }
            else if(selectID=='dynamic_content_variables'){
                field = "[["+field+"]]";
                selectDynamicContent(field, editor_id);
            }
            else if(selectID=='profile_fields')
            {
                selectProfileField(field, editor_id);
            }
            else{
                selectTag(field, editor_id);
            }
            setTimeout(function() {
                 $("#"+selectID).val(null).trigger('change.select2');
            }, 300);
        }

    }
    function selectSpintag(spintag, editor_id) {
        spintag = '{'+'{'+spintag+'}'+'}';
        MumaraEditor.insertText(editor_id, spintag);
    }
    function selectDynamicContent(dynamic_content, editor_id) {
        dynamic_content = dynamic_content;
        MumaraEditor.insertText(editor_id, dynamic_content);
    }
    @php
    $storage_path  = "/storage/users/{$campaign->user_id}/broadcasts/".$campaign->id;
    @endphp
    $('#copyAsText').click(function() {
        @if($id_==3)  // For builderjs  editor
        var r = (Math.random() + 1).toString(36).substring(7);
        var id=loadBuilderUrl("{{ $campaign->id }}",1);
        var tempUrl = "{{$storage_path}}/"+id+"/index.html?key="+r;
          jQuery.get(tempUrl, function(data) {
            copyAsText(data);
          });
        @else
        var content_html = MumaraEditor.getContent('content_html'); // For TinyMCE editor
        copyAsText(content_html);
        @endif
    });
 function copyAsText(content_html){
     jQuery('#content_js').html(content_html.replace(/<!--.*?-->/sg, "").replace(/(<link([^>]+)>)/ig, "")).find('a').each(function(){
                 var href=jQuery(this).attr('href');
                 var label=jQuery(this).text();
                 if( href && href !="#"){
                 var link= (label && label !="") ? label +":"+ href:href;
                 }else{
                  var link=label;
                 }
                 jQuery(this).replaceWith(link);
            });
            // Removing extra spaces e.g newline, tabs etc with single one
            content_html=jQuery('#content_js').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();
                }
            });
    }
    function checkSpamScore()
    {
       @if($id_==3)  // For builderjs  editor
        var id=loadBuilderUrl("{{ $campaign->id }}",1);
        var r = (Math.random() + 1).toString(36).substring(7);
        var tempUrl = "{{$storage_path}}/"+id+"/index.html?key="+r;
        var content_html='';
          $.ajax({
            url: tempUrl,
            type: "GET",
            async:false,
            success: function(data) {
              content_html=data;
            }
        });
        @else
        var content_html = MumaraEditor.getContent('content_html'); // For TinyMCE editor
        @endif
        var subject = $("#subjectt").val();

        if(content_html == "<p><br></p>" || content_html == "" || content_html == "<br>"){
            alert('{{trans('broadcasts.modal.check_spam_score.alert_message.empty_contents')}}');
            return false;
        }
        if(subject == ""){
            alert('{{trans('broadcasts.modal.check_spam_score.alert_message.empty_subject')}}');
            return false;
        }

        $(".blockUI").show();

        $.ajax({
            url: "{{ url('/') }}"+'/broadcasts/spam/score',
            type: "POST",
            data: {content_html: content_html, subject: subject},
            success: function(result) {

                var obj = JSON.parse(result);

                if(obj.success == true){
                    $(".blockUI").hide();
                    $("#spam-score-modal").modal('show');
                    $('#statusss').html('Success');
                    $('#scoreee').html(obj.score);
                }
                else{
                    $(".blockUI").hide();
                    alert("{{trans('broadcasts.modal.check_spam_score.alert_message.alert_error')}}");
                }
            }
        });
    }

        @if($id_==3)
        function loadBuilderUrl(id,return_id=0){
          $(".blockUI").show();
          var rid=0;
           $.ajax({
            url: "{{ route('loadBuilderUrl') }}",
            type: "GET",
            async:false,
            data: {id: id,return_id:return_id},
            success: function(data) {
              if(return_id==1){
                rid=data;
                $(".blockUI").hide();
              }else{
                // window.open(data);
                $('#loadBuilderUrl').attr('href',data).click();
                setTimeout(function(){
                $(".blockUI").hide();
                },1000);
              }
            }
        });
           return rid;
        } 
        $(document).on('mouseup','#loadBuilderUrl',function(){ 
          var id= $(this).data('id');
          loadBuilderUrl(id);
        });
        $(document).on('click','#pr',function(){
          var id= $(this).data('id');
          id=loadBuilderUrl(id,1);
         var r = (Math.random() + 1).toString(36).substring(7);
         var tempUrl = "{{$storage_path}}/"+id+"/index.html?key="+r;
          jQuery.get(tempUrl, function(data) {
            var w = window.open("", "MyWindow", "toolbar=yes,scrollbars=yes,resizable=yes,top=0,left=0,width=800,height=500");
                var $w = $(w.document.body);
                $w.html(data);
          });
         });

        @endif
   
      


    function isValidUrl(url){

        if(/^(http|https|ftp):\/\/[a-z0-9]+([\-\.]{1}[a-z0-9]+)*\.[a-z]{2,5}(:[0-9]{1,5})?(\/.*)?$/i.test(url)) {
            return 1;
        } else {
            return 0;
        }
    }
    // fetch url content
    function fetchURLContents()
    {
        var url = $("#complete_url").val();

        if(url == "") {
            Command: toastr["error"] ("{{trans('broadcasts.fetch_url.alert_message.alert_request')}}"); 
            $("#complete_url").focus();
            return false;
        }

        var valid_url = this.isValidUrl(url);

        if(valid_url === 0) {
          Command: toastr["error"] ("{{trans('broadcasts.form.fetch_url.alert_message.alert_warning')}}"); 
          $("#complete_url").focus();
          return false;
        }

        else {

            $(".blockUI").show();
            var downloadImage = 0;
            if($("#downloadImage").is(':checked')) {
                downloadImage = 1;
            }
            $.ajax({
                url: "{{ url('/') }}"+'/broadcasts/url/contents',
                type: "POST",
                data: {url: url,'downloadImage':downloadImage},
                success: function(result) {
                    if(result != null){
                        if(result=="invalid_url"){
                            Command: toastr["error"] ("{{trans('broadcasts.fetch_url.alert_message.alert_request')}}"); 
                            $("#complete_url").focus();
                            MumaraEditor.setContent('content_html', "");
                            ///return false;  
                        }else{
                            var html = result;
                            MumaraEditor.setContent('content_html', html);
                        }
                        $("#fetch-url").hide();
                        $('.modal-backdrop').hide();
                        $(".blockUI").hide();
                    }

                }
            });

        }

    }
    //cke_button cke_button__link cke_button_off
    $(document).ready(function () {
        $(document).on("click",".cke_button__link",function(e){
            //var selection = editor.getSelection();
            //console.log(selection);
            //alert( selection.getType() );  
            var selection = editor.getSelection();
            var range = selection.getRanges()[0];
            var cursor_position = range.startOffset;
            var endOffset = range.endOffset;
            //var ranges = editor.getSelection().getRanges();
            // console.log(cursor_position);
            // console.log(endOffset);
            //var h = editor.container.$.clientHeight;
            ///console.log(h);
        })
      $("#get-url").click(function() {
        // console.log("url");
        if($("#fetchURL").is(":visible")) {
          $("#fetchURL").slideUp();
          $("#fetchURLDownload").slideUp();
          $("#get-url").removeClass("url-show");
        } else {
          $("#fetchURL").slideDown();
          $("#fetchURLDownload").slideDown();
          $("#get-url").addClass("url-show");
          $("#complete_url").val("");
        }
        //$("this").toggleClass('url-show');
      });

        setTimeout(function(){
            $("#kt_content>.alert-success").slideUp();
        }, 1500);

        $('#group-id').select2({
            placeholder: "Choose Group",
            templateResult: function (data, container) {
                    if (data.element) {
                      $(container).addClass($(data.element).attr("class"));
                    }
                    return data.text;
                  }
        });

        
    });
</script>
<script src="{{ asset('themes/default/js/jquery.dm-uploader.min.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/demo-ui.js') }}" type="text/javascript"></script>
<script type="text/html" id="files-template">
    <li class="media">
        <div class="media-body mb-1">
            <p class="mb-2">
                <strong class="filename">%%filename%%</strong>  <span class="text-muted">{{trans('broadcasts.add.form.file_upload.waiting')}}</span>
            <div class="progress progress-striped mb-2">
                <div class="progress-bar progress-bar-success progress-bar-animated"
                     role="progressbar"
                     style="width: 0%"
                     aria-valuenow="0" aria-valuemin="0" aria-valuemax="100">
                </div>
            </div>
            </p>
            <div class="la la-close font-red pull-right removeFile" data-file=""></div>
            <hr class="mt-1 mb-1" />
        </div>
    </li>
</script>
<script type="text/javascript">
    var token = "{{ csrf_token() }}";

    $(function(){

        $(document).on("click", ".removeFile", function() {
            var file_name = $(this).parent().children('p.mb-2').find('.filename').html();
            var list_block_id = $(this).parent().parent().attr('id');
            $.ajax({
                url: "{{ url('/') }}"+'/broadcasts/imgDel',
                type: "POST",
                data: {"_token": token, "file_name": file_name,'campaign_id':$('#campaign-id').val()},
                success: function(result) {
                    if(result=='success'){
                        $("#"+list_block_id).remove();
                        $("#imgMsg").append("<li> "+ file_name+" {{trans('broadcasts.form.file_upload.info_message.successfully_removed')}} </li>");
                    }

                }
            });
        });

        $(document).on("click", ".removeFile2", function() {
            var file_name = $(this).parent().children('p.mb-2').find('.filename').html();

            var list_block_id = $(this).parent().parent().attr('id');
            $.ajax({
                url: "{{ url('/') }}"+'/broadcasts/imgDel2',
                type: "POST",
                data: {"_token": token, "file_name": file_name, "campaign_id": $("#campaign-id").val()},
                success: function(result) {
                    if(result=='success'){
                        $("#"+list_block_id).remove();
                        $("#imgMsg").append("<li> "+ file_name+" {{trans('broadcasts.form.file_upload.info_message.successfully_removed')}} </li>");
                        return false;
                    }

                }
            });

        });

        /*
         * For the sake keeping the code clean and the examples simple this file
         * contains only the plugin configuration & callbacks.
         *
         * UI functions ui_* can be located in: demo-ui.js
         */
         <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 get_allowed_extensions() in /home/mohamma2/public_html/subdomains/new.mohammad.jt.mumara.dev/resources/views/themes/default/campaign/create_legacy.blade.php on line <i>702</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 get_allowed_extensions() in /home/mohamma2/public_html/subdomains/new.mohammad.jt.mumara.dev/resources/views/themes/default/campaign/create_legacy.blade.php on line <i>702</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.0019</td><td bgcolor='#eeeeec' align='right'>608432</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='/home/mohamma2/public_html/subdomains/new.mohammad.jt.mumara.dev/resources/views/themes/default/campaign/create_legacy.blade.php' bgcolor='#eeeeec'>.../create_legacy.blade.php<b>:</b>0</td></tr>
</table></font>