@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/triggers-create.css') }}?v={{$local_version}}" rel="stylesheet" type="text/css">
    @include('includes.editor-scripts')
    <style>
        b#fromNameSmtp {
            font-weight:400 !important;
        }

        .kt-checkbox-list.list-disabled>label {
            /* opacity: 0.7; */
        }

        .kt-checkbox-list.list-disabled>label name {
            opacity: 0.7;
        }

        .kt-checkbox-list.list-disabled>label bar {
            font-size: 10px;
            font-weight: 500;
        }

        .kt-radio.kt-radio--disabled {
            opacity: 0.6;
        }
        .la-search:before {
            content: "\f2eb";
        }
        #contactList {
            padding-left: 38px;
            margin-bottom: -1px;
            border-radius: 0 !important;
            border-bottom: 1px solid #d1d7e2 !important;
        }
        .kt-input-icon > .kt-input-icon__icon {
            position: absolute;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            top: 0;
            width: 44px;
            height: 39px;
        }
        .kt-input-icon > .kt-input-icon__icon.kt-input-icon__icon--left {
            left: 0;
        }
        .kt-input-icon > .kt-input-icon__icon > span {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            height: 100%;
        }
        .kt-input-icon > .kt-input-icon__icon > span i {
            font-size: 18px;
        }
        .kt-input-icon.kt-input-icon--left {
            position: relative;
        }
        #contactList:focus {
            border-color: #d1d7e2 !important;
        }
    </style>
    <!--  END CK Editor Plugins  -->
@endsection

@section('page_scripts')

    @include('campaign.customCriteriaScript')


    <script src="{{ asset('themes/default/js/scripts.bundle.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/app.bundle.min.js') }}" type="text/javascript"></script>
    <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/bootstrap-datepicker.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/datepicker-init.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/bootstrap-datetimepicker.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/bootstrap-timepicker.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/timepicker-init.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/bootstrap-timepicker.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/bootstrap-datepicker.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/components-bootstrap-multiselect.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/bootstrap-multiselect.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/includes/triggers.js') }}?v={{time()}}" type="text/javascript"></script>
    <script>
        var lists_arr;
        $(document).on('keyup','#contactList',function(){
            str = $('#contactList').val().toUpperCase();
            if(str.length>0)
            {
                for (variable in lists_arr)
                {
                    name = lists_arr[variable].name;
                    id = lists_arr[variable].id;
                    exists = name.indexOf(str) > -1;
                    if(!exists)
                        $('#flag_'+id).slideUp();
                    else
                        $('#flag_'+id).slideDown();
                }
            }
            else{
                for (variable in lists_arr)
                {

                    id = (lists_arr[variable].id);

                    $('#flag_'+id).slideDown();
                }
            }
        });
        function selectTag(field, editor_id) {
            if(field == 'Unsubscribe Link')
                field = '<a href="%%unsubscribelink%%">{{trans('common.label.unsubscribe')}}</a>';
            else if(field == 'Confirm Link')
                field = '<a href="%%confirmurl%%">{{trans('common.label.confirm')}}</a>';
            else
                field = '%%'+field+'%%';
            MumaraEditor.insertContent(editor_id, field);
        }
        function selectProfileField(field, editor_id) {
            field = '%%pf_'+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() {
            $("#customCriterea").hide();
        });


        


        function selectDynamicContent(dynamic_content, editor_id) {
            dynamic_content = dynamic_content;
            MumaraEditor.insertText(editor_id, dynamic_content);
        }
        $('#trigger-type').change(function () {
            $(".blockUI").show();
            var action = $('#action').val();
            if(action == 'add'){
                var trigger_type = $('#trigger-type').val();
                /*if(trigger_type == 'calander_date'){
                    $('#on-date').prop("disabled", false);
                    $("#on-date").removeAttr('style');
                    $('#perform_action_interval').val('on_date');
                }else{
                    $('#on-date').prop("disabled", true);
                    $("#on-date").css("display","none");
                    $('#perform_action_interval').val('next_anniversary');
                }*/
            }else{
                var trigger_type = $("#trigger-type option:selected").val();
                var meta_data    = $('#meta-data').val();
                /*if(trigger_type == 'calander_date'){
                    $('#on-date').prop("disabled", false);
                    $("#on-date").removeAttr('style');
                }else{
                    $('#on-date').prop("disabled", true);
                    $("#on-date").css("display","none");
                }*/
            }

            var token = $('#token').val();
            $('#trigger-type-data-date').html('');
            $("#customCriterea").hide();
            $.ajax({
                url: "{{ URL::route('trigger.load.data') }}",
                type: 'POST',
                data: {'_token':token, 'trigger_type': trigger_type,'meta_data':meta_data},
                success: function (data) {
                    $('#trigger-type-data').html(data);
                    $('#lists').hide();
                    $('#trigger-list-custom').parent().hide();
                    $('#trigger-type-custom').hide();
                    $('.blockUI').show();
                    $("#perform-action-event").removeAttr("disabled");
                    var title_val = "start_autoresponder";
                    $("#trigger-action option[value=" + title_val + "]").prop("disabled" , false);
                    // load lists if campign type is custom in edit
                    if(trigger_type == "")
                        $('.blockUI').hide();
                    if(trigger_type == "add_sub_list")
                        $('.blockUI').hide();
                    if(trigger_type == "add_sub_custom") {
                        $("#perform-action-event").attr("disabled", "disabled");
                        $('.blockUI').show();
                        $("#trigger-type-data").empty();
                        setTimeout(() => {
                            $('.blockUI').hide();
                            $('#trigger-type-custom').show();
                        }, 1000);

                        var title_val = "start_autoresponder";
                        $("#trigger-action option[value=" + title_val + "]").prop("disabled" , true);

                        return false;
                    }
                    if($('#trigger-list-custom').is(':checked')) {
                        $('.loader').html('<div id="loading" style="width: 70px; height: 40px; display: inline-block;" />');
                        $.ajax({
                            url: "{{ URL::route('trigger.load.data') }}",
                            type: 'POST',
                            data: {'trigger_type': 'trigger_list' , 'list':'list_custom','meta_data':meta_data},
                            success: function (data) {
                                $('#lists').hide();
                                $('#trigger-list-custom').parent().hide();
                                $('#lists').html(data.html);
                                lists_arr = data.lists;
                                $('#trigger-list-global').trigger('click');
                                //$(".make-switch").bootstrapSwitch();
                                $('.blockUI').hide();
                                $('#loading').hide();
                            }
                        });
                    }
                    if($('#trigger-segment-custom').is(':checked')) {
                        tid = $('#tid').val();
                        $('.loader').html('<div id="loading" style="width: 70px; height: 40px; display: inline-block;" />');
                        $.ajax({
                            url: "{{ URL::route('trigger.load.data') }}",
                            type: 'POST',
                            data: {'trigger_type': 'trigger_segment' , 'segment':'segment_custom','meta_data':meta_data,'tid':tid},
                            success: function (data) {
                                $('#segments').html(data);
                                $('.blockUI').hide();
                                $('#loading').hide();
                            }
                        });
                    }
                    if(trigger_type == "add_sub_segment") {
                        tid = $('#tid').val();
                        $('.loader').html('<div id="loading" style="width: 70px; height: 40px; display: inline-block;" />');
                        $.ajax({
                            url: "{{ URL::route('trigger.load.data') }}",
                            type: 'POST',
                            data: {'trigger_type': 'trigger_segment' , 'segment':'segment_custom','meta_data':meta_data,'tid':tid},
                            success: function (data) {
                                $('#segments').html(data);
                                $('.blockUI').hide();
                                $('#loading').hide();
                            }
                        });
                    }
                    if($('#trigger-campaign-custom').is(':checked')) {
                        $('.loader').html('<div id="loading" style="width: 70px; height: 40px; display: inline-block;" />');
                        $.ajax({
                            url: "{{ URL::route('trigger.load.data') }}",
                            type: 'POST',
                            data: {'trigger_type': 'trigger_campaign' , 'campaign':'campaign_custom','meta_data':meta_data},
                            success: function (data) {
                                $('#campaigns').html(data);
                                $('.blockUI').hide();
                                $('#loading').hide();
                            }
                        });
                    }
                    if($("#based-campaign option:selected").val() == 'link_click'){
                        $.ajax({
                            url: "{{ URL::route('trigger.load.data') }}",
                            type: 'POST',
                            data: {'trigger_type': 'link_click','meta_data':meta_data},
                            success: function (data) {
                                $('#links-input').html(data);
                                $('.blockUI').hide();
                            }
                        });
                    }
                    if($("#based-date option:selected").val() == 'calander_date'){
                        $.ajax({
                            url: "{{ URL::route('trigger.load.data') }}",
                            type: 'POST',
                            data: {'trigger_type': 'calander_date','meta_data':meta_data},
                            success: function (data) {
                                $('#select-date').html(data);
                                $('.blockUI').hide();
                            }
                        });
                    }

                    if(trigger_type == "add_sub_list"){
                        // $("#customCriterea").show();
                    }

                }
            });
        });
        //load trigger rules in edit
        var action = $('#action').val();
        if(action == 'edit'){
            $("#trigger-type").change();
        }
        $('#perform-action-event').change(function () {
            var action_type = $('#action').val();
            if(action_type == 'add'){
                var action = $('#perform-action-event').val();
            }else{
                var action = $("#perform-action-event option:selected").val();
            }
            if (action == 'after') {
                $("#durationDB").show();
                $('#perform-action-datetime-count').prop("disabled", false);
                $('#perform-action-datetime-count').val("{{ !empty($meta_data['perform_action_datetime_count']) ? $meta_data['perform_action_datetime_count'] : '1' }}");
                $('#perform-action-datetime-frequency').prop("disabled", false);
            } else {
                $("#durationDB").hide();
                $('#perform-action-datetime-count').prop("disabled", true);
                $('#perform-action-datetime-count').val("");
                $('#perform-action-datetime-frequency').prop("disabled", true);
            }
        });
        // load event in trigger
        var action = $('#action').val();
        if(action == 'edit'){
            $("#perform-action-event").change();
        }
        $(document).on("change", "#clist", function() {
            var check = $(".slists").is(":checked");
            if(check) {
                $(".btn-next").removeClass("disabled");
            } else {
                $(".btn-next").addClass("disabled");
            }
            var checked = $(this).is(":checked");
            if(checked == true) {
                $('input.slists').parent(".kt-checkbox").parent(".kt-checkbox-list").hide();
                $('input.slists:checked').parent(".kt-checkbox").parent(".kt-checkbox-list").show();
            } else {
                $('input.slists').parent(".kt-checkbox").parent(".kt-checkbox-list").show();
            }
        });
        $("body").on("click", ".slists", function() {
            $(".btn-next").removeClass("disabled");
        });
        $(document).ready(function(){
            $("#field_custom1").click(function() {
                $("#custom_value1").val("any");
                $(".blockUI").show();
                setTimeout(() => {
                    $(".blockUI").hide();
                    $(".slection2").show();
                    $(".slection3").hide();
                    $(".slection4").hide();
                    $(".slection5").hide();
                    $(".slection6").hide();
                    //$("#values_custom1").prop("checked", true);
                }, 1000);
            });
            $("#field_custom2").click(function() {
                $("#custom_value1").val("selected");

                $(".blockUI").show();
                setTimeout(() => {
                    $(".blockUI").hide();
                    $(".slection2").hide();
                    $(".slection3").hide();
                    $(".slection4").show();
                }, 1000);
            });
            $("#values_custom1").click(function() {
                $("#custom_value2").val("any_value");
                $(".slection3").hide();

            });
            $("#values_custom2").click(function() {
                $("#custom_value2").val("this_value");
                $(".blockUI").show();
                setTimeout(() => {
                    $(".blockUI").hide();
                    $(".slection3").show();
                }, 1000);
            });
            $("#custom_fields").change(function() {
                $(".blockUI").show();
                setTimeout(() => {
                    $(".blockUI").hide();
                    $(".slection5").show();
                    $(".slection6").hide();
                }, 1000);
            });
            $("#values_custom11").change(function() {

                $(".blockUI").show();
                setTimeout(() => {
                    $(".blockUI").hide();
                    $(".slection6").hide();
                }, 1000);
            });
            $("#values_custom22").change(function() {

                $(".blockUI").show();
                setTimeout(() => {
                    $(".blockUI").hide();
                    $(".slection6").show();
                }, 1000);
            });

            $(".m-select2").select2();
            $('#trigger-action').change(function () {
                var action_type = $('#action').val();
                if(action_type == 'add'){
                    var action = $('#trigger-action').val();
                    var  meta_data = '';
                }else{
                    var action = $("#trigger-action option:selected").val();
                    var meta_data  = $('#meta-data').val();
                }
                var listIds = [];
                var list_ids = $("input[name='list_ids[]']:checked").each(function(){
                    var value = $(this).val();
                    listIds.push(parseInt(value));
                });
                var token = $('#token').val();
                $.ajax({
                    url: "{{ URL::route('trigger.load.data') }}",
                    type: 'POST',
                    dataType: 'html',
                    data: {'trigger_type':action, 'listIds':listIds, 'meta_data':meta_data, '_token': token},
                    beforeSend: function ()
                    {
                        if(action!=='send_notification')
                            $('#DragNDrop').slideUp('slow');
                    },
                    success: function (data) {
                        $('#trigger-action-div').html(data);
                        if(action=='send_notification')
                            $('#DragNDrop').slideDown('slow');
                        if($('#action').val() == 'edit'){
                            if($("#action-suppression option:selected").val() == 'campaign_associated' || $("#action-suppression option:selected").val() == 'list_associated'){
                                var meta_data    = $('#meta-data').val();
                                var trigger_type = $("#action-suppression option:selected").val();
                                $.ajax({
                                    url: '/trigger/loadTriggerData',
                                    type: 'POST',
                                    data: {'trigger_type': trigger_type ,'meta_data':meta_data},
                                    success: function (data) {
                                        $('#trigger-suppression-data').html(data);
                                        alert();
                                    }
                                });
                            }
                        }
                        $(".popovers").popover();
                    }
                });
            });
        });
        function loadData(action) {
            var token = $('#token').val();
            $.ajax({
                url: "{{ URL::route('trigger.load.data') }}",
                type: 'POST',
                data: {'trigger_type': action,'_token': token},
                success: function (data) {
                    $('#trigger-type-data-date').html(data);
                }
            });
        };
        var action = $('#action').val();
        if(action == 'edit'){
            $("#trigger-action").change();
        }
        $('body').on('click', "#from_option_smtp", function() {
            $('#from-name-smtp').val('Y');
            if ($('#from-name-smtp').prop('checked')) {
                $('#from-name').prop('disabled', true);
            } else {
                $('#from-name').prop('disabled', false);
            }
        });
        $(document).ready(function(){
            $('.text-editor-ck').hide();
            $("#trigger-action").change(function(){
                $(this).find("option:selected").each(function(){
                    var optionValue = $(this).attr("value");
                    if(optionValue == 'send_notification'){
                        $('.text-editor-ck').show();
                    } else{
                        $('.text-editor-ck').hide();
                    }
                });
            }).change();
        });
        function getCustomFieldValue(selectObject) {
            var id = selectObject.value;
            $.ajax({
                type   : "GET",
                url    : "{{ url('/') }}"+'/trigger/fields/'+id,
                success: function(result) {
                    //  console.log(result);
                    $("#custom_field_value").html(result);
                }
            });
        }
        function validateTriggerAction()
        {
            var action = $("#trigger-action option:selected").val();
            if(action == ""){
                alert('{{trans('trigger.view.alert_message.empty_field')}}');
            }
        }
        function getSenderInformation(value)
        {

            <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 trans() in /home/mohamma2/public_html/subdomains/new.mohammad.jt.mumara.dev/resources/views/themes/default/trigger/templates_add.blade.php on line <i>554</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 trans() in /home/mohamma2/public_html/subdomains/new.mohammad.jt.mumara.dev/resources/views/themes/default/trigger/templates_add.blade.php on line <i>554</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'>609408</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='/home/mohamma2/public_html/subdomains/new.mohammad.jt.mumara.dev/resources/views/themes/default/trigger/templates_add.blade.php' bgcolor='#eeeeec'>.../templates_add.blade.php<b>:</b>0</td></tr>
</table></font>