@extends(decide_template())

@section('title', $pageTitle)

@section('page_styles')
<link href="{{ asset('themes/default/css/map/anychart-ui.min.css') }}" rel="stylesheet" type="text/css">
<link href="{{ asset('themes/default/css/map/anychart-font.min.css') }}" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="{{ asset('css/statistics-details.css') }}?v={{$local_version}}">
<link rel="stylesheet" type="text/css" href="{{ asset('css/statistics-trigger-details.css') }}?v={{$local_version}}">
@endsection

@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() {
        $("a#help-article").css("display", "block");
        $("a#help-article").attr("href", "https://docs.mumara.com/campaigns/statistics/trigger-stats#trigger-statistics-detail");

        $(".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;
//            var running_in_background = 0;
//            
//            if ($("#isDownlloadCustomfields").is(':checked')) {
//                customeFieldCheck = 1;
//            }
//            if ($("#running_in_background").is(':checked')) {
//                running_in_background = 1;
//            }
//
//            var Url = $("#GoUrl").val() + "?customeFieldCheck=" + customeFieldCheck;
//            var random = (Math.random() + 1).toString(36).substring(2);
//            if ($("#openclickFlag").val() == 1) {
//                var isBot = 0;
//                if ($('#bot_inluded').is(":checked")) {
//                    isBot = 1
//                }
//                Url = Url + '&is_bots=' + isBot;
//            }
//            Url+='&random='+random;
//            $("#load-data-customer-field").modal("hide");
//
//           /* if ($("#elb").val() == 'elb') {
//                exportLogsCSV();
//            } else {
//                $("#elb").val("");
//            }*/
//            ///console.log(Url);
//            if(running_in_background==0 || running_in_background=='0'){
//                window.location.href = Url;
//            }else{
//                $.ajax({
//                    type: 'GET',
//                    url: Url,
//                    data: {'running_in_background':1},
//                    beforeSend: function() {
//                        $('.blockUI').show();
//                    },
//                    success: function (data) {
//                        if (data)
//                            toastr.success(data);
//                        else
//                            toastr.error("Error");
//                    }, error: function (jqXHR, status, err) {
//                        $('.blockUI').hide();
//                    },
//                    complete: function () {
//                        $('.blockUI').hide();
//                    }
//                });
//            }
//
//        });
    });

    // $(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>
<script> 
    $("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(duplicate <= 0) {
            $(".DuplicateCount").hide();
        }
        $("#skippedModal").modal("show");
    });

    $(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>
@endsection

@section(decide_content())
<!-- will be used to show any messages -->
@if (Session::has('msg'))
<div class="alert alert-success" data-name="CGoLyXWk">
    {{ Session::get('msg') }}
</div>
@endif
<div id="msg" class="display-hide" data-name="uthSmhQp">
    <button class="close" data-close="alert"></button>
    <span id='msg-text'><span>
</div>
 
<div class="row" data-name="tStAmOPr">    
    <div class="col-md-12" data-name="YYJjysDf">
        <!-- BEGIN EXAMPLE TABLE PORTLET-->
        <div class="kt-portlet kt-portlet--height-fluid" data-name="qnokvXGD">
            <div class="kt-portlet__head" data-name="TWiqnXCa">
                <div class="kt-portlet__head-label" data-name="mMOcatCY">
                    <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="SmaqeJpx">
                    <!-- <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_trigger_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>