@extends(decide_template())

@section('title', $pageTitle)

@section('page_styles')
<link href="{{ asset('themes/default/css/map/anychart-ui.min.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('themes/default/css/map/anychart-font.min.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('css/statistics-details.css') }}?v={{$local_version}}" rel="stylesheet" type="text/css">
@endsection
@php
 $app_settings = getApplicationSettings();
@endphp
@section('page_scripts')
<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/datatables.bundle.js') }}" type="text/javascript"></script>
<!-- load data after page content -->
<script type="text/javascript">
    $("body").on('mouseover', '.popovers', function() {
        $(".popovers").popover();
    });
    function getModalForBounce(code,reason,detail)
    {
        $('#code').val(code);
        $('#reason').val(reason);
        $('#details').val(detail);
        $('#label').val(code);
        $('#bounceRule').modal('show');
    }
    $('#addRule').click(function (){
        $.ajax({
            type: 'POST',
            url: '{{route('addABounceRule')}}',
            data: $('#addBounceRule').serialize(),
            cache: false,
            dataType: 'json',
            beforeSend: function() {
                $('.blockUI').show();
            },
            success: function (data) {
                if (data.status==true)
                    toastr.success(data.message);
                else
                    toastr.error(data.message);
            }, error: function (jqXHR, status, err) {
                $('.blockUI').hide();
            },
                complete: function () {
                    $('.blockUI').hide();
                }
        });
    });
    $('.viewBroadcast').click(function (){
        var id=$(this).data(id);
        $.ajax({
            type: 'POST',
            url: '{{route("viewBroadcast")}}',
            data: {id:id},
            cache: false,
            beforeSend: function() {
                $('.blockUI').show();
            },
            success: function (data) {
                if (data.success){
                    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.html);
                }
                else
                    toastr.error(data.message);
            }, error: function (jqXHR, status, err) {
                $('.blockUI').hide();
            },
            complete: function () {
                $('.blockUI').hide();
            }
        });
    });

    var dd1 = `<select class="form-control m-select2 conditions1" data-placeholder="{{ trans('statistics.details.placeholder.select_condition') }}" name="code_condition" id="code_condition">
                                <option value="is">{{ trans('statistics.details.option.is') }}</option>
                            </select>`;
    var dd11 = `<select class="form-control m-select2 conditions1" data-placeholder="{{ trans('statistics.details.placeholder.select_condition') }}" name="code_condition" id="code_condition">
                                <option value="is">{{ trans('statistics.details.option.is') }}</option>
                                <option value="contains">{{ trans('statistics.details.option.contains') }}</option>
                            </select>`;                        
    var dd2 = `<select class="form-control m-select2 conditions2" data-placeholder="{{ trans('statistics.details.placeholder.select_condition') }}" name="reason_condition" id="reason_condition">
                                <option value="is">{{ trans('statistics.details.option.is') }}</option>
                            </select>`;
    var dd22 = `<select class="form-control m-select2 conditions2" data-placeholder="{{ trans('statistics.details.placeholder.select_condition') }}" name="reason_condition" id="reason_condition">
                                <option value="is">{{ trans('statistics.details.option.is') }}</option>
                                <option value="contains">{{ trans('statistics.details.option.contains') }}</option>
                            </select>`;  
    var dd3 = `<select class="form-control m-select2 conditions3" data-placeholder="{{ trans('statistics.details.placeholder.select_condition') }}" name="details_condition" id="details_condition">
                                <option value="is">{{ trans('statistics.details.option.is') }}</option>
                            </select>`;
    var dd33 = `<select class="form-control m-select2 conditions3" data-placeholder="{{ trans('statistics.details.placeholder.select_condition') }}" name="details_condition" id="details_condition">
                                <option value="is">{{ trans('statistics.details.option.is') }}</option>
                                <option value="contains">{{ trans('statistics.details.option.contains') }}</option>
                            </select>`;                         



    $(document).ready(function() {
        $("a#help-article").css("display", "block");
        $("a#help-article").attr("href", "https://docs.mumara.com/campaigns/statistics/broadcast-stats#campaign-statistics-detail");

        $('[data-toggle="popover"]').popover({
            html: true,
            placement: 'auto left'
        });

        $(".criteria1").on("change", function () {
            var val1 = $(this).val();
            if(val1 == "code") {
                $("#row1_b2").html(" ");
                $("#row1_b2").html(dd1);
                $(".conditions1").select2();
            } else if(val1 == "reason") {
                $("#row1_b2").html(" ");
                $("#row1_b2").html(dd11);
                $(".conditions1").select2();
            } else {
                $("#row1_b2").html(" ");
                $("#row1_b2").html(dd11);
                $(".conditions1").select2();
            }
        });

        $(".criteria2").on("change", function () {
            var val2 = $(this).val();
            if(val2 == "code") {
                $("#row2_b2").html(" ");
                $("#row2_b2").html(dd2);
                $(".conditions2").select2();
            } else if(val2 == "reason") {
                $("#row2_b2").html(" ");
                $("#row2_b2").html(dd22);
                $(".conditions2").select2();
            } else {
                $("#row2_b2").html(" ");
                $("#row2_b2").html(dd22);
                $(".conditions2").select2();
            }
        });

        $(".criteria3").on("change", function () {
            var val3 = $(this).val();
            if(val3 == "code") {
                $("#row3_b2").html(" ");
                $("#row3_b2").html(dd3);
                $(".conditions3").select2();
            } else if(val3 == "reason") {
                $("#row3_b2").html(" ");
                $("#row3_b2").html(dd33);
                $(".conditions3").select2();
            } else {
                $("#row3_b2").html(" ");
                $("#row3_b2").html(dd33);
                $(".conditions3").select2();
            }
        });

        $("#mt-repeater-add").on("click", function () {
            $(this).hide();
            $("#row2 :input").attr('disabled', false);
            $("#row2 .m-select2").attr('disabled', false);
            $("#row2").fadeIn(1000);
            $("#mt-repeater-add2").fadeIn(1000);
            if ($("#row3").is(":visible")) {
                $(this).hide();
                $("#mt-repeater-add2").hide();
            } else {
            }
        });
        $("#mt-repeater-add2").on("click", function () {
            $(this).hide();
            $("#row3 :input").attr('disabled', false);
            $("#row3 .m-select2").attr('disabled', false);
            $("#row3").fadeIn(1000);
        });
        $("#close3").on("click", function () {
            $("#row3").hide();
            //$("#row3 :input").attr('disabled', true);
            $("#row3 :input").val('');
           // $("#row3 .m-select2").attr('disabled', true);
            $("#row3 .m-select2").val('');
            $("#mt-repeater-add2").fadeIn();
            if ($("#row2").is(":hidden")) {
                $("#mt-repeater-add2").hide();
                $("#mt-repeater-add").show();
            } else {
            }
        });
        $("#close2").on("click", function () {
            $("#row2").hide();
         //   $("#row2 :input").attr('disabled', true);
            $("#row2 :input").val('');
            $("#row2 .m-select2").val('');
           // $("#row2 .m-select2").attr('disabled', true);
            $("#mt-repeater-add2").hide();
            $("#mt-repeater-add").fadeIn();
        });
        $("#close1").on("click", function () {
            Command: toastr["error"] ("@lang('bounce_rule.view.alert_message.deleted')");
        });

        $(".m-select2").select2({
             templateResult: function (data, container) {
                    if (data.element) {
                      $(container).addClass($(data.element).attr("class"));
                    }
                    return data.text;
                  }
        });

        $(".btn-load-data-customer").click(function() {
            var url = $(this).attr('data');
            var elb = $(this).attr('id');
            $("#load-data-customer-field").modal({
                show: true,
                backdrop: 'static',
                keyboard: false
            });
            $("#GoUrl").val(url);
            $("#elb").val(elb);
        });
        /*
        $("#downloadData").click(function(){
            
            
            var customeFieldCheck = 0;
            
            if ($("#isDownlloadCustomfields").is(':checked')) {
                customeFieldCheck = 1;
            }
            var random = (Math.random() + 1).toString(36).substring(2);
            var Url  = $("#GoUrl").val()+"?customeFieldCheck="+customeFieldCheck+"&random="+random;
            $("#load-data-customer-field").modal("hide");
            
            if($("#elb").val()=='elb'){
                exportLogsCSV();
            }else{
                $("#elb").val("");
            }
            window.location.href = Url;
            
        });
        */
    });

    $(window).on("load", function () {
        setTimeout(function () {
           // drawOpenChart();
        }, 1000);
    });
    $(document).on('click','.show_dots',function() {
        if(!$(this).is(':visible')){
            $(this).css('display','inline');
            $(this).siblings('span.read_more,a.read_less').hide();
        }else{
            $(this).css('display','none');
            $(this).siblings('span.read_more,a.read_less').css('display','inline');
        }
    });
    $(document).on('click','.read_less',function(){
        $(this).css('display','none');
        $(this).siblings('span.read_more').hide();
        $(this).siblings('a.show_dots').css('display','inline');
    });

</script>
@include('statistics.common.stats_script')
<script>
    $(".blockUI").hide();
    function loadBounced(){
        var page_limit = 10;
        if(localStorage.getItem("stats_pageLength") > 0 ) { 
            page_limit = localStorage.getItem("stats_pageLength");
        }


        $('#spintag').dataTable({
            "aoColumnDefs": [{"bSortable": false, "aTargets": [0,3]}],
            "destroy"    : true,
            "bProcessing": true,
            "bServerSide": true,
            "aaSorting": [[6, "desc"]],
            "sPaginationType": "full_numbers",
            "sAjaxSource": app_url+"/statistics/broadcasts/bounced/{{$campaign_schedule_id}}",
            "pageLength" : page_limit,
            "aLengthMenu": [[10,50, 100, 500], [10,50, 100, 500]]
        });
    }
    var opensTable;
    function loadOpens(){
        var page_limit = 10;
        if(localStorage.getItem("stats_pageLength") > 0 ) { 
            page_limit = localStorage.getItem("stats_pageLength");
        }

        opensTable = $('#opens').DataTable({
            "aoColumnDefs": [{"bSortable": false, "aTargets": [0,2,4,8,6]}],
            "destroy"    : true,
            "bProcessing": true,
            "bServerSide": true,
            "aaSorting": [[11, "desc"]],
            "sPaginationType": "full_numbers",
            "sAjaxSource": app_url+"/statistics/broadcasts/opens/{{$campaign_schedule_id}}",
            "fnServerParams": function (aoData) {
                aoData.push({"name": "opensType", "value": $("#opensType").val()});
                aoData.push({"name": "exclude_bots", "value": ($("#exclude_bots").is(":checked")) ? 1 : 0});
                aoData.push({"name": "showEmail", "value": ($("#showEmail").is(":checked")) ? 1 : 0});
            },
            
            "pageLength" : page_limit,
            "aLengthMenu": [[10,50, 100, 500], [10,50, 100, 500]]
        });
        $("#opensType").change(function () {
            opensTable.draw();
        });
        $("#exclude_bots").change(function () {
            opensTable.draw();
        });
        $("#showEmail").change(function () {
            opensTable.draw();
        });
    }
    var clicksTable;
    function loadClicked(){
        var page_limit = 10;
        if(localStorage.getItem("stats_pageLength") > 0 ) { 
            page_limit = localStorage.getItem("stats_pageLength");
        }

        clicksTable = $('#clicked').DataTable({
            "aoColumnDefs": [{"bSortable": false, "aTargets": [0,2,5,9]}],
            "destroy"    : true,
            "bProcessing": true,
            "bServerSide": true,
            "aaSorting": [[12, "desc"]],
            "sPaginationType": "full_numbers",
            "sAjaxSource": app_url+"/statistics/broadcasts/clicked/{{$campaign_schedule_id}}",
            "fnServerParams": function (aoData) {
                $(".popovers").popover();
                aoData.push({"name": "clicksType", "value": $("#clicksType").val()});
                aoData.push({"name": "exclude_bots", "value": ($("#click_exclude_bots").is(":checked")) ? 1 : 0});
                aoData.push({"name": "showEmail", "value": ($("#clickShowEmail").is(":checked")) ? 1 : 0});
            },
            "pageLength" : page_limit,
            "aLengthMenu": [[10,50, 100, 500], [10,50, 100, 500]]
        });
        $("#clicksType").change(function () {
            clicksTable.draw();
        });

        $("#click_exclude_bots").change(function () {
            clicksTable.draw();
        });
        $("#clickShowEmail").change(function () {
            clicksTable.draw();
        });

    }
    function loadUnsubscribed(){
        var page_limit = 10;
        if(localStorage.getItem("stats_pageLength") > 0 ) { 
            page_limit = localStorage.getItem("stats_pageLength");
        }

        $('#unsubscribed').dataTable({
            "aoColumnDefs": [{"bSortable": false, "aTargets": [0,1,4]}],
            "destroy"    : true,
            "bProcessing": true,
            "bServerSide": true,
            "aaSorting": [[10, "desc"]],
            "sPaginationType": "full_numbers",
            "sAjaxSource": app_url+"/statistics/broadcasts/unsubscribed/{{$campaign_schedule_id}}",
            "pageLength" : page_limit,
            "aLengthMenu": [[10,50, 100, 500], [10,50, 100, 500]]
        });
    }
    var complaintsTable;
    function loadComplaints(){
        var page_limit = 10;
        if(localStorage.getItem("stats_pageLength") > 0 ) { 
            page_limit = localStorage.getItem("stats_pageLength");
        }
        complaintsTable = $('#complaints').DataTable({
            "aoColumnDefs": [{"bSortable": false, "aTargets": [0]}],
            "destroy"    : true,
            "bProcessing": true,
            "bServerSide": true,
            "aaSorting": [[2, "desc"]],
            "sPaginationType": "full_numbers",
            "sAjaxSource": app_url+"/statistics/broadcasts/complaints/{{$campaign_schedule_id}}",
            "fnServerParams": function (aoData) {
                aoData.push({"name": "complaintType", "value": $("#complaintType").val()});
            },
            
            "pageLength" : page_limit,
            "aLengthMenu": [[10,50, 100, 500], [10,50, 100, 500]]
        });

        $("#complaintType").change(function () {
            complaintsTable.draw();
        });

    }
    function loadLogs(type='all') {
        var page_limit = 10;
        if(localStorage.getItem("stats_pageLength") > 0 ) { 
            page_limit = localStorage.getItem("stats_pageLength");
        }
        var table = $('#logs').dataTable({
            "aoColumnDefs": [{"bSortable": false, "aTargets": [2]}],
            "destroy"    : true,
            "bProcessing": true,
            "bServerSide": true,
            "aaSorting": [[7, "desc"]],
            "sPaginationType": "full_numbers",
            "sAjaxSource": app_url+"/statistics/broadcasts/logs/{{$campaign_schedule_id}}",
            "fnServerParams": function (aoData) {
                aoData.push({"name": "clicksType", "value": type});
            },
            "pageLength" : page_limit,
            "aLengthMenu": [[10,50, 100, 500], [10,50, 100, 500]],
            
        });

        $('#logs').on( 'length.dt', function ( e, settings, len ) {
            localStorage.setItem("stats_pageLength" , len);
        });

    }
    function loadDelivered(){
        var page_limit = 10;
        if(localStorage.getItem("stats_pageLength") > 0 ) { 
            page_limit = localStorage.getItem("stats_pageLength");
        }

        $('#delivered').dataTable({
            "aoColumnDefs": [{"bSortable": false, "aTargets": []}],
            "destroy"    : true,
            "bProcessing": true,
            "bServerSide": true,
            "aaSorting": [[0, "desc"]],
            "sPaginationType": "full_numbers",
            "sAjaxSource": app_url+"/statistics/broadcasts/delivered/{{$campaign_schedule_id}}",
            "pageLength" : page_limit,
            "aLengthMenu": [[10,50, 100, 500], [10,50, 100, 500]]
        });
    }
    function loadContentAB(){
        var page_limit = 10;
        if(localStorage.getItem("stats_pageLength") > 0 ) { 
            page_limit = localStorage.getItem("stats_pageLength");
        }

        $('#abs').dataTable({
            "aoColumnDefs": [{"bSortable": false, "aTargets": []}],
            "destroy"    : true,
            "bProcessing": true,
            "bServerSide": true,
            "aaSorting": [[0, "desc"]],
            "sPaginationType": "full_numbers",
            "sAjaxSource": app_url+"/statistics/broadcasts/ab/from_smtp/{{$campaign_schedule_id}}",
            "pageLength" : page_limit,
            "aLengthMenu": [[10,50, 100, 500], [10,50, 100, 500]]
        });
    }
    function loadConversation(){
        var page_limit = 10;
        if(localStorage.getItem("stats_pageLength") > 0 ) { 
            page_limit = localStorage.getItem("stats_pageLength");
        }

        $('#conversation').dataTable({
            "aoColumnDefs": [{"bSortable": false, "aTargets": []}],
            "destroy"    : true,
            "bProcessing": true,
            "bServerSide": true,
            "aaSorting": [[0, "desc"]],
            "sPaginationType": "full_numbers",
            "sAjaxSource": app_url+"/statistics/broadcasts/conversation/{{$campaign_schedule_id}}",
            "pageLength" : page_limit,
            "aLengthMenu": [[10,50, 100, 500], [10,50, 100, 500]]
        });
    }
    function loadContent(type , id) {
        $(".blockUI").show();
        $.ajax({
            url: '/statistics/broadcasts/content/'+type+'/'+id,
            type: "GET",
            success: function(data) {
                if(data.type == 'contact_list'){
                    $("#abs").html("<div class='table-scrollable'>"+data.html+"</div>");
                }else if(data.type == 'campaign_list'){
                    $("#abs").html("<div class='table-scrollable'>"+data.html+"</div>");
                }else if(data.type == 'smtp_list'){
                    $("#abs").html("<div class='table-scrollable'>"+data.html+"</div>");
                }else if(data.type == 'top_ten_clicks'){
                    $("#abs").html("<div class='table-scrollable'>"+data.html+"</div>");
                }
                else if(data.type == 'clicks_by_browser'){
                    $("#abs").html("<div class='table-scrollable'>"+data.html+"</div>");
                }
                $(".blockUI").hide();
            }
        });
    }

    function getFormData(id, type)
    {
        $.ajax({
            url: "{{ url('/') }}"+'/contact/'+id+'/edit',
            type: "GET",
            data: {type: type},
            success: function (data) {
                $('#subscriber-data').html(data.html);
                $("#modal-subscriber-details").modal('show');
            }
        });
    }

    function exportLogsCSV() {
     
        Command: toastr["success"] ("@lang('common.message.export_process_background')");
    }

    $(document).ready(function() {

        $('#modal-subscriber-details').on('hidden', function() {
            clear()
        });
    });

    $("body").on("click" , ".refreshResult" , function() { 
        $(".refreshResult").html('<span class="bg-icon"><i class="la la-refresh fa-spin"></i></span>');
        $.ajax({
            url: "{{url('campaign/clicked-ajax/' . $campaign_schedule_id)}}",
            success: function(data) {
                location.reload();
            }
        });
    });


        $("body").on("click" , ".viewEmail", function() {
        var contact_id = $(this).attr("data-id");
        $.ajax({
            type: 'POST',
            url: '{{url("getSubscriber")}}',
            data: {contact_id},
            cache: false,
            dataType: 'json',
            beforeSend: function() {
                $('.blockUI').show();
            },
            success: function (data) {
                // var obj = JSON.parse(data);
                $(".viewEmail" + data["id"]).html(data["email"]);
                $(".viewList" + data["id"]).html(data["list_name"]);
            }, error: function (jqXHR, status, err) {
                $('.blockUI').hide();
            },
                complete: function () {
                    $('.blockUI').hide();
                }
        });

    });
    $("body").on("click" , ".skippedView", function() {
            var campaign_id = $(this).attr("data-id");
            var duplicate = $(this).attr("data-duplicate");
            var downloadBase = '{{ url("/statistics/broadcasts") }}/' + campaign_id + '/skipped/';

            $("#SuppressedCount").html(0 + " <a target='_blank' href='" + downloadBase + "suppressed/download'><i class='la la-download'></i></a>");
            $("#NotConfirmedCount").html(0 + " <a target='_blank' href='" + downloadBase + "not_confirmed/download'><i class='la la-download'></i></a>");
            $("#InActiveCount").html(0 + " <a target='_blank' href='" + downloadBase + "inactive/download'><i class='la la-download'></i></a>");
            $("#UnsubscribedCount").html(0 + " <a target='_blank' href='" + downloadBase + "unsubscribed/download'><i class='la la-download'></i></a>");
            $("#BouncedCount").html(0 + " <a target='_blank' href='" + downloadBase + "bounced/download'><i class='la la-download'></i></a>");
            $("#DuplicateCount").html(0 + " <a target='_blank' href='" + downloadBase + "duplicate/download'><i class='la la-download'></i></a>");
            $("#SpammedCount").html(0 + " <a target='_blank' href='" + downloadBase + "spammed/download'><i class='la la-download'></i></a>");
            @if($deleted_emails > 0)
                $("#deletedSubscribers").html(0);
            @else
                $("#trDeletedSubscribers").hide();
            @endif
            if(duplicate <= 0) {
                $(".DuplicateCount").hide();
            }
            $("#skippedModal").modal("show");
        });
        function viewCreteria(id){
            $.ajax({
                type: 'GET',
                url: '{{url("statistics/broadcasts/custom-criteria")}}/'+id,
                data: {id:id},
                beforeSend: function() {
                    $('.blockUI').show();
                },
                success: function (data) {
                    $('.blockUI').hide();
                    $("#custom_criteria_data").html(data);
                    $("#modal-custom-criteria").modal("show");
                }
            });
        }

        @if($campaign->type != "trigger")
        (function() {
            var currentStatus = '{{ $campaign->status }}';
            var statusInterval = setInterval(function() {
                $.ajax({
                    url: '{{ route("statistics.broadcasts.status", $campaign_schedule_id) }}',
                    type: 'GET',
                    dataType: 'json',
                    success: function(data) {
                        if (data.status && data.campaign_status !== currentStatus) {
                            var display = data.campaign_status === 'processing' ? 'Running' : data.campaign_status.charAt(0).toUpperCase() + data.campaign_status.slice(1);
                            $('#campaign-status').text(display);
                            currentStatus = data.campaign_status;
                            if (data.campaign_status === 'completed' || data.campaign_status === 'system paused') {
                                clearInterval(statusInterval);
                                location.reload();
                            }
                        }
                    }
                });
            }, 5000);
        })();
        @endif

        // Live Mode - refresh counters + active tab
        var detailLiveInterval = null;
        var activeTabTable = null;
        var tabTableMap = {
            '#tab8': '#delivered',
            '#tab3': '#opens',
            '#tab4': '#clicked',
            '#tab5': '#unsubscribed',
            '#tab2': '#spintag',
            '#tab6': '#complaints',
            '#tab7': '#logs',
            '#tab10': '#conversation'
        };
        $('a[data-toggle="tab"]').on('shown.bs.tab', function(e) {
            activeTabTable = tabTableMap[$(e.target).attr('href')] || null;
        });

        function pct(val, total) {
            return total > 0 ? (val * 100 / total).toFixed(1) + '% of sent' : '';
        }
        function updateLiveCounters(c) {
            if (!c) return;
            $('#live-kpi-opened').text(c.opened);
            $('#live-kpi-clicked').text(c.clicked);
            $('#live-kpi-unsubs').text(c.unsubscribed);
            $('#live-kpi-bounced').text(c.bounced);
            $('#live-kpi-opened-pct').text(pct(c.opened, c.sent));
            $('#live-kpi-clicked-pct').text(pct(c.clicked, c.sent));
            $('#live-kpi-unsubs-pct').text(pct(c.unsubscribed, c.sent));
            $('#live-kpi-bounced-pct').text(pct(c.bounced, c.sent));
            $('#live-sum-sent').text(c.sent);
        }
        function liveRefresh() {
            $.ajax({
                url: '{{ route("statistics.broadcasts.status", $campaign_schedule_id) }}',
                type: 'GET',
                dataType: 'json',
                success: function(data) {
                    if (data.status && data.counters) {
                        updateLiveCounters(data.counters);
                    }
                }
            });
            if (activeTabTable) {
                try { $(activeTabTable).dataTable().fnDraw(false); } catch(e) {}
            }
        }
        function startDetailLive() {
            $('#liveDot').addClass('live-mode-dot--active');
            liveRefresh();
            detailLiveInterval = setInterval(liveRefresh, 8000);
        }
        function stopDetailLive() {
            $('#liveDot').removeClass('live-mode-dot--active');
            if (detailLiveInterval) { clearInterval(detailLiveInterval); detailLiveInterval = null; }
        }
        if (localStorage.getItem('stats_live_mode') === '1') {
            $('#liveModeSwitch').prop('checked', true);
            startDetailLive();
        }
        $('#liveModeSwitch').on('change', function() {
            if ($(this).is(':checked')) {
                localStorage.setItem('stats_live_mode', '1');
                startDetailLive();
            } else {
                localStorage.setItem('stats_live_mode', '0');
                stopDetailLive();
            }
        });
</script>
@endsection

@section(decide_content())
<!-- will be used to show any messages -->
@if (Session::has('msg'))
<div class="alert alert-success" data-name="QATuipGy">
    {{ Session::get('msg') }}
</div>
@endif
<div id="msg" class="display-hide" data-name="IsBIQxiy">
    <button class="close" data-close="alert"></button>
    <span id='msg-text'><span>
</div>
 
<div class="row" data-name="ZapAVEEa">    
    <div class="col-md-12" data-name="hRRlWIsZ">
        <!-- BEGIN EXAMPLE TABLE PORTLET-->
        <div class="kt-portlet kt-portlet--height-fluid" data-name="YbcGbRBg">
            <div class="kt-portlet__head" data-name="vlkDDFCJ">
                <div class="kt-portlet__head-label" data-name="JREqnMli">
                    <h3 class="kt-portlet__head-title">
                        @if($isDrip)
                           {{ trans('statistics.detail.summary.table_heading.drip_result') }}
                        @else
                            {{ $pageTableHeading }}
                        @endif
                    </h3>
                </div>
                <div class="kt-portlet__head-toolbar" data-name="nVqnYhuG">
                    <div class="live-mode-toggle" style="margin-right:15px;">
                        <label class="live-mode-label" for="liveModeSwitch">
                            <span class="live-mode-dot" id="liveDot"></span>
                            Live
                        </label>
                        <label class="live-switch kt-checkbox">
                            <input type="checkbox" id="liveModeSwitch" style="margin:0 0 0 6px;">
                            <span class="live-switch__slider"></span>
                        </label>
                    </div>
                    @if(!$isBlockedExist)
                        @if(routeAccess('export_broadcast_stats'))
                        <button class="btn btn-label-info btn-sm btn-bold dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                        {{trans('statistics.detail.button.export')}}
                        </button>
                    
                            @include('statistics.common.download_options')  
                        @endif                       
                     @endif                       
                </div> 
            </div>