@extends('layouts.master-dashboard')

@section('title', trans('menu.dashboard'))
@php

 $api_key=isset($app_settings['google_api_key']) && !empty($app_settings['google_api_key']) ? $app_settings['google_api_key'] : '';
@endphp
@section('page_scripts')
    <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/bootstrap-datepicker.min.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/perfect-scrollbar.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/bootstrap-datepicker.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/jquery.counterup.min.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/slick.js') }}" type="text/javascript"></script>
    <script>
        $('#module_list').on('click',function (){
            $.ajax({
                type: "POST",
                url: "{{route('nodeNewUi')}}",
                beforeSend:function ()
                {
                    $(".blockUI").show();
                },complete: function () {
                    $('.blockUI').hide();
                    $('#meduleMsg').slideUp('slow');
                }
            });
        });
        $(document).on('click','#sync_rules',function(e){
            e.preventDefault();
            if(confirm('{{trans('bounce_rule.view.alert_confirmation.sync_rule_alert')}}')) {
                $.ajax({
                    type: "GET",
                    url: "{{ route('sync_rules') }}",
                    cache: false,
                    beforeSend: function() {
                        $('.blockUI').show();
                    },
                    success: function (data) {
                        $('.blockUI').hide();
                        if (data.success){
                            toastr.success(data.msg);
                            $.ajax({
                                type: "POST",
                                url: "{{route('nodeNewUi')}}",
                                data:{'column':'bounce_rules_synced','value':1},
                                beforeSend:function ()
                                {
                                    $(".blockUI").show();
                                },complete: function () {
                                    $('.blockUI').hide();
                                    $('#bounceMsg').slideUp('slow');
                                }
                            });
                            location.reload();
                        }else{
                            toastr.error(data.msg);
                        }
                    },
                    error: function (data) {
                        $('.blockUI').hide();
                        toastr.error("Error");
                    }
                });
            }
        });

        function dont_show_notify(name)
        {
            $.ajax({
                type: "POST",
                url: "{{route('nodeNewUi')}}",
                data:{'flag':name},
                beforeSend:function ()
                {
                    $(".blockUI").show();
                },complete: function () {
                    $('.blockUI').hide();
                    $('#meduleMsg').slideUp('slow');
                }
            });
        }
        $('#from').datepicker({
            orientation: "bottom"
        });
        $('#to').datepicker({
            orientation: "bottom"
        });
        $('#device_from').datepicker();
        $('#device_to').datepicker();
        $('#domain_from').datepicker();
        $('#domain_to').datepicker();
        $('#geo_from').datepicker();
        $('#geo_to').datepicker();
        // ajax call for top rows dashboard stats
        var liveEventRwquest= 0;
function liveEvents(first_load=false){
    if($('#autorefreshinput').val()==1 || first_load==1){
    if($('#admin_events').is(':checked')){
         var user_id   = $('#admins').val();
         var type      = 'admins';
    }else if($('#user_events').is(':checked')){
         var user_id   = $('#clients').val();
         var type      = 'clients';
    }
       
    if(liveEventRwquest==0 || 1){
        liveEventRwquest = 1;
        $.ajax({
                    url: "{{ route('live_events') }}",
                    type: "GET",
                    data:{user_id:user_id,type:type}, 
                    success: function (data) {

                        if(data.length > 0 ){
                            var html='';
                            var classes=['text-warning','text-success','text-danger','text-info','text-primary'];
                            $.each(data,function(i,val){
                                var color_class = classes[Math.floor(Math.random() * classes.length)];
                                 html+=' <!--begin::Timeline-->\
                                    <div class="timeline timeline-6">\
                                        <!--begin::Item-->\
                                        <div class="timeline-item align-items-start">\
                                            <!--begin::Badge-->\
                                            <div class="timeline-badge">\
                                                <i class="fa fa-genderless '+color_class+' icon-xl"></i>\
                                            </div>\
                                            <!--end::Badge-->\
                                            <!--begin::Desc-->\
                                            <div class="timeline-content pl-3"><div>'+ data[i]['title'] +'</div><div class="timeline-label font-weight-bolder text-muted font-size-lg">'+data[i]['time']+'</div></div>\
                                            <!--end::Desc-->\
                                        </div>\
                                        <!--end::Item-->\
                                    </div>\
                                    <!--end::Timeline-->'; 

                            });
                            liveEventRwquest = 0;
                            $('#live-events').html(html);

                        }else{
                            var html='<div class="alert alert-warning"><div class="alert-text">{{  trans("dashboard.live_events.waiting_events")}}</div></div>';
                            $('#live-events').html(html);
                        }

                    }
                }); 
        }
    }
}
  
  
  liveEvents(true);
     @php
    $timeout=isset($app_settings['auto_refresh_live_events']) && ((int)$app_settings['auto_refresh_live_events']) >0 ? ((int)$app_settings['auto_refresh_live_events']):3;
    $timeout=$timeout * 1000;
    @endphp
 
    var start = setInterval(function() {
     liveEvents();
    }, {{$timeout}});



function stop() {
  clearInterval(start);
}
  @if(superAdmin(auth()->user()))
   $("#user_events").click(function() {
        $('#admins').val('');
        setTimeout(function(){
            $(".bullData").show();
            $(".treeView").hide();
            $('#admin-filter').hide();
           $('#clients').change();
        }, 250);
        
        
    });
    $("#admin_events").click(function() {
        $('#clients').val('');
        setTimeout(function(){
            $(".bullData").hide();
            $(".treeView").show();
            $('#admin-filter').show();
            $('#admins').change();
        }, 250);
       
    });
    $(document).on('change','#admins,#clients',function(){
         liveEvents(true);
    });
    $(document).on('click','#filter',function(){
        if($('#filter_row').is(':visible')){
            $('#filter_row').hide();
        }else{
            $('#filter_row').show();
        }
    });
  
    @endif
           $(document).on('change','#autorefresh',function(){
          $.ajax({
                url: "{{ route('autoRefresh') }}",
                type: "POST",
                data:{autoRefreshLiveEvents:$(this).is(':checked') ? 1:0},
                success: function (resp) {
                    if(resp==0){
                        stop();
                    }else{
                     start = setInterval(function() {
                             liveEvents();
                            }, {{$timeout}});
                    }
                   $('#autorefreshinput').val(resp);
                   liveEvents(true);

                }
            });
        
    });
        // Parse number from string (handles "2 / 1,734" format from server)
        function parseNumber(val) {
            if (typeof val === 'number') return val;
            if (typeof val === 'string') {
                var cleaned = val.replace(/,/g, '').replace(/&#\d+;/g, '');
                var match = cleaned.match(/[\d.]+/);
                return match ? parseFloat(match[0]) : 0;
            }
            return 0;
        }

        // Format number in human-friendly way (1.5K, 2.34M, 1.2B, etc.)
        // Named formatStatNumber to avoid colliding with the global formatNumber()
        // that justgage.js defines (which just adds thousands commas) — both end up
        // on window and the later script wins, silently breaking abbreviation.
        function formatStatNumber(num, precision) {
            num = parseNumber(num);
            if (precision === undefined) { precision = 2; }
            if (num < 1000) {
                return num.toLocaleString();
            }
            var suffixes = ['', 'K', 'M', 'B', 'T'];
            var tier = 0;
            while (num >= 1000 && tier < suffixes.length - 1) {
                num /= 1000;
                tier++;
            }
            var rounded = +num.toFixed(precision);
            if (rounded >= 1000 && tier < suffixes.length - 1) {
                rounded /= 1000;
                tier++;
            }
            var formatted = rounded.toFixed(precision);
            if (precision > 0) {
                formatted = formatted.replace(/\.?0+$/, '');
            }
            return formatted + suffixes[tier];
        }

        // Full comma-formatted number for hover tooltips so the exact value is still discoverable.
        function fullStatNumber(num) {
            return parseNumber(num).toLocaleString();
        }

        // Render stat card with percentage bar
        function renderStatCard(value, total, title, colorClass) {
            var numValue = parseNumber(value);
            var numTotal = parseNumber(total);
            var percent = numTotal > 0 ? Math.min(100, Math.round((numValue / numTotal) * 100)) : 0;
            var isSent = (colorClass === 'color-dark');

            var html = '<div class="stat-card-inner">' +
                '<div class="stat-card-title">' + title + '</div>' +
                '<div class="stat-card-value ' + colorClass + '" title="' + fullStatNumber(numValue) + '">' + formatStatNumber(numValue) + '</div>';

            if (!isSent) {
                html += '<div class="stat-card-bar"><div class="stat-card-bar-fill ' + colorClass + '" style="width:' + percent + '%"></div></div>' +
                    '<div class="stat-card-percent">' + percent + '% of total sent</div>';
            }

            html += '</div>';
            return html;
        }

        $(document).ready(function () {
            // Show loading spinners
            $("#g2, #g3, #g4").html('<div class="stat-card-inner"><i class="fa fa-spinner fa-spin fa-lg"></i></div>');

            setTimeout(function(){
                $.ajax({
                    url: "{{ route('dashboardCounters') }}",
                    type: "POST",
                    success: function (data) {
                        $('#email_sent').html(data.sent_this_month);
                        $('#total_sent').val(data.sent);
                        $('#total_opened').val(data.total_opened);
                        $('#total_clicked').val(data.total_clicked);
                        $('#nodes').html(data.nodes);
                        $('#contacts').html(data.contacts);
                        $('#su').html(data.su);

                        var totalSent = parseNumber(data.sent);

                        // Render stat cards — Sent (dark), Opened (green), Clicked (violet)
                        $('#g2').html(renderStatCard(data.sent, data.sent, "{{ trans('dashboard.gauge_chart.total_sent') }}", 'color-dark'));
                        $('#g4').html(renderStatCard(data.total_opened, data.sent, "{{ trans('dashboard.gauge_chart.total_opened') }}", 'color-green'));
                        $('#g3').html(renderStatCard(data.total_clicked, data.sent, "{{ trans('dashboard.gauge_chart.total_clicked') }}", 'color-violet'));
                    }
                })
            },2500);
        });
    </script>
@endsection
@section('dashboard_scripts')
    <script type="text/javascript">
        var dateTime = "";
        // function updateClock() {
        //     var now = new Date();
        //     now.setMinutes(now.getMinutes() + 1);
        //     months = ["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];
        //     time = now.getHours() + ":" + now.getMinutes() + ":" + now.getSeconds();
        //     date = months[now.getMonth()] + " " + now.getDate() + " " + now.getFullYear();
        //     dateTime = [date, time].join(" ");
        //     // setTimeout(updateClock, 1000);
        // }
        // updateClock();
        var timer = localStorage.getItem("timer");
        var timerlog = localStorage.getItem("timerlog");
        if (timerlog == "1") {
            var countDownDate = new Date(timer).getTime();
            
            $("#campaigns-paused").css("display", "flex");
        } else {
            var countDownDate = new Date(dateTime).getTime();
        }
        var distance, days, hours, minutes, seconds = 0;
        $(".minutes").text(0);
        $(".seconds").text(0);
        var now = new Date().getTime();
        var x = setInterval(function () {
            var now = new Date().getTime();
            distance =   (countDownDate +  (20 * 60 * 1000)) - now;
            days = Math.floor(distance / (1000 * 60 * 60 * 24));
            hours = Math.floor((distance % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
            minutes = Math.floor((distance % (1000 * 60 * 60)) / (1000 * 60));
            seconds = Math.floor((distance % (1000 * 60)) / 1000);
            $(".minutes").text(minutes);
            $(".seconds").text(seconds);
            if (distance < 0) {
                localStorage["timerlog"] =0;
                $(".timing-block").hide();
                clearInterval(x);
                $(".minutes").text(0);
                $(".seconds").text(0);
                $("#pac").removeClass("disabled");
                $(".timer-blk").hide();
            }
        }, 1000);
    </script>
    <script>
        async function pauseAllOperates() {
            await (function() {
                return new Promise((resolve, reject) => {
                setTimeout(function() {
                    $(".bar1>.fa-hourglass-half").hide();
                    $(".bar1>.fa-spin").show();
                    resolve();
                }, 1000);
                });
            })();
            await (function() {
                return new Promise((resolve, reject) => {
                setTimeout(function() {
                    $(".bar1>.fa-spin").hide();
                    $(".bar1>.fa-check-circle").show();
                    resolve();
                }, 3000);
                });
            })();
        }
    </script>
    <script src="{{ asset('themes/default/js/morris.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/jquery.easypiechart.min.js') }}" type="text/javascript"></script>
    <script src="{{ asset('themes/default/js/raphael-2.1.4.min.js') }}"></script>
    <script src="{{ asset('themes/default/js/justgage.js') }}?v={{$local_version}}"></script>
    <script>
        var g1, g2, g3, g4;
        window.onload = function(){

        };
    </script>
    <script type="text/javascript">
        function getUserCampaigns(duration){
            @if($broadcast_filter_dashboard==0 || $broadcast_filter_dashboard=='0')
                return false;
            @endif
            campaign_id = $("#purpose2").val();
            if(duration==11 || duration=='11'){
                duration ="?id=11&from="+$("#from").val()+"&to="+$("#to").val();
            }else{
                duration ="?id="+duration;
            }
            var html ="";
            $.ajax({
                url: "{{ url('get-user-campaigns') }}"+duration,
                type: "GET",
                dataType:"json",
                success: function (data) {
                    html = '<option value=""> select Campaign </option>';
                    html = '<option value="0">{{ trans("common.all") }}</option>';
                    if(data.status=='success'){
                       $.each(data.campaignsData, function(index, item) {
                           var selectedVal ="";
                           if(campaign_id==item.campaign_id){
                               selectedVal = "selected";
                           }else{
                               selectedVal ="";
                           }
                            html +='<option value="'+item.campaign_id+'" '+selectedVal+' >'+item.name+'</option>';
                        }); 
                    }else{
                        html = "";
                    }
                    $("#purpose2").html(html);
                }
            });
        }
        $(document).ready(function () {
            if (timerlog != "1") {
                $(".timing-block").hide();
                $("#pac").removeClass("disabled");
            } else {
                $(".timing-block").show();
            }

            $("a.db-operate").click(function() {
                $("#modal-db-operate").modal("show");
            });

            $("#btn-yes").click(function() {
                $(".blockUI").show();
             
                $.ajax({
                    type: "POST",
                    url: "{{route('pauseAllCampaigns')}}",
                    beforeSend:function ()
                    {
                        $(".blockUI").show();
                    },complete: function () {
                        $("#modal-db-operate").modal("hide");
                        Command: toastr["info"] ("{{ trans('dashboard.sweet_alert.pause_campaigns.success_message') }}");
                        $('.blockUI').hide();
                        $('#meduleMsg').slideUp('slow');
                        setTimeout(() => {
                            location.reload();
                        }, 500);
                    }, success:function () { 
                        localStorage["timerlog"] =1;	
                        var now = new Date();
                        localStorage["timer"] = now;
                        $("#campaigns-paused").css("display", "flex");
                        $(".blockUI").hide();
                        $("#modal-db-operate").modal("hide");
                    }
                });
            });

            $("a#pac").click(function() {
       
                $.ajax({
                    type: "POST",
                    url: "{{route('forcePauseAllCampaigns')}}",
                    beforeSend:function ()
                    {
                        $(".blockUI").show();
                    },complete: function () {
                        $("#modal-db-operate").modal("hide");
                        // Command: toastr["info"] ("{{ trans('dashboard.sweet_alert.pause_campaigns.success_message') }}");
                        $('.blockUI').hide();
                        $('#meduleMsg').slideUp('slow');
                        setTimeout(() => {
                            location.reload();
                        }, 500);
                    }, success:function () { 
                        $(".blockUI").hide();
                        $("#campaigns-paused").hide();
                        Command: toastr["success"] ("{{trans('dashboard.sweet_alert.force_pause_message')}}");
                    }
                });

                // setTimeout(() => {
                //     $(".blockUI").hide();
                //     $("#campaigns-paused").hide();
                //     Command: toastr["success"] ("{{trans('All scheduled campaigns have been successfully paused, and the database operation is completed.')}}");
                // }, 1500);
            });
            
            $("#purpose2").change(function(){
               ///$("#purpose").trigger('change');
               if($('#purpose').val() != 11 && $('#purpose').val() != 3){

                    $('#datetimepicker-custom').hide();
                    getStats($('#purpose').val(), "{{ url('/') }}");
                }
                else if($('#purpose').val() == 3) {

                    todayStats("{{ url('/') }}");
                }
                else{
                   // getStats(11, "{{ url('/') }}");
                    //  $('#chartdiv01').html('');

                    var now = new Date();
                    var day = ("0" + now.getDate()).slice(-2);
                    var month = ("0" + (now.getMonth() + 1)).slice(-2);
                    var today = now.getFullYear()+"-"+(month)+"-"+(day);

                    var prev = new Date();
                    prev.setDate(now.getDate()-7);
                    var pday = ("0" + prev.getDate()).slice(-2);
                    var pmonth = ("0" + (prev.getMonth() + 1)).slice(-2);
                    var pyear = prev.getFullYear();
                    var previous = pyear+"-"+(pmonth)+"-"+(pday);

                    $('#to').val(today);
                    $('#from').val(previous);

                    $('#datetimepicker-custom').css("display", "inline-block");
                    if($('#purpose').val() != 11){
                        getStats(11, "{{ url('/') }}");
                    }else{
                        var from = $('#from').val();
                        var to = $('#to').val();
                        getCustomStats(from, to, "{{ url('/') }}");
                    }
                    //  getCustomStats(from, to, "{{ url('/') }}");
                }
            });
            
            $(".m-select2").select2();
            $("#f_options").click(function() {
                $(".le-usageBlock").toggleClass("show");
            });
            $("#all_live").click(function() {
                $(".blockUI").show();
                setTimeout(function() {
                    $(".blockUI").hide();
                    $(".select-block").hide();
                }, 1000);
            });
            $("#admin_live").click(function() {
                $(".blockUI").show();
                setTimeout(function() {
                    $(".blockUI").hide();
                    $("#filter-ls").html(`
                  
                        <option value="all">{{trans('dashboard.sending_statistics.broadcast_dropdown.option_all_admin')}}</option>
                        <br />
<b>Warning</b>:  Undefined variable $admins in <b>/home/waleed/public_html/subdomains/campaigns.waleed.jt.mumara.dev/resources/views/themes/default/dashboard/index.blade.php</b> on line <b>563</b><br />
<br />
<b>Warning</b>:  foreach() argument must be of type array|object, null given in <b>/home/waleed/public_html/subdomains/campaigns.waleed.jt.mumara.dev/resources/views/themes/default/dashboard/index.blade.php</b> on line <b>563</b><br />
                        
                    `);
                    $(".select-block").css("display", "inline-block");
                }, 1000);
            });
            $("#user_live").click(function() {
                $(".blockUI").show();
                setTimeout(function() {
                    $(".blockUI").hide();
                    $("#filter-ls").html(`
                        <option value="all">{{trans('dashboard.sending_statistics.broadcast_dropdown.option_all_users')}}</option>
                        <br />
<b>Warning</b>:  Undefined variable $client_data in <b>/home/waleed/public_html/subdomains/campaigns.waleed.jt.mumara.dev/resources/views/themes/default/dashboard/index.blade.php</b> on line <b>577</b><br />
<br />
<b>Warning</b>:  foreach() argument must be of type array|object, null given in <b>/home/waleed/public_html/subdomains/campaigns.waleed.jt.mumara.dev/resources/views/themes/default/dashboard/index.blade.php</b> on line <b>577</b><br />
                       
                    `);
                    $(".select-block").css("display", "inline-block");
                }, 1000);
            });
            
            $("#savedmn").click(function() {
                $(".blockUI").show();
                setTimeout(function(){
                    $(".blockUI").hide();
                    $("#checked").fadeIn();
                }, 1500);
                setTimeout(function(){
                    $('#spdomain').modal('hide');
                }, 3000);
            });
            $(function () {
            });
            $('.counter').counterUp({
                delay: 10,
                time: 1000
            });
            $('.counter2').counterUp({
                delay: 10,
                time: 1000
            });
            $('.counterup').counterUp({
                delay: 10,
                time: 1000
            });
            // show Sending Statistics round stats
            $(function() {
                jQuery().easyPieChart && ($(".easy-pie-chart .number.spammed").easyPieChart({
                    animate: 1e3,
                    size: 75,
                    lineWidth: 3,
                    barColor: App.getBrandColor("grey")
                }), $(".easy-pie-chart .number.visits").easyPieChart({
                    animate: 1e3,
                    size: 75,
                    lineWidth: 3,
                    barColor: App.getBrandColor("blue")
                }), $(".easy-pie-chart .number.bounce").easyPieChart({
                    animate: 1e3,
                    size: 75,
                    lineWidth: 3,
                    barColor: App.getBrandColor("red")
                }), $(".easy-pie-chart .number.opened").easyPieChart({
                    animate: 1e3,
                    size: 75,
                    lineWidth: 3,
                    barColor: App.getBrandColor("green")
                }), $(".easy-pie-chart .number.clicked").easyPieChart({
                    animate: 1e3,
                    size: 75,
                    lineWidth: 3,
                    barColor: App.getBrandColor("purple")
                }), $(".easy-pie-chart-reload").click(function () {
                    $(".easy-pie-chart .number").each(function () {
                        var e = Math.floor(100 * Math.random());
                        $(this).data("easyPieChart").update(e), $("span", this).text(e)
                    })
                }))
            })
        });
        $("#reloadStats").click(function(){
            // statChart.js function
            getStats($("#purpose option:selected").val(), "{{ url('/') }}");
        });
        // Sending Statistics custom search
        $("#customSearch").click(function () {
            var from = $('#from').val();
            var to = $('#to').val();
            // statChart.js function
            getCustomStats(from, to, "{{ url('/') }}");
            getUserCampaigns($('#purpose').val());
        });
        // Opened by Device custom search
        $("#deviceCustomSearch").click(function () {
            var from = $('#device_from').val();
            var to = $('#device_to').val();
            to = new Date(to);

            to.setDate(to.getDate() + 1)
            var dd = to.getDate();
            var mm = to.getMonth() + 1; //January is 0!
            var yyyy = to.getFullYear();
            if (dd < 10) { dd = '0' + dd; }
            if (mm < 10) { mm = '0' + mm; }
            to = yyyy + '-' + mm + '-' + dd;
            // pass parameter to other function
            deviceCustomStats(from, to);
        });
        $("#domainCustomSearch").click(function () {
            var from = $('#domain_from').val();
            var to = $('#domain_to').val();
            domainCustomStats(from, to);
        });
        // Opened by Countries custom search
        $("#geoCustomSearch").click(function () {

            var from = $('#geo_from').val();
            var to = $('#geo_to').val();
            drawRegionsMap();
            // pass parameter to other function
            getCountriesCustomStat(from, to);
        });
        // get active logs for Recent Activities
        function loadActivityLogs()
        {
            $.ajax({
                url: "{{ URL::route('dashboard.activity-logs') }}",
                type: "GET",
                success: function (data) {
                    $('#load-activityLogs').html(data);
                }
            });
        }
        loadActivityLogs();
        // get broadcast for Recent Schedules
        function campaignStats()
        {
            $.ajax({
                url: "{{ URL::route('dashboard.campaign.stats') }}",
                type: "GET",
                success: function (data) {
                    $('#campaign_statss').html(data);
                }
            });
        }
        // get trigger for Recent Schedules
        function triggerStats()
        {
            $.ajax({
                url: "{{ URL::route('dashboard.trigger.stats') }}",
                type: "GET",
                success: function (data) {
                    $('#trigger_statss').html(data);
                }
            });
        }
        function dripStats()
        {
            $.ajax({
                url: "{{ URL::route('dashboard.drip.stats') }}",
                type: "GET",
                success: function (data) {
                    $('#drip_statss').html(data);
                }
            });
        }
        campaignStats();
    </script>
    <script type="text/javascript">
        $(document).ready(function () {

            setTimeout(function(){
                $(".kt-page-loader").hide();
                //$(".appSlider").hide();
            }, 1500);

            // setTimeout(function(){
            //     $(".appSlider").slideDown();
            // }, 6000);

            $('.lists').easyPieChart({
                barColor:"#009ee0",
                animate: 1000,
                lineWidth: 8,
                size:180
            });

            $('#next1').click(function() {
                $('.mblock2').show();
                $('.mblock1').hide();
                $('#prev1').show();
                $('#next2').show();
                $('#next1').hide();
            });
            $('#prev1').click(function() {
                $('.mblock1').show();
                $('.mblock2').hide();
                $('#next1').show();
                $('#next2').hide();
                $('#prev1').hide();
            });
            $('#next2').click(function() {
                $('.mblock3').show();
                $('.mblock2').hide();
                $('.mblock1').hide();
                $('#prev2').show();
                $('#next3').show();
                $('#next1').hide();
                $('#next2').hide();
                $('#prev1').hide();
            });
            $('#prev2').click(function() {
                $('.mblock2').show();
                $('.mblock1').hide();
                $('.mblock3').hide();
                $('#prev1').show();
                $('#next2').show();
                $('#prev2').hide();
                $('#next1').hide();
                $('#next3').hide();
            });
            $('#next3').click(function() {
                $('.mblock4').show();
                $('.mblock3').hide();
                $('.mblock2').hide();
                $('.mblock1').hide();
                $('#prev3').show();
                $('#finish').show();
                $('#next1').hide();
                $('#next2').hide();
                $('#next3').hide();
                $('#prev1').hide();
                $('#prev2').hide();
            });
            $('#prev3').click(function() {
                $('.mblock3').show();
                $('.mblock1').hide();
                $('.mblock2').hide();
                $('.mblock4').hide();
                $('#prev2').show();
                $('#next3').show();
                $('#prev1').hide();
                $('#prev3').hide();
                $('#next1').hide();
                $('#next2').hide();
                $('#finish').hide();
            });
        });
    </script>
    <script type="text/javascript">
        if ($("#disclaimer").val() == 1){
            $(window).on('load',function(){
                $('#fwizard').modal('show');
                $('#fwizard').modal({backdrop: 'static', keyboard: false})
            });
        }
    </script>
    <script type="text/javascript">
        function myFunction() {
            if ($('#disclaimer-checkbox').is(":checked")){
                $.ajax({
                    type   : "POST",
                    url    : "{{ url('/') }}"+"/setting/modules",
                    data   : {modules: 'dashboard_module'},
                    success: function(result) {
                       // console.log('success');
                    }
                });
            }
        }
        var count = 0;
        $(".myactivity").click(function(){
            count += 1;
            if (count % 2 === 0) {
                $('.activity_width').css('width', '');
            } else {
                $('.activity_width').css('width', '100%');
            }
        });
    </script>
    <script type="text/javascript">
        $(window).on('load',function(){
            getCountriesStat(3);
        })// get countries list for Opened by Countries stats
        function getCountriesStat(id)
        {
            var table = $("#top-countries tbody");

            $.ajax({
                url: "{{ url('/') }}"+'/geo-countries-stat/'+id,
                type: "GET",
                success: function(result) {
                    table.empty();
                    if(result.length<=0){
                      table.append("<tr><td colspan=2>{{trans('common.no_data_found')}}</td></tr>");  
                      return false;
                    }
                    $.each(result, function (a, b) {
                        if(b.country_name == "" || b.country_name == null){
                            table.append("<tr><td>{{trans('dashboard.countries_chart.unknown_country')}}</td>" +
                                "<td>" + b.country_count + "</td></tr>");
                        }else{
                            table.append("<tr><td>"+b.country_name+"</td>" +
                                "<td>" + b.country_count + "</td></tr>");
                        }
                    });
                }
            });
        }
        // get custom countries list for Opened by Countries stats
        function getCountriesCustomStat(from, to)
        {
            var table = $("#top-countries tbody");
            $.ajax({
                url: "{{ url('/') }}"+'/geo-countries-custom-stat/'+from+'/'+to,
                type: "GET",
                success: function(result) {
                    table.empty();
                    if(result.length<=0){
                      table.append("<tr><td colspan=2>{{trans('common.no_data_found')}}</td></tr>");  
                      return false;
                    }
                    $.each(result, function (a, b) {
                        if(b.country_name == "" || b.country_name == null){
                            table.append("<tr><td>{{trans('dashboard.countries_chart.unknown_country')}}</td>" +
                                "<td>" + b.country_count + "</td></tr>");
                        }else{
                            table.append("<tr><td>"+b.country_name+"</td>" +
                                "<td>" + b.country_count + "</td></tr>");
                        }
                    });
                }
            });
        }
    </script>
    <script src="{{ asset('themes/default/js/app.min.js') }}" type="text/javascript"></script>

@endsection
@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/dashboard.css') }}?v={{$local_version}}" rel="stylesheet" type="text/css">
@endsection

@section('content')

<div class="col-md-12 content__main" data-name="mpbFNBYK">
    <div class="row" data-name="dwtYatyP">
        <div class="content__loader hidden h90 p20" data-name="XBCyrnJq">
            <div class="box_content_load hidden row" data-name="jWPSnlLq">
                <div class="col-md-8" data-name="qgpPVPmm">
                    <div class="row" data-name="eRfDjqwM">
                        <div class="col-md-6" data-name="lTqAuNiv">
                            <div class="avatar_load3" data-name="zbcpKDty"></div>
                            <div class="box_text_load w25 mt20 m0" data-name="vBCfzLID"></div>
                    </div>
                    </div>
                </div>
                <div class="col-md-4" data-name="dUTmnrTz">
                    <div class="box_text_load w25 mt20 m0 pull-right" data-name="pybTWZoX"></div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="col-md-12 content__main" data-name="EuDXdOPQ">
    <div class="row" data-name="KDyzlRvq">
        <div class="content__loader hidden h175" data-name="iVNfAwKt">
            <div class="box_content_load hidden row" data-name="ZEdHQVlm">
                <div class="col-md-6" data-name="apVqWWvW">
                    <div class="row" data-name="OdmsbcOd">
                        <div class="col-md-4 h100oh" data-name="MdNyDvIM"><div class="avatar_load2" data-name="kBZKmdjI"></div></div>
                        <div class="col-md-4 h100oh" data-name="jpfkedWJ"><div class="avatar_load2" data-name="HtrrzCBY"></div></div>
                        <div class="col-md-4 h100oh" data-name="ydgSdgof"><div class="avatar_load2" data-name="CzqfbiEl"></div></div>
                    </div>
                </div>
                <div class="col-md-6" data-name="phelKtAV">
                    <div class="row" data-name="TjYswuyv">
                        <div class="col-md-4" data-name="AOBdtPuX">
                            <div class="box_head_load w40 mt10" data-name="LrrpDnFn"></div>
                            <div class="box_text_load w75" data-name="mtIDYrAQ"></div>
                            <div class="box_text_load w100" data-name="kejAmbDi"></div>
                        </div>
                        <div class="col-md-4" data-name="CpzxFfae">
                            <div class="box_head_load w40 mt10" data-name="shEiZiLY"></div>
                            <div class="box_text_load w75" data-name="aoBgGtBR"></div>
                            <div class="box_text_load w100" data-name="gVLecWhi"></div>
                        </div>
                        <div class="col-md-4" data-name="NSfSfZfU">
                            <div class="box_head_load w40 mt10" data-name="MnZCJTYY"></div>
                            <div class="box_text_load w75" data-name="FQRIHSHI"></div>
                            <div class="box_text_load w100" data-name="rWyXxWYj"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row content__main" data-name="IamCTDci">
    <div class="col-lg-8 col-xs-12 col-sm-12" data-name="JLSGBtSd">
        <div class="kt-portlet kt-portlet--height-fluid h611" data-name="osGgEvPZ">
            <div class="kt-portlet__head" data-name="dxDxxsAU">
                <div class="kt-portlet__head-label box_title_load" data-name="mcnUJqZY">
                    <div class="kt-portlet__head-title" data-name="NYEPOwMO"><div class="box_text_load w25 mt25" data-name="egfwLeUn"></div></div>
                </div>
            </div>
            <div class="kt-portlet__body box_content_load graph" data-name="WFkSOkko">
                <div class="row" data-name="CnKgNFrX">
                    <div class="box_head_load w25 height50 mt10" data-name="fRKopYYZ"></div>
                    <div class="box_head_load w50 empty height1" data-name="FdliMJVy"></div>
                    <div class="box_head_load w25 height50 mt10" data-name="lVZcqAux"></div>
                </div>
                <div class="row" data-name="ILqVhHPm">
                    <div class="col-md-12 box_text_load mb10 mt30" data-name="plwbkyYm"></div>
                    <div class="col-md-12 box_text_load mb10" data-name="EvTtMaJS"></div>
                    <div class="col-md-12 box_text_load mb10" data-name="dPfcXNYg"></div>
                    <div class="col-md-12 box_text_load mb10" data-name="lGpDwZwI"></div>
                    <div class="col-md-12 box_text_load mb50" data-name="nbXqJTsh"></div>
                </div>
                <div class="row" data-name="JZwedjcM">
                    <div class="w20" data-name="ubqxFxxO"><div class="avatar_load3" data-name="jFFokwmo"></div><div class="box_text_load w50 offset-md-3" data-name="PlJOUwlB"></div></div>
                    <div class="w20" data-name="neTCftRE"><div class="avatar_load3" data-name="vKPOuZjI"></div><div class="box_text_load w50 offset-md-3" data-name="zlbRYEqk"></div></div>
                    <div class="w20" data-name="xsNpvLvd"><div class="avatar_load3" data-name="rbZgOsiK"></div><div class="box_text_load w50 offset-md-3" data-name="nVaPDYHv"></div></div>
                    <div class="w20" data-name="UjalGAMY"><div class="avatar_load3" data-name="hecbdbnL"></div><div class="box_text_load w50 offset-md-3" data-name="MNesuqJR"></div></div>
                    <div class="w20" data-name="XOqmqnAf"><div class="avatar_load3" data-name="pEokYtHW"></div><div class="box_text_load w50 offset-md-3" data-name="wRLswLXR"></div></div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-4 col-xs-12 col-sm-12" data-name="AxQBbRnC">
        <div class="kt-portlet kt-portlet--height-fluid h611" data-name="rKNYxstw">
            <div class="kt-portlet__body box_content_load" data-name="LWpYWRXL">
                <div class="box_head_load w50 offset-md-3 height50 mt30" data-name="KyIxjUBj"></div>
                <div class="row" data-name="eQoKvnam">
                    <div class="col-md-6" data-name="SJdYmbhz">
                        <div class="box_text_load w50 mt50" data-name="SbnZxZgD"></div>
                        <div class="box_text_load w75 mb50" data-name="oanQaUxm"></div>
                        <div class="box_text_load w50 mt50" data-name="hurVYujl"></div>
                        <div class="box_text_load w75 mb50" data-name="ocrPboTb"></div>
                        <div class="box_text_load w50 mt50" data-name="RibTkkJp"></div>
                        <div class="box_text_load w75 mb40" data-name="BhiFFxsN"></div>
                    </div>
                    <div class="col-md-6" data-name="qXEnUmzM">
                        <div class="box_text_load w50 mt50" data-name="RrFIMRDx"></div>
                        <div class="box_text_load w75 mb50" data-name="TMaqmBxc"></div>
                        <div class="box_text_load w50 mt50" data-name="wDoEyFiA"></div>
                        <div class="box_text_load w75 mb50" data-name="NXPUwTFt"></div>
                        <div class="box_text_load w50 mt50" data-name="cQfxJUxh"></div>
                        <div class="box_text_load w75 mb40" data-name="eOSBUYUC"></div>
                    </div>
                </div>
                <div class="row" data-name="LiYzPxMU">
                    <div class="col-md-12" data-name="EzKFsyoW">
                        <div class="box_text_load w100" data-name="iOHCwpdS"></div>
                        <div class="box_text_load w50" data-name="ovhjgvWM"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row content__main" data-name="AxnVfnKN">
    <div class="col-lg-4 col-xs-12 col-sm-12" data-name="AUDFXyyJ">
        <div class="kt-portlet kt-portlet--height-fluid" data-name="mbQQpXSY">
            <div class="kt-portlet__head" data-name="QUwbEDRf">
                <div class="kt-portlet__head-label box_title_load" data-name="COwhaZmJ">
                    <div class="kt-portlet__head-title" data-name="BkyqhiIZ"><div class="box_text_load w25 mt25" data-name="cmMBqAyt"></div></div>
                </div>
            </div>
            <div class="kt-portlet__body box_content_load" data-name="BteGabGR">
                <div class="row" data-name="TXiUvNBa">
                    <div class="box_head_load w25 height50 mt10" data-name="sGPPCeFw"></div>
                </div>
                <div class="row" data-name="FbYEkcrQ">
                    <div class="col-md-12 box_text_load mb10 mt30" data-name="pqVwfHnM"></div>
                    <div class="col-md-12 box_text_load mb10" data-name="xAroZOUt"></div>
                    <div class="col-md-12 box_text_load mb10" data-name="DNMYDbDq"></div>
                    <div class="col-md-12 box_text_load mb10" data-name="vTCqLXeR"></div>
                    <div class="col-md-12 box_text_load mb10" data-name="GktAitlD"></div>
                    <div class="col-md-12 box_text_load mb10" data-name="iYKxQrpE"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-4 col-xs-12 col-sm-12" data-name="bSVZLtGL">
        <div class="kt-portlet kt-portlet--height-fluid" data-name="PlcXiIGo">
            <div class="kt-portlet__head" data-name="DuAfgAuG">
                <div class="kt-portlet__head-label box_title_load" data-name="tUlisfoJ">
                    <div class="kt-portlet__head-title" data-name="Hbxeddsi"><div class="box_text_load w25 mt25" data-name="jjsCuscq"></div></div>
                </div>
            </div>
            <div class="kt-portlet__body box_content_load" data-name="QvMKdBFl">
                <div class="row" data-name="MPTNNJmh">
                    <div class="box_head_load w25 height50 mt10" data-name="tQPWVfbJ"></div>
                </div>
                <div class="row" data-name="LKCxFnZH">
                    <div class="col-md-12 box_text_load mb10 mt30" data-name="NDAnfElE"></div>
                    <div class="col-md-12 box_text_load mb10" data-name="JTwDaWrB"></div>
                    <div class="col-md-12 box_text_load mb10" data-name="GUATGQyj"></div>
                    <div class="col-md-12 box_text_load mb10" data-name="BStAoeGx"></div>
                    <div class="col-md-12 box_text_load mb10" data-name="PXzNibjA"></div>
                    <div class="col-md-12 box_text_load mb10" data-name="zcXrKjeZ"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-4 col-xs-12 col-sm-12" data-name="xMwdSUhs">
        <div class="kt-portlet kt-portlet--height-fluid" data-name="CLknXZrf">
            <div class="kt-portlet__head" data-name="butwxcPQ">
                <div class="kt-portlet__head-label box_title_load" data-name="fcAdIyfM">
                    <div class="kt-portlet__head-title" data-name="nWDYWavI"><div class="box_text_load w25 mt25" data-name="BmfGQpWv"></div></div>
                </div>
            </div>
            <div class="kt-portlet__body box_content_load" data-name="soIcEswq">
                <div class="row" data-name="ZvbFlMpX">
                    <div class="box_head_load w25 height50 mt10" data-name="SGMsmKLP"></div>
                </div>
                <div class="row" data-name="svWvrVMB">
                    <div class="col-md-12 box_text_load mb10 mt30" data-name="cCAEyNBd"></div>
                    <div class="col-md-12 box_text_load mb10" data-name="pKoiSbhY"></div>
                    <div class="col-md-12 box_text_load mb10" data-name="EHQDXfwf"></div>
                    <div class="col-md-12 box_text_load mb10" data-name="amRykwrJ"></div>
                    <div class="col-md-12 box_text_load mb10" data-name="fYMlMtxy"></div>
                    <div class="col-md-12 box_text_load mb10" data-name="XIzObuIz"></div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="row content__main mb-195" data-name="JqHhAYop">
    <div class="col-lg-4 col-xs-12 col-sm-12" data-name="wPKHwlAe">
        <div class="kt-portlet kt-portlet--height-fluid" data-name="BkMNYeoc">
            <div class="kt-portlet__head" data-name="yRJjQAul">
                <div class="kt-portlet__head-label box_title_load" data-name="pOhBpIXc">
                    <div class="kt-portlet__head-title" data-name="LrDgBwse"><div class="box_text_load w25 mt25" data-name="MUfeaxLL"></div></div>
                </div>
            </div>
            <div class="kt-portlet__body box_content_load" data-name="xocqVqJQ">
                <div class="row" data-name="BRCkYpJp">
                    <div class="col-md-12 box_text_load mb10 mt30" data-name="rWejzjet"></div>
                    <div class="col-md-12 box_text_load mb10" data-name="qQqkvcQP"></div>
                    <div class="col-md-12 box_text_load mb10" data-name="UsnyjTin"></div>
                    <div class="col-md-12 box_text_load mb10" data-name="zLidvccu"></div>
                    <div class="col-md-12 box_text_load mb10" data-name="MpeHJCsn"></div>
                    <div class="col-md-12 box_text_load mb10" data-name="oeKQZnSW"></div>
                    <div class="col-md-12 box_text_load mb10" data-name="VqVTwIkB"></div>
                </div>
            </div>
        </div>
    </div>
    <div class="col-lg-8 col-xs-12 col-sm-12" data-name="GcMkpvLb">
        <div class="kt-portlet kt-portlet--height-fluid" data-name="ajDaKqhS">
            <div class="kt-portlet__head" data-name="ntSPXGGt">
                <div class="kt-portlet__head-label box_title_load" data-name="RoXklksU">
                    <div class="kt-portlet__head-title" data-name="lKBqCDZh"><div class="box_text_load w25 mt25" data-name="aykJHWWF"></div></div>
                </div>
            </div>
            <div class="kt-portlet__body box_content_load" data-name="uAALTVMD">
                <div class="row" data-name="FjIPYSnD">
                    <div class="col-md-6" data-name="xFnWMwDt">
                        <div class="col-md-12 box_text_load mb20 mt30" data-name="fyIoYuBt"></div>
                        <div class="col-md-12 box_text_load mb20 mt25" data-name="VnYwYfYe"></div>
                        <div class="col-md-12 box_text_load mb20 mt25" data-name="YMOPJYmb"></div>
                        <div class="col-md-12 box_text_load mb20 mt25" data-name="kJnAdULs"></div>
                        <div class="col-md-12 box_text_load mb20 mt25" data-name="XEPYiQMg"></div>
                        <div class="col-md-12 box_text_load mb20 mt25" data-name="GMiSHjep"></div>
                        <div class="col-md-12 box_text_load mb20 mt25" data-name="wloLtOBe"></div>
                    </div>
                    <div class="col-md-6" data-name="vShYtasM">
                        <div class="box_head_load w50 height50 mt10 empty fl" data-name="sFGCKeIw"></div>
                        <div class="box_head_load w50 height50 mt10 mb50 fr" data-name="PIjhAzKP"></div>
                        <div class="col-md-12 box_text_load mb20 mt50 cb" data-name="AmphiNcH"></div>
                        <div class="col-md-12 box_text_load mb20 mt25" data-name="BewYLQSi"></div>
                        <div class="col-md-12 box_text_load mb20 mt25" data-name="eUiwuVKK"></div>
                        <div class="col-md-12 box_text_load mb20 mt25" data-name="RbNPWMKG"></div>
                        <div class="col-md-12 box_text_load mb20 mt25" data-name="RDxLxmxk"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function session() in /home/waleed/public_html/subdomains/campaigns.waleed.jt.mumara.dev/resources/views/themes/default/dashboard/index.blade.php:1154
Stack trace:
#0 {main}
  thrown in <b>/home/waleed/public_html/subdomains/campaigns.waleed.jt.mumara.dev/resources/views/themes/default/dashboard/index.blade.php</b> on line <b>1154</b><br />