@extends('layouts.master2')
@php($authUser = getAuthUser())
@section('title', $pageTitle)

@section('page_styles')
<link href="{{ asset('css/segment-add.css') }}?v={{$local_version}}" rel="stylesheet" type="text/css">
<link href="{{ asset('css/segment-builder.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/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/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/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/bootstrap-datetimepicker.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/common.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/sweetalert2.min.js') }}" type="text/javascript"></script>
    <script type="text/javascript">
        function useTemp(tag,desc,values)
        {
            // {{trans('segments.form.error_message.broadcast')}}
            $(".blockUI").show();
            var tags = $("#name").val();
            var description = $("#description").val();
            if(tags != "" || description != "") {
                Swal.fire({
                    title: "Are you sure?",
                    text: "It will override the current selections.",
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: "Confirm"
                }).then((result) => {
                    if (result.isConfirmed) {
                        setTimeout(() => {
                            $("#name").val(tag);
                            $("#description").val(description);
                            $(".blockUI").hide();
                            $("#templates-blk").slideUp();
                            $("#btn-templates").removeClass("section-close");
                            Command: toastr["success"] ("Segment template successfully added!");
                        }, 1500);
                    } else {
                        $("#templates-blk").slideDown();
                        $("#btn-templates").addClass("section-close");
                    }
                });
            } else {
                $(".blockUI").show();
                setTimeout(() => {
                    $("#name").val(tag);
                    $("#description").val(desc);
                    $(".blockUI").hide();
                    $("#templates-blk").slideUp();
                    $("#btn-templates").removeClass("section-close");
                    Command: toastr["success"] ("Segment template successfully added!");
                }, 1500);
            }
        }
        $(document).ready(function(){

            $("#btn-templates").click(function() {
                $("#templates-blk").slideToggle();
                $(this).toggleClass("section-close");
            });
            $("#btn-searchp").click(function() {
                $("#btn-searchp").hide();
                $("#btn-searchp2").show();
                var value = $("#searchp").val().toLowerCase();
                $(".temp-blk .temp-row").filter(function() {
                    $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
                });
            });
            $("#btn-searchp2").click(function() {
                $("#btn-searchp").show();
                $("#btn-searchp2").hide();
                $("#searchp").val("");
                var value = "";
                $(".temp-blk .temp-row").filter(function() {
                    $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
                });
            });
            $('#searchp').keyup(function(e){
                if(e.keyCode == 13) {
                    $(this).trigger("enterKey");
                }
            });
            $('#searchp').bind("enterKey",function(e){
                var value = $("#searchp").val().toLowerCase();
                $(".temp-blk .temp-row").filter(function() {
                    $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
                });
            });

            $("#campaignList").keyup(function(){
                str = $('#campaignList').val().toLowerCase();
              
                if(str.length>0)
                {
                    $(".scList .campiagnsNameList").each(function() {
                        var name = $(this).attr("data-name");
                        var id = $(this).attr("data-id");
                        exists = name.indexOf(str) > -1;
                        if(!exists)
                            $('#flag_'+id).hide();
                        else
                            $('#flag_'+id).show();
                    });
                } else{
                    $(".scList .campiagnsNameList").each(function() {
                        var id = $(this).attr("data-id");
                        $('#flag_'+id).show();
                    });
                }
            });
            
            $("#advanceMemberSelect1").select2();
            $("#advanceMemberSelect2").select2();
            $("#selectList1").select2();
            $("#selectList12").select2();
            $("#list_group_name").select2();
            $("#list_group_condition").select2();

            $("#segment_type_list").click(function(){
                console.log("list type");
            });
            $('input[type=radio][name=segment_type]').change(function() {
                if (this.value == 0) {
                    $("#listBtn2").show();
                    $("#campBtn2").hide();
                    $("#lists").show();
                    $("#camps").hide();
                    // $("#camps > .kt-portlet").hide();
                    $("#filters").show();
                    $("#filters2").hide();
                    $("#save").show();
                    
                }else{
                    $("#listBtn2").hide();
                    $("#campBtn2").show();
                    $("#lists").hide();
                    $("#camps").show();
                    // $("#camps > .kt-portlet").show();
                    $("#filters").hide();
                    $("#filters2").show();
                    $("#save").show();
                    console.log("statsOpts");
                }
                
            });
            $(".listOps").click(function() {
                
            });
            $(".statsOpts").click(function() {
                $("#log_notification").show();
            });
        });
        var log_notification = 0;
        var log_notification_filter = 0;

        function fillThirdField(value,name)
        {
            if(value!=-1) {
                    for_users = 1;
                field_value = value;
                field_index = (name.split("[")[1].slice(0, -1));
                custom_field_col = 'adv_list';
                if (field_value == 2)
                    custom_field_col = 'adv_group';
                col = 'advance_filter[' + field_index + '][adv_filter_val][]';
                //select_class = 'class="mt-multiselect btn btn-default form-control MultiSelectBox"';
                select_class = 'class="class="mt-multiselect btn btn-default form-control MultiSelectBox" multiple="multiple" data-width="100%" data-label="left" data-select-all="true"';
                var checkbox_html = '<select ' + select_class + ' id="' + custom_field_col + '_' + field_index + '"  name="' + col + '" >';


                $.ajax({
                    url: '{{route('segment.getList')}}',
                    type: 'post',
                    data: {'field_value':field_value,'type':custom_field_col,'for_users':for_users,'user_id':$('#where_user').val()},
                    beforeSend: function () {
                        $(".blockUI").show();
                    },
                    complete: function () {
                        $(".blockUI").hide();
                    },
                    success: function (data) {

                        checkbox_html += data.html;
                        checkbox_html += '</select>';
                        checkbox_html += '<small id="advance_option3-error" class="error invalid-feedback p-right"></small>';
                        $("#div_adv_3_" + field_index).html(checkbox_html);
                        $("#" + custom_field_col + '_' + field_index).multiselect('rebuild');

                    }
                });
            }
            else {
                $("#div_adv_3_" + value).html('<input type="text" class="form-control textsystem" ><small id="advance_option3-error" class="error invalid-feedback p-right"></small>');
            }
        }
        function getIndex()
        {
            $('.div_adv').each(function(i, obj) {
                if(i==1)
                    $('#btn-new3').css('pointer-events','none');
                $(this).attr('id','div_adv_3_'+i);
            });
        }
        function enableDiv()
        {
            $('#btn-new3').removeAttr('style');
        }
        function hasError()
        {
            $('.error').hide();
            error = true;
           // broadcast_type = $('input[name="broadcast_type"]:checked').val();
            campaignChk = $('input[name="campaignChk"]:checked').val();
            segment_type = $('input[name=segment_type]:checked').val();
            criteria = $('#opens-clicks-status').val();
            criteria_camp = $('#opens-clicks-campaign').val();
            if(segment_type==1)
            {
                 if(campaignChk==undefined)
                {
                    Command: toastr["error"]("{{trans('segments.form.error_message.broadcast')}}");
                    error = false;
                }
                 else if(campaignChk=='custom' && criteria_camp=="")
                 {
                     Command: toastr["error"]("{{trans('segments.form.error_message.select_broadcast')}}");
                     error = false;
                 }
                else if(criteria=="")
                {
                    Command: toastr["error"]("{{trans('segments.form.error_message.criteria')}}");
                    error = false;
                }

            }
            return error;
        }
        $(document).ready(function () {
            $('.segment_list').prop('checked',false);
        });
        $(document).ready(function () {
            // validate rules
            $("#segmentation").validate({
                rules: {
                    'name': "required",
                },
                messages: {
                    "name": "Enter the Segment Name"
                },
                submitHandler: function (form) {
                    $('#submit').prop("disabled", true);
                    if($("#segment_type_list").is(':checked')){
                        var list_array = [];
                        $('.list_array:checked').each(function() {
                            list_array.push($(this).val());
                        });
                        if($("#segment-list-custom").is(':checked')){
                            if(list_array.length==0){
                                $("#list_ids_error").show(); 
                                $('#submit').prop("disabled", false);
                                return false;
                            }

                        }else{
                            $("#list_ids_error").hide();
                        }
                    }

                    var form_data = $("#segmentation").serialize();
                    if($("input[name='segment_type']:checked").val()==0){
                        form_data += '&segment_list_db='+$("input[name='segment_list']:checked").val();
                    }
                    if($('#advance').is(':checked'))
                        form_data +='&list_type=advance'
                    if($("#action").val() == 'add') {
                        if(!hasError()){
                            $('#submit').prop("disabled", false);
                            return false;
                        }
                            
                        var method = 'POST';
                        var url = "{{ route('segments.store') }}";
                    } else {
                        var method = 'PUT';
                        var url = "{{url('segment')}}/"+$('#segment-id').val();
                    }
                    if($('#segment_type_list').is(':checked')) {
                     if(!$('#segment-list-global').is(':checked')){
                        var hasVisibleFilters = $('#kt_repeater_3 [data-repeater-item]:visible').length > 0;
                        if(hasVisibleFilters) {
                            var filterVal=$('.custom_field_name').first().val();
                            if(!filterVal || filterVal =="Select Option"){
                                  Command: toastr["error"]("{{trans('segments.form.error_message.select_filter')}}");
                                  $('#submit').prop('disabled',false);
                                  return false;
                            }
                        }
                    }
                    }
                    var goNext=1;
                    var criteria=$('#opens-clicks-status').val();
                    $('#kt_repeater_4 .mt-repeater-row').each(function(){
                        var val=$(this).find('select').eq(0).val();
                        if(val=="bounce_status"){
                            if($('.statsOpts').is(':checked') && criteria !="has_opened_broadcast"){
                                goNext=0;
                                return;
                            }
                        }
                    });
                    if(goNext==0){
                         Command: toastr["error"]("{{trans('segments.form.alert_message.bounce_status_filter')}}");
                         $("#submit").attr('disabled',false);
                         return;
                    }

                    $.ajax({
                        url: url,
                        type: method,
                        data: form_data,
                        beforeSend: function () {
                            $(".blockUI").show();
                            $("#modal-loading").modal('show');
                            $('#submit').prop("disabled", true);
                        },
                        complete: function () {
                            $(".blockUI").hide();
                            $("#modal-loading").modal('hide');
                            $('#submit').prop("disabled", false);
                        },
                        success: function (data) {
                            $('#submit').prop("disabled", false);
                            if(data.hasOwnProperty('status') && data.status=="error")
                            {
                                 Command: toastr["error"](data.message);
                                return;
                            }
                            if(data.validation_failed!=undefined)
                            {
                                var x;
                                messages = data.messages;
                                for (x in messages) {
                                    $('#'+x).addClass('is-invalid');
                                    id = '#'+x+'-error';
                                    $(id).html(messages[x]);
                                    $(id).css('display','block');
                                }
                            }
                            else {
                                Command: toastr["success"]("{{trans('common.message.create')}}");
                                window.setTimeout(function () {
                                    window.location.href = "{{ route('segments.index') }}";
                                }, 3000);
                            }

                        }
                    });
                }
            });
        });
        // load custom field in apply filter when segment Based on Contact Lists
        function loadCustomFieldsValues(custom_field_name, val,custom_field_id)
        {
            var custom_field_array = custom_field_id.split('_');
            var custom_id_number = custom_field_array[3];
            var custom_field_condition = custom_field_name.replace('custom_field_name', 'custom_field_condition');
            var custom_field_value = custom_field_condition.replace('custom_field_condition', 'custom_field_value');
            var custom_field_date_value = custom_field_condition.replace('custom_field_condition', 'custom_date_field_value');
            custom_field_value_country = custom_field_condition.replace('custom_field_condition', 'custom_field_value_country');
            var type = $("[name='"+custom_field_name+"']").find(':selected').data('type');
            $("#custom_field_condition_"+custom_id_number).removeClass('date_condition');
            if (type == 'text' || type == 'textarea') {
                $("#custom_field_condition_"+custom_id_number).html(
                    "<option value='is'>{{trans('segments.form.filter_dropdown_option_is')}}</option>"+
                    "<option value='is_not'>{{trans('segments.form.filter_dropdown_option_is_not')}}</option>"+
                    "<option value='contain'>{{trans('segments.form.filter_dropdown_option_contains')}}</option>"+
                    "<option value='not_contain'>{{trans('segments.form.filter_dropdown_option_does_not_contain')}}</option>"+
                    "<option value='start_with'>{{trans('segments.form.filter_dropdown_option_starts_with')}}</option>"+
                    "<option value='end_at'>{{trans('segments.form.filter_dropdown_option_ends_at')}}</option>"+
                    "<option value='first_alpha_greater_equal'>{{trans('segments.form.filter_dropdown_option_first_alphabet_greater_equal')}}</option>"+
                    "<option value='first_alpha_lesser_equal'>{{trans('segments.form.filter_dropdown_option_first_alphabet_lesser_equal')}}</option>");
                $("#custom_field_condition_"+custom_id_number).select2({
                });

                if(type == 'textarea')
                    $("#div_custom_field_value_"+custom_id_number).html("<textarea  id='custom_field_value_"+custom_id_number+"' placeholder='{{trans('segments.form.label.placeholder_comma_separated_list')}}' class='form-control custom_field_value' name='"+custom_field_value+"'></textarea>");
                else
                    $("#div_custom_field_value_"+custom_id_number).html("<input type='text' id='custom_field_value_"+custom_id_number+"' placeholder='{{trans('segments.form.label.placeholder_comma_separated_list')}}' class='form-control custom_field_value' name='"+custom_field_value+"'/>");
            }else if (type == 'email') {

                $("#custom_field_condition_"+custom_id_number).html( "<option value='is'>{{trans('segments.form.filter_dropdown_option_is')}}</option>"+
                    "<option value='is_not'>{{trans('segments.form.filter_dropdown_option_is_not')}}</option>"+
                    "<option value='contain'>{{trans('segments.form.filter_dropdown_option_contains')}}</option>"+
                    "<option value='not_contain'>{{trans('segments.form.filter_dropdown_option_does_not_contain')}}</option>"+
                    "<option value='start_with'>{{trans('segments.form.filter_dropdown_option_starts_with')}}</option>"+
                    "<option value='end_at'>{{trans('segments.form.filter_dropdown_option_ends_at')}}</option>"+
                    "<option value='domain_is'>{{trans('segments.form.filter_dropdown_option_domain_is')}}</option>"+
                    "<option value='domain_is_not'>{{trans('segments.form.filter_dropdown_option_domain_is_not')}}</option>"+
                    "<option value='first_alpha_greater_equal'>{{trans('segments.form.filter_dropdown_option_first_alphabet_greater_equal')}}</option>"+
                    "<option value='first_alpha_lesser_equal'>{{trans('segments.form.filter_dropdown_option_first_alphabet_lesser_equal')}}</option>"
                );
                $("#custom_field_condition_"+custom_id_number).select2({
                });
                var custom_field_value = custom_field_condition.replace('custom_field_condition', 'custom_field_value');

                $("#div_custom_field_value_"+custom_id_number).html("<input type='text' id='custom_field_value_"+custom_id_number+"' placeholder='{{trans('segments.form.label.placeholder_comma_separated_list')}}' class='form-control custom_field_value' name='"+custom_field_value+"'/>");
            }else if (type == 'checkbox' || type == 'select' || type == 'radio'){
                $("#custom_field_condition_"+custom_id_number).html(is_isNot_options);
                $("#custom_field_condition_"+custom_id_number).select2({
                });

                if($("#custom_field_name_"+custom_id_number).val()==6){
                    var checkbox_html = '<div id="countrBlk_'+custom_id_number+'" class="filterradio cfield kt-radio-inline"><label for="country_any_'+custom_id_number+'" class="kt-radio"><input type="radio" autocomplete="off" value="any" name="'+custom_field_value_country+'" class="country_options" checked="" id="country_any_'+custom_id_number+'">Any Country <span></span></label> <label for="country_select_'+custom_id_number+'" class="kt-radio"><input type="radio" autocomplete="off" class="country_options" value="custome_country" name="'+custom_field_value+'" id="country_select_'+custom_id_number+'">Selected Country <span></span></label></div><select style="display:none;" class="mt-multiselect btn btn-default form-control MultiSelectBox" multiple="multiple" data-width="100%" data-label="left" data-select-all="true" id="custom_field_value_'+custom_id_number+'"  name="'+custom_field_value+'" ></select>';
                    $("#div_custom_field_value_"+custom_id_number).html(checkbox_html);
                }
                else{
                    if(type == 'checkbox')
                        select_class = 'class="mt-multiselect btn btn-default form-control" multiple="multiple" data-label="left" data-select-all="true" data-width="100%" data-filter="true" data-action-onchange="true" data-height="300"';
                    else
                        select_class = 'class="form-control m-select2"';


                    var checkbox_html = '<select '+select_class+' data-width="100%" data-label="left" data-select-all="true" id="custom_field_value_'+custom_id_number+'"  name="'+custom_field_value+'[]" >';


                    if($("#custom_field_name_"+custom_id_number).val()=='subscriber_status'){
                        checkbox_html +="<option value='active'>{{trans('segments.form.custom_field_dropdown_option_email')}}</option>";
                    }else if($("#custom_field_name_"+custom_id_number).val()=='subscription_status'){
                        checkbox_html += "<option value='unsubscribed'>{{trans('segments.form.custom_field_dropdown_unsubscribed')}}</option>";
                    }else if($("#custom_field_name_"+custom_id_number).val()=='suppression_status'){
                        checkbox_html += "<option value='suppressed'>{{trans('Suppressed')}}</option>";
                    }else if($("#custom_field_name_"+custom_id_number).val()=='confirmation_status'){
                        checkbox_html += "<option value='confirmed'>{{trans('segments.form.alert_confirmation.confirmed')}}</option>";
                    }else if($("#custom_field_name_"+custom_id_number).val()=='complained_status'){
                        checkbox_html += "<option value='1'>{{trans('segments.form.custom_field_dropdown_option_spammed')}}</option>";
                    }else if($("#custom_field_name_"+custom_id_number).val()=='content_format'){
                        checkbox_html += "<option value='html'>{{trans('segments.form.option_field_values_html')}}</option>";
                        checkbox_html += "<option value='text'>{{trans('segments.form.option_field_values_text')}}</option>";
                    }
                    else if($("#custom_field_name_"+custom_id_number).val()=='bounce_status')
                    {
//                        checkbox_html += "<option value='no_process'>{{trans('segments.form.option_field_values_not_bounced')}}</option>";
                        checkbox_html += "<option value='hard'>{{trans('segments.form.option_field_values_hard_bounce')}}</option>";
                        checkbox_html += "<option value='soft'>{{trans('segments.form.option_field_values_soft_bounce')}}</option>";
                    }else{
                        var data_value = $("#custom_field_name_"+custom_id_number).find(':selected').attr('data_value');

                        if(data_value!=""){
                            var data_value_array = data_value.split("\n");
                            $.each( data_value_array, function( key, value ) {
                                checkbox_html +='<option value="'+value+'">'+value+'</option>';
                            });
                        }
                    }

                    checkbox_html +='</select>';
                    $("#div_custom_field_value_"+custom_id_number).html(checkbox_html);

                    if(type == 'checkbox')
                        $("#custom_field_value_"+custom_id_number).multiselect('rebuild');
                    else{
                        $("#custom_field_value_"+custom_id_number).select2({
                        });
                    }
                }

            } else if (type == 'date') {

                if($("#custom_field_name_"+custom_id_number).val()=='creation_date'){
                    $("#custom_field_condition_"+custom_id_number).html(create_date_conditions);
                }else{
                    $("#custom_field_condition_"+custom_id_number).html(date_conditions);
                }
                $("#custom_field_condition_"+custom_id_number).addClass('date_condition');

                var db_date_div = date_div;
                db_date_div = db_date_div.replace('custom_field_date_value_0','custom_field_date_value_'+custom_id_number);
                db_date_div = db_date_div.replace('custom_field_date_value',custom_field_date_value);
                //var days_time_value_name = custom_field_date_value.replace('dynamic_filter','days_time_value');
                //custom_field_date_value

                $("#div_custom_field_value_"+custom_id_number).html(db_date_div);
                $("#custom_field_date_value_"+custom_id_number).datepicker({
                    format: 'yyyy-mm-dd',
                    //endDate: '+0d',
                    autoclose: true
                }).datepicker("setDate",'');

                
            }
            else if(type == 'number')
            {
                $("#custom_field_condition_"+custom_id_number).html(
                    "<option value='is'>{{trans('segments.form.filter_dropdown_option_is')}}</option>"+
                    "<option value='is_not'>{{trans('segments.form.filter_dropdown_option_is_not')}}</option>"+
                    "<option value='contain'>{{trans('segments.form.filter_dropdown_option_contains')}}</option>"+
                    "<option value='not_contain'>{{trans('segments.form.filter_dropdown_option_does_not_contain')}}</option>"+
                    "<option value='lesser_than'>{{trans('segments.form.filter_dropdown_option_lesser_than')}}</option>"+
                    "<option value='greater_than'>{{trans('segments.form.filter_dropdown_option_greater_than')}}</option>");
                $("#custom_field_condition_"+custom_id_number).select2({
                });
                $("#div_custom_field_value_"+custom_id_number).html("<input type='number' id='custom_field_value_"+custom_id_number+"'  class='form-control custom_field_value' name='"+custom_field_value+"'/>");
            }
        }
        // load subscriber condition in apply filter when segment Based on Statistics
        function loadSubscriberConditions(subscriber_field_name, val, field_id)
        {
            var field_id_array = field_id.split('_');
            var id_number = field_id_array[3];


            var subscriber_field_value = subscriber_field_name.replace('subscriber_field_name', 'subscriber_field_value');
            var div_subscriber_field_value = '';
            if(val=='sending_node' || val=='sending_domain' || val=='bounce_email' || val=='send_from_email' || val=='reply_to_email' || val=='recipient_email' || val=='schedule_label'  || val=='message_id'){
                log_notification_filter++;
            }else{
                log_notification_filter--;
            }
            showLogNotification();
            if(val=='contact_list' || val=='sending_node' || val=='sending_domain' || val=='bounce_email'){
                $("#subscriber_condition_name_"+id_number).html(is_isNot_options);
                div_subscriber_field_value += '<select class="mt-multiselect btn btn-default form-control" multiple="multiple" data-label="left" data-select-all="true" data-width="100%" data-filter="true" data-action-onchange="true" data-height="300" data-width="100%" data-label="left" data-select-all="true" id="subscriber_field_value_'+id_number+'"  name="'+subscriber_field_value+'[]" >';
                $.ajax({
                    url: "{{ URL::route('get.other.options') }}",
                    type: "POST",
                    data: {'values': val},
                    success: function(result) {
                        $("#div_subscriber_field_value_"+id_number).html(div_subscriber_field_value);
                        $("#subscriber_field_value_"+id_number).html(result);
                        $("#subscriber_field_value_"+id_number).multiselect('rebuild');
                    }
                });

            }else if(val=='subscription_status'){ 
                $("#subscriber_condition_name_"+id_number).html(is_isNot_options);
                var condition = '<select class="form-control m-select2" data-width="100%" data-label="left" data-select-all="true" id="subscriber_field_value_'+id_number+'"  name="'+subscriber_field_value+'" >';
                condition += "<option value='unsubscribed'>{{trans('segments.form.custom_field_dropdown_unsubscribed')}}</option>";
                $("#div_subscriber_field_value_"+id_number).html(condition); 
            }else if(val=='bounce_status'){
               $("#subscriber_condition_name_"+id_number).html(is_isNot_options);
               var checkbox_html = '<select multiple class="mt-multiselect btn btn-default form-control" data-width="100%" data-label="left" data-select-all="true" id="subscriber_field_value_'+id_number+'"  name="'+subscriber_field_value+'[]" >';
                checkbox_html += "<option value='hard'>{{trans('segments.form.option_field_values_hard_bounce')}}</option>";
                checkbox_html += "<option value='soft'>{{trans('segments.form.option_field_values_soft_bounce')}}</option>";
                $("#div_subscriber_field_value_"+id_number).html(checkbox_html);
                setTimeout(function(){
                    $('.mt-multiselect').multiselect();
                },500);
        }else{
                $("#subscriber_condition_name_"+id_number).html(is_isNot_options+contain_not_contain);
                div_subscriber_field_value ='<input class="form-control" type="text" id="subscriber_field_value_'+id_number+'" name="'+subscriber_field_value+'" value="">';
                $("#div_subscriber_field_value_"+id_number).html(div_subscriber_field_value);
            }
        }
        
        function showLogNotification(){
            if(log_notification==1 || log_notification_filter>0){
                $("#log_notification").show();
            }else{
                $("#log_notification").hide();
            }
        }

        function enableActivityFields(check_uncheck){
            $(".has_bounce").hide();
            if(check_uncheck==0){
                $("#lick_click, #not_a_click, #linksType, #linksType2, #country_any, #country_select, #state_any, #state_select, #city_any, #city_select, #zip_any, #zip_select, #brows_any, #brows_select,#os_any, #os_select").attr("disabled", true);
                $('#linksType').prop('checked',true);
                $('#country_any').prop('checked',true);
                $('#state_any').prop('checked',true);
                $('#city_any').prop('checked',true);
                $('#zip_any').prop('checked',true);
                $('#brows_any').prop('checked',true);
                $('#os_any').prop('checked',true);
                $("#none").prop('checked',true);
                $('#linksType2').prop('checked',false);
                $('#country_select').prop('checked',false);
                $('#state_select').prop('checked',false);
                $('#city_select').prop('checked',false);
                $('#zip_select').prop('checked',false);
                $('#brows_select').prop('checked',false);
                $('#os_select').prop('checked',false);
                $('#custom').prop('checked',false);

                $("#selected_links").hide();
                $("#countrySelect").hide();
                $("#state_block").hide();
                $("#city_block").hide();
                $("#zip_block").hide();
                $("#brows_block").hide();
                $("#os_block").hide();
                $("#duration_filter").hide();
                $("#selected_links").html("");
                $("#opens_clicks_region").html("");
                $("#opens_clicks_city").html("");
                $("#opens_clicks_zip").html("");
                $(".group_1").hide();
                $(".group_2").hide();
                $(".has_opened_broadcast").hide();
            }else{
                $("#lick_click, #not_a_click, #linksType, #linksType2, #country_any, #country_select, #state_any, #state_select, #city_any, #city_select, #zip_any, #zip_select, #brows_any, #brows_select,#os_any, #os_select").attr("disabled", false);
                $(".group_1").css("display", "flex");
                $(".group_2").css("display", "flex");
                $('#linksType').prop('checked',true);
                $('#country_any').prop('checked',true);
                $('#state_any').prop('checked',true);
                $('#city_any').prop('checked',true);
                $('#zip_any').prop('checked',true);
                $('#brows_any').prop('checked',true);
                $('#os_any').prop('checked',true);
                $("#none").prop('checked',true);
                $('#linksType2').prop('checked',false);
                $('#country_select').prop('checked',false);
                $('#state_select').prop('checked',false);
                $('#city_select').prop('checked',false);
                $('#zip_select').prop('checked',false);
                $('#brows_select').prop('checked',false);
                $('#os_select').prop('checked',false);
                $('#custom').prop('checked',false);
                $(".has_opened_broadcast").show();
                $("#duration_filter").hide();
            }
        }
        // get value from selected Criteria when segment Based on Statistics
        function getValue(field_id, table, get_value, field, value,block_id="")
        {
            if (value != '') {
                if(value == 'has_opened_broadcast'){
                    
                    $("#boptsType, #boptsReason, #soft_bounces, #hard_bounced, #chsRs1, #bounce_condition, #bounce_value").prop( "disabled", true);
                    enableActivityFields(1);
                    $(".group_2").show();
                    log_notification = 1;
                    showLogNotification();
                }
                else if(value == 'hasnt_opened_broadcast' || value == 'has_unsubscribed' || value == 'has_complained'){
                    $('#country_any, #country_select, #state_any, #state_select, #city_any, #city_select , #zip_any, #zip_select, #brows_any, #brows_select, #os_any, #os_select, #links_any, #links_select').prop( "disabled", true );
                    $("#boptsType, #boptsReason, #soft_bounces, #hard_bounced, #chsRs1, #bounce_condition, #bounce_value").prop( "disabled", true);
                    enableActivityFields(0);
                    if(value == 'hasnt_opened_broadcast'){
                        $(".group_2").show();
                        log_notification = 1;
                    }else{
                        $(".group_2").hide();
                        log_notification = 1;
                    }
                    showLogNotification();
                    return ;
                }
                else if(value == 'delivery_status' || value == 'injected' || value == 'delivered' || value == 'delayed' || value == 'is_sent' || value == 'never_sent'){
                    $('#country_any, #country_select, #state_any, #state_select, #city_any, #city_select , #zip_any, #zip_select, #brows_any, #brows_select, #os_any, #os_select,#links_any, #links_select').prop( "disabled", true );
                    $(".group_1").hide();
                    //$(".group_2").css("display", "flex");
                    $(".group_2").hide();
                    $("#none, #custom").prop( "disabled", false );
                    $(".has_bounce").hide();
                    $(".has_opened_broadcast").hide();
                    $("#boptsType, #boptsReason, #soft_bounces, #hard_bounced, #chsRs1, #bounce_condition, #bounce_value").prop( "disabled", true);
                    enableActivityFields(0);
                    if(value == 'never_sent'){
                       log_notification = 0;
                    }else{
                        log_notification = 1;
                    }
                    if(value == 'is_sent'){
                        $(".group_2").show();
                        log_notification = 1;
                    }else{
                        $(".group_2").hide();
                        log_notification = 0;
                    }
                    showLogNotification();
                    return ;
                }
                else if(value == 'bounced'){
                    $('#country_any, #country_select, #state_any, #state_select, #city_any, #city_select , #zip_any, #zip_select, #brows_any, #brows_select, #os_any, #os_select,#links_any, #links_select').prop( "disabled", true );
                    $(".group_1").hide();
                    //$(".group_2").css("display", "flex");
                    $(".group_2").hide();
                    $("#none, #custom").prop( "disabled", false );
                    $("#boptsType, #boptsReason, #soft_bounces, #hard_bounced, #chsRs1, #bounce_condition, #bounce_value").prop( "disabled", false);
                    $(".has_bounce").show();
                    $(".has_opened_broadcast").hide();
                    log_notification = 1;
                    showLogNotification();
                    ////enableActivityFields(0);
                    return ;
                }
                else {

                }
            } else {
                if(value=='')
                {
                    $('#country_any, #country_select, #state_any, #state_select, #city_any, #city_select , #zip_any, #zip_select, #brows_any, #brows_select, #os_any, #os_select,#links_any, #links_select').prop( "disabled", true );
                    /*$(".group_1").hide();
                    $(".group_2").hide();
                    $("#countryBlk").hide();
                    $("#state_block").hide();
                    $("#city_block").hide();
                    $("#zip_block").hide();
                    $("#duration_filter").hide();
                    $("#countrySelect").hide();
                    $(".has_bounce").hide();
                    $(".has_opened_broadcast").hide();
                    */
                    $("#boptsType, #boptsReason, #soft_bounces, #hard_bounced, #chsRs1, #bounce_condition, #bounce_value").prop( "disabled", true);
                    enableActivityFields(0);
                    return ;
                }
                if (field_id == 'opens_clicks_region') {
                    $('#opens_clicks_city').empty();
                    $('#opens_clicks_zip').empty();
                    $('#opens_clicks_city').prop( "disabled", true );
                    $('#opens_clicks_zip').prop( "disabled", true );
                } else if (field_id == 'opens_clicks_city') {
                    $('#opens_clicks_zip').empty();
                    $('#opens_clicks_zip').prop( "disabled", true );
                }
                $('#'+field_id).empty();

                $('#'+field_id).prop( "disabled", true );
            }
            if(value == 'hasnt_opened_broadcast' || value == 'has_opened_broadcast'){
                    $("#custom").attr('disabled',false); ///$('#custom')
                    $("#none").attr('disabled',false); ///$('#custom')                
                    $("#custom").show();
                    $("#none").show(); 
                    $(".group_2").show();
                   /// console.log("custm none");
            }else{
                $("#custom").attr('disabled',true);
                $("#none").attr('disabled',true);                
                $("#custom").hide();
                $("#none").hide(); 
                $(".group_2").hide();
            }
            showLogNotification();
            return false;
        }
        // get states
        function getStates(){
            $.ajax({
                url: "{{ URL::route('segment.get.states') }}",
                type: "POST",
                data: {'countries':$("#opens-clicks-country").val()},
                success: function(options) {
                    $('#state_block').html(options);
                    $('#opens_clicks_region').multiselect({'rebuild':true, includeSelectAllOption: true});
                }
            });
        }
        // get cities
        function getCities(){
            $.ajax({
                url: "{{ URL::route('segment.get.cities') }}",
                type: "POST",
                data: {'opens_clicks_region':$("#opens_clicks_region").val()},
                success: function(options) {
                    $('#city_block').html(options);
                    $('#opens_clicks_city').multiselect({'rebuild':true, includeSelectAllOption: true});
                }
            });
        }

        function getZips(){
            $.ajax({
                url: "{{ URL::route('segment.get.zips') }}",
                type: "POST",
                data: {'opens_clicks_city':$("#opens_clicks_city").val()},
                success: function(options) {
                    $('#zip_block').html(options);
                    $('#opens_clicks_zip').multiselect({'rebuild':true, includeSelectAllOption: true});
                }
            });
        }
        function replaceCustomDivHTML(){

            custom_sections++;
            window.setTimeout(function () {
                $(".custom_field_name").last().attr('id','custom_field_name_'+custom_sections);
                $(".custom_field_condition").last().attr('id','custom_field_condition_'+custom_sections);
                $(".custom_field_value").last().attr('id','custom_field_value_'+custom_sections);
                $(".div_custom_field_value").last().attr('id','div_custom_field_value_'+custom_sections);
                $("#grip_0").attr("id","grip_"+custom_sections);
                //$("#custom_field_name_"+custom_sections).select2({
                //});
                $("#custom_field_condition_"+custom_sections).select2({
                });
                $("#select2-custom_field_name_"+custom_sections+"-container").text($("#select2-custom_field_name_0-container").text());
                $("#select2-custom_field_condition_"+custom_sections+"-container").text($("#select2-custom_field_condition_0-container").text());
                for (step = 0; step <= custom_sections; step++) {

                    $("#custom_field_name_"+step).select2({
                    });
                }
            }, 100);

        }
        // add filters html 
        function replaceSubscriberDivHTML(){
            subcriber_sections++;
            window.setTimeout(function () {
                $(".subscriber_field_name").last().attr('id','subscriber_field_name_'+subcriber_sections);
                $(".subscriber_condition_name").last().attr('id','subscriber_condition_name_'+subcriber_sections);
                $(".subscriber_field_value").last().attr('id','subscriber_field_value_'+subcriber_sections);
                $(".div_subscriber_field_value").last().attr('id','div_subscriber_field_value_'+subcriber_sections);
                $("#subsciber_grid_0").attr("id","subsciber_grid_"+subcriber_sections);
                $("#subscriber_field_name_"+subcriber_sections).select2({
                });
                $("#subscriber_condition_name_"+subcriber_sections).select2({
                });
                $("#subscriber_field_value_"+subcriber_sections).select2({
                });
                $("#select2-subscriber_field_name_"+subcriber_sections+"-container").text($("#select2-subscriber_field_name_0-container").text());
                $("#select2-subscriber_condition_name_"+subcriber_sections+"-container").text($("#select2-subscriber_condition_name_0-container").text());
            }, 100);

        }

        function updateDays(days="") { 
        if(days == "") { 
            $("#log_notification").hide();
           
        }  else { 
            var codeText = $('.alert-text.keepLogFor code').text();
            $('.alert-text.keepLogFor code').text( days + " days");
        }
        
    }

        //replaceCustomDivHTML
        //**************** get campaign links ************************
        function getCampaignLinks(){ 
            var campaignChk = $("input[name=campaignChk]:checked").val();
            var opens_clicks_campaign = $("#opens-clicks-campaign").val();
           
            // if($("#opens-clicks-status").val()=='never_sent'){
            //     log_notification = 1;
            //     showLogNotification();
            // }
            log_notification = 1;
            showLogNotification();
            updateDays(<br />
<font size='1'><table class='xdebug-error xe-warning' 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> Warning: Undefined variable $keep_log_for in /home/mohamma2/public_html/subdomains/new.mohammad.jt.mumara.dev/resources/views/themes/default/segmentation/user-segment-create.blade.php on line <i>864</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.0343</td><td bgcolor='#eeeeec' align='right'>764728</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='/home/mohamma2/public_html/subdomains/new.mohammad.jt.mumara.dev/resources/views/themes/default/segmentation/user-segment-create.blade.php' bgcolor='#eeeeec'>.../user-segment-create.blade.php<b>:</b>0</td></tr>
</table></font>
);
            if($("#opens-clicks-status").val()== 'has_opened_broadcast')  updateDays(<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 getSetting() in /home/mohamma2/public_html/subdomains/new.mohammad.jt.mumara.dev/resources/views/themes/default/segmentation/user-segment-create.blade.php on line <i>865</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 getSetting() in /home/mohamma2/public_html/subdomains/new.mohammad.jt.mumara.dev/resources/views/themes/default/segmentation/user-segment-create.blade.php on line <i>865</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.0343</td><td bgcolor='#eeeeec' align='right'>764728</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='/home/mohamma2/public_html/subdomains/new.mohammad.jt.mumara.dev/resources/views/themes/default/segmentation/user-segment-create.blade.php' bgcolor='#eeeeec'>.../user-segment-create.blade.php<b>:</b>0</td></tr>
</table></font>