@extends(decide_template())

@section('title', $pageTitle)

@section('page_styles')
<link href="{{ asset('css/statistics-details.css') }}?v={{$local_version}}" rel="stylesheet" type="text/css">
<style>
    #logs > tbody > tr > td:first-child a { 
        cursor: pointer;
    }
    table#opens tr td 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: 310px;
        margin-bottom: -30px;
    }
    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 .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: 24px;
        vertical-align: middle;
    }
    .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%;
        }
    }
    .summary-stats .topevents .icon svg {
        width: 50px !important;
        height: 50px !important;
        margin-left: -3px;
    }
</style>
<link href="{{ asset('themes/default/css/map/anychart-ui.min.css') }}?v={{$local_version}}" rel="stylesheet" type="text/css">
<link href="{{ asset('themes/default/css/map/anychart-font.min.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">
    $(document).ready(function() {

        $(".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);
    });
</script>
@include('statistics.common.stats_script')
<script>
    $(".blockUI").hide();
    function loadBounced(){
        var page_limit = 50;
        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": [[50, 100, 500], [50, 100, 500]]
        });
    }
    var opensTable;
    function loadOpens(){
        var page_limit = 50;
        if(localStorage.getItem("stats_pageLength") > 0 ) { 
            page_limit = localStorage.getItem("stats_pageLength");
        }

        opensTable = $('#opens').DataTable({
            "aoColumnDefs": [{"bSortable": false, "aTargets": [0,8]}],
            "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": [[50, 100, 500], [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 = 50;
        if(localStorage.getItem("stats_pageLength") > 0 ) { 
            page_limit = localStorage.getItem("stats_pageLength");
        }

        clicksTable = $('#clicked').DataTable({
            "aoColumnDefs": [{"bSortable": false, "aTargets": [0,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) {
                 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": [[50, 100, 500], [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 = 50;
        if(localStorage.getItem("stats_pageLength") > 0 ) { 
            page_limit = localStorage.getItem("stats_pageLength");
        }

        $('#unsubscribed').dataTable({
            "aoColumnDefs": [{"bSortable": false, "aTargets": [0,1]}],
            "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": [[50, 100, 500], [50, 100, 500]]
        });
    }
    function loadComplaints(){
        var page_limit = 50;
        if(localStorage.getItem("stats_pageLength") > 0 ) { 
            page_limit = localStorage.getItem("stats_pageLength");
        }
        $('#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}}",
            "pageLength" : page_limit,
            "aLengthMenu": [[50, 100, 500], [50, 100, 500]]
        });
    }
    function loadLogs(type='all'){
        var page_limit = 50;
        if(localStorage.getItem("stats_pageLength") > 0 ) { 
            page_limit = localStorage.getItem("stats_pageLength");
        }
        var table = $('#logs').dataTable({
            "aoColumnDefs": [{"bSortable": false, "aTargets": []}],
            "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": [[50, 100, 500], [50, 100, 500]]
        });

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

    }
    function loadDelivered(){
        var page_limit = 50;
        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": [[50, 100, 500], [50, 100, 500]]
        });
    }
    function loadContentAB(){
        var page_limit = 50;
        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": [[50, 100, 500], [50, 100, 500]]
        });
    }
    function loadConversation(){
        var page_limit = 50;
        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": [[50, 100, 500], [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(data.html);
                    }else if(data.type == 'campaign_list'){
                        $("#abs").html(data.html);
                    }else if(data.type == 'smtp_list'){
                        $("#abs").html(data.html);
                    }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").modal('hide');
                    $(".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");
        });
        
</script>
@endsection

@section(decide_content())
<!-- will be used to show any messages -->
@if (Session::has('msg'))
<div class="alert alert-success" data-name="eOhsIAko">
    {{ Session::get('msg') }}
</div>
@endif
<div id="msg" class="display-hide" data-name="jGJSkCvZ">
    <button class="close" data-close="alert"></button>
    <span id='msg-text'><span>
</div>
 
<div class="row" data-name="VEJdNJZv">    
    <div class="col-md-12" data-name="zJmSNpTt">
        <!-- BEGIN EXAMPLE TABLE PORTLET-->
        <div class="kt-portlet kt-portlet--height-fluid" data-name="YEmfsXqg">
            <div class="kt-portlet__head" data-name="aXbzqzjP">
                <div class="kt-portlet__head-label" data-name="BjArsrVM">
                    <h3 class="kt-portlet__head-title">
                        @if($isDrip)
                            {{ trans('statistics.detail.summary.table_heading.drip_result') }}
                        @else
                            {{ $pageDescription }}
                        @endif
                    </h3>
                </div>
                <div class="kt-portlet__head-toolbar" data-name="mIvUpZlS">
                    <!-- <span class="refreshResult" style="font-size:15px;font-weight:bold; padding-right:15px;cursor: pointer;padding-top: 5px;">
                        <small> @lang('statistics.detail.open_click.alert_message.every_minute') @if (!empty($last_run->datetime))@lang('statistics.detail.open_click.alert_message.last_updated') {{date("h:iA" , strtotime(convertUtctoCustomer(2, $last_run->datetime)))}} @endif</small> <i class="la la-refresh"></i>
                    </span> -->
					@if(routeAccess('export_drip_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                       
                </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/drip-details.blade.php on line <i>574</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/drip-details.blade.php on line <i>574</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.0024</td><td bgcolor='#eeeeec' align='right'>730360</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='/home/mohamma2/public_html/subdomains/testing.mohammad.jt.mumara.dev/resources/views/themes/default/statistics/drip-details.blade.php' bgcolor='#eeeeec'>.../drip-details.blade.php<b>:</b>0</td></tr>
</table></font>