@extends(decide_template())

@section('title', $pageTitle)

@section('page_styles')

<link href="{{ asset('css/statistics-details.css') }}?v={{$local_version}}" rel="stylesheet" type="text/css">

<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">
<style type="text/css">
    span.read_more,a.read_less {display: none;}

    #logs > tbody > tr > td:first-child a { 
        cursor: pointer;
    }
    .btn-load-data-customer{
        cursor: pointer;
    }
    #bot_message{
        float: right;
    }
    .ci-hide {
        position: absolute;
        width: 70px;
        height: 30px;
        bottom: 20px;
        left: 20px;
        background: white;
        z-index: 99;
    }
    #chartdiv {
        width: 100%;
        height: 400px;
    }
    .progress .progress-bar.bg-success {
        background-color: #1caf9a!important;
    }
    .progress .progress-bar.bg-warning {
        background-color: #ff8000!important;
    }
    #top-domains {
        width: 100%;
        height: 330px;
        margin-bottom: 0;
    }
    svg g[aria-labelledby="id-66-title"] {
        display: none;
    }
    .summary-stats .topevents {
        word-wrap: break-word;
        background-clip: border-box;
        border: 1px solid #d1d7e2;
        border-radius: 6px;
        display: flex;
        flex-direction: row;
        min-width: 0;
        position: relative;
        background-color: #fff;
        margin-bottom: 20px;
        padding: 10px;
        justify-content: flex-start;
        align-items: center;
    }
    .summary-stats .topevents .icon {
        background: #FFF;
        width: 50px;
        height: 50px;
        display: inline-block;
        border: 0;
        float: left;
        text-align: center;
        line-height: 54px;
    }
    .summary-stats .topevents .icon svg {
        width: 50px !important;
        height: 50px !important;
        margin-left: -3px;
    }
    .summary-stats .topevents .content {
        display: inline-block;
        width: auto;
        height: 100%;
        margin-left: 5px;
        float: left;
        font-size: 13px;
        color: #666;
        font-weight: 500;
        margin-top: 0px;
        white-space: nowrap;
    }
    .summary-stats .topevents .content>span {
        display: block;
        font-size: 14px;
        font-weight: 700;
        line-height: 1;
        color: #333;
        letter-spacing: 0px;
        margin-top: 3px;
        white-space: normal;
        word-break: break-all;
    }
    .summary-stats .topevents .content>span>small {
        font-weight: 600;
    }
    .progress {
        /* height: 12px; */
    }
    .progress .progress-bar {
        font-size: 12px !important;
        color: #fff;
        font-weight: 600;
    }
    svg.text-success g [fill] {
        fill: #0abb87 !important;
    }
    svg.text-info g [fill] {
        fill: #5578eb !important;
    }
    svg.text-warning g [fill] {
        fill: #ffb822 !important;
    }
    svg.text-danger g [fill] {
        fill: #fd397a !important;
    }
    .summary-stats .topevents .icon i.fa {
        font-size: 38px;
        vertical-align: middle;
        margin-top: -1px;
        margin-left: -3px;
    }
    @media (max-width:1550px) {
        .col-md-3.summary-stats {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }
    }
    span.stats-link {
        display: block;
        max-width: 200px;
        overflow: hidden;
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
    }
    #complaints_wrapper tr th:first-child, #complaints_wrapper tr tD:first-child {
        max-width: 80px;
        min-width: 60px;
        text-align: center;
        width: 6% !important;
    }
</style>
@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="Select Condition" name="code_condition" id="code_condition">
                                <option value="is">Is</option>
                            </select>`;
    var dd11 = `<select class="form-control m-select2 conditions1" data-placeholder="Select Condition" name="code_condition" id="code_condition">
                                <option value="is">Is</option>
                                <option value="contains">Contains</option>
                            </select>`;                        
    var dd2 = `<select class="form-control m-select2 conditions2" data-placeholder="Select Condition" name="reason_condition" id="reason_condition">
                                <option value="is">Is</option>
                            </select>`;
    var dd22 = `<select class="form-control m-select2 conditions2" data-placeholder="Select Condition" name="reason_condition" id="reason_condition">
                                <option value="is">Is</option>
                                <option value="contains">Contains</option>
                            </select>`;  
    var dd3 = `<select class="form-control m-select2 conditions3" data-placeholder="Select Condition" name="details_condition" id="details_condition">
                                <option value="is">Is</option>
                            </select>`;
    var dd33 = `<select class="form-control m-select2 conditions3" data-placeholder="Select Condition" name="details_condition" id="details_condition">
                                <option value="is">Is</option>
                                <option value="contains">Contains</option>
                            </select>`;                         



    $(document).ready(function() {

        $('[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>
            <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 routeAccess() in /home/mohamma2/public_html/subdomains/testing.mohammad.jt.mumara.dev/resources/views/themes/default/statistics/details.blade.php on line <i>909</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 routeAccess() in /home/mohamma2/public_html/subdomains/testing.mohammad.jt.mumara.dev/resources/views/themes/default/statistics/details.blade.php on line <i>909</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.0034</td><td bgcolor='#eeeeec' align='right'>926128</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='/home/mohamma2/public_html/subdomains/testing.mohammad.jt.mumara.dev/resources/views/themes/default/statistics/details.blade.php' bgcolor='#eeeeec'>.../details.blade.php<b>:</b>0</td></tr>
</table></font>