@extends('layouts.master2')

@section('title', trans('app.statistics.autoresponder.detail.title'))

@section('page_styles')
<style type="text/css">
    img#loaderImg {
        position:absolute;
        top: 50%;
        left: 50%;
        margin-left: -32px;
        margin-top: -32px;
    }
    .amcharts-chart-div a {
        display: none !important;
    }
    #chartdiv3 {height:300px;}
    .amcharts-pie-slice {
      transform: scale(2);
    }
    .btn-group>.dropdown-menu:after, .dropdown-toggle>.dropdown-menu:after, .dropdown>.dropdown-menu:after {
        left: auto !important;
        right: 7px !important;
    }
    .btn-group>.dropdown-menu:before, .dropdown-toggle>.dropdown-menu:before, .dropdown>.dropdown-menu:before {
        left: auto !important;
        right: 6px !important;
    }
    .btn-rght {
        position: absolute;
        right: 55px;
        top: 16px;
        z-index: 100;
    }
    .btn-rght ul.dropdown-menu:before {
        left: auto !important;
        right: 9px !important;
    }
    .btn-rght ul.dropdown-menu:after {
        left: auto !important;
        right: 10px !important;
    }
    table.dataTable tbody td, .table>tbody>tr>td {
        line-height: 1.5 !important;
    }
    table#opens tbody td, table#unsubscribed tbody td, table#clicked tbody td, table#spintag tbody td, table#complaints tbody td, table#logs tbody td, div#logs_wrapper tbody td, table#bounced tbody td, table#clicks tbody td {
        padding:20px 10px; 
    }
    @media (max-width: 991px) {
        .btn-rght {
            position: absolute;
            top: 40px;
            left: 55px;
        }
        .btn-rght .pull-right {
            float: left !important;
        }
        .tabbable.tabbable-tabdrop {
            margin-top: 30px;
        }
        .btn-rght ul.dropdown-menu {
            left: 0;
            right: auto;
        }
        .btn-rght ul.dropdown-menu:before {
            left: 9px !important;
            right: auto !important;
        }
        .btn-rght ul.dropdown-menu:after {
            left: 10px !important;
            right: auto !important;
        }
    }
    /*.opens_filter {
        margin-bottom: 15px;
    }*/
    .relative {
        position: relative;
    }
    .injected-thunderbird{
        background-color: #607d8b;
        border-color: #607d8b;
        color:#fff;
    }
    .delayed-thunderbird:hover {
        background: #0392bf !important;
        color: #fff;
        border-color: #0392bf !important;
    }
    .delayed-thunderbird{
        background-color: #11c6ff;
        border-color: #11c6ff;
        color:#fff;
    }
    .injected-thunderbird:hover {
        color: #FFF;
        background: #405c69;
        border-color: #405c69;
    }

    .amcharts-balloon-div {
        z-index: 9999;
    }
    .dataTables_wrapper {
        padding: 15px 10px 10px;
    }
    .amcharts-balloon-div {
        z-index: 9999;
    }
    .btn.green:not(.btn-outline) {
        color: #FFF;
        background-color: #32c5d2;
        border-color: #32c5d2;
    }
    .btn.blue:not(.btn-outline) {
        color: #FFF;
        background-color: #3598dc;
        border-color: #3598dc;
    }
    .btn.green:not(.btn-outline) {
        color: #FFF;
        background-color:#008000;
        border-color:#008000;
    }
    .btn.purple:not(.btn-outline) {
        color: #fff;
        background-color: #8E44AD;
        border-color: #8E44AD;
    }
    .btn-warning {
        color: #fff;
        background-color: #FFA500;
        border-color: #FFA500;
    }
    .btn.yellow-casablanca:not(.btn-outline) {
        color: #fff;
        background-color: #f2784b;
        border-color: #f2784b;
    }
    .btn.red-thunderbird:not(.btn-outline) {
        color: #fff;
        background-color: #D91E18;
        border-color: #D91E18;
    }
    .btn.red:not(.btn-outline) {
        color: #fff;
        background-color: #D91E18;
        border-color: #D91E18;
    }
    .delayed-thunderbird {
        background-color: #11c6ff !important;
        border-color: #11c6ff !important;
        color: #fff !important;
    }
    .injected-thunderbird {
        background-color: #607d8b !important;
        border-color: #607d8b !important;
        color: #fff !important;
    }
    .delayed-thunderbird:hover {
        background: #0392bf !important;
        color: #fff !important;
        border-color: #0392bf !important;
    }
    .injected-thunderbird:hover {
        color: #FFF !important;
        background: #405c69 !important;
        border-color: #405c69 !important;
    }
    i.btn {
        cursor: pointer;
    }
    table#summery tr td:first-child {
        font-weight: 600;
    }
</style>
@endsection

@section('page_scripts')
<script src="{{ asset('themes/default/js/datatables.bundle.js') }}" type="text/javascript"></script>
<script src="{{ asset('themes/default/js/select2.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;
                  }
        });
    });
    $(window).on("load",function () {
        setTimeout(function () {
        google.charts.load('current', {'packages': ['geochart']});
        google.charts.setOnLoadCallback(drawRegionsMap);
        drawOpenChart();
    }, 1000);
});
</script>
<script>
    function loadOpens() {
        $('#opens').dataTable({
            "aoColumnDefs": [{"bSortable": false, "aTargets": [0,3,4,5,6,7]}],
            "destroy"    : true,
            "bProcessing": true,
            "bServerSide": true,
            "aaSorting": [[2, "desc"]],
            "sPaginationType": "full_numbers",
            "sAjaxSource": app_url+"/statistics/drips/opens/{{$autoresponder_id}}",
            "aLengthMenu": [[50, 100, 500], [50, 100, 500]]
        });
    }
    function loadclicked() {
        $('#clicks').dataTable({
            "aoColumnDefs": [{"bSortable": false, "aTargets": [0,3,4,5,6,7,8]}],
            "destroy"    : true,
            "bProcessing": true,
            "bServerSide": true,
            "aaSorting": [[2, "desc"]],
            "sPaginationType": "full_numbers",
            "sAjaxSource": app_url+"/statistics/drips/clicks/{{$autoresponder_id}}",
            "aLengthMenu": [[50, 100, 500], [50, 100, 500]]
        });
    }
    function loadUnsubscribed() {
        $('#unsubscribed').dataTable({
            "aoColumnDefs": [{"bSortable": false, "aTargets": [0]}],
            "destroy"    : true,
            "bProcessing": true,
            "bServerSide": true,
            "aaSorting": [[2, "desc"]],
            "sPaginationType": "full_numbers",
            "sAjaxSource": app_url+"/statistics/drips/unsubscribed/{{$autoresponder_id}}",
            "aLengthMenu": [[50, 100, 500], [50, 100, 500]]
        });
    }
    function loadBounced(){
        $('#bounced').dataTable({
            "aoColumnDefs": [{"bSortable": false, "aTargets": [0,3]}],
            "destroy"    : true,
            "bProcessing": true,
            "bServerSide": true,
            "aaSorting": [[1, "desc"]],
            "sPaginationType": "full_numbers",
            "sAjaxSource": app_url+"/statistics/drips/bounced/{{$autoresponder_id}}",
            "aLengthMenu": [[50, 100, 500], [50, 100, 500]]
        });
    }
    function loadComplaints(){
        $('#complaints').dataTable({
            "aoColumnDefs": [{"bSortable": false, "aTargets": [0]}],
            "destroy"    : true,
            "bProcessing": true,
            "bServerSide": true,
            "aaSorting": [[2, "desc"]],
            "sPaginationType": "full_numbers",
            "sAjaxSource": app_url+"/statistics/drips/complaints/{{$autoresponder_id}}",
            "aLengthMenu": [[50, 100, 500], [50, 100, 500]]
        });
    }
    function loadLogs(){
        $('#logs').dataTable({
            "aoColumnDefs": [{"bSortable": false, "aTargets": []}],
            "destroy"    : true,
            "bProcessing": true,
            "bServerSide": true,
            "aaSorting": [[6, "desc"]],
            "sPaginationType": "full_numbers",
            "sAjaxSource": app_url+"/statistics/drips/logs/{{$autoresponder_id}}",
            "aLengthMenu": [[50, 100, 500], [50, 100, 500]]
        });
    }
</script>

@endsection

@section('content')
<!-- will be used to show any messages -->
@if (Session::has('msg'))
<div class="alert alert-success" data-name="SAYEkhfl">
    {{ Session::get('msg') }}
</div>
@endif
<div id="msg" class="display-hide" data-name="wAoLvIlv">
    <button class="close" data-close="alert"></button>
    <span id='msg-text'><span>
</div>
<div class="row" data-name="KThsvlLt">
    <div class="col-md-12" data-name="clIXSlZl">
        <!-- BEGIN EXAMPLE TABLE PORTLET-->
        <div class="kt-portlet kt-portlet--height-fluid" data-name="tnYNjYhB">
            <div class="kt-portlet__head" data-name="dnoJOzYH">
                <div class="kt-portlet__head-label" data-name="lRVlKeQb">
                    <h3 class="kt-portlet__head-title">{{ trans('app.statistics.autoresponder.view_all.title') }}</h3>
                </div>
                <div class="kt-portlet__head-toolbar" data-name="SJerqvHN">
                    <a href="{{ route('statistics.drips.summary.zip', $autoresponder_id) }}">
                        <button class="btn btn-label-info btn-sm btn-bold" data-toggle="dropdown" aria-expanded="false"> {{ trans('app.statistics.autoresponder.view_all.export_reports') }} </button>
                    </a>                        
                </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/autoresponder-details.blade.php on line <i>304</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/autoresponder-details.blade.php on line <i>304</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.0257</td><td bgcolor='#eeeeec' align='right'>490288</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='/home/mohamma2/public_html/subdomains/testing.mohammad.jt.mumara.dev/resources/views/themes/default/statistics/autoresponder-details.blade.php' bgcolor='#eeeeec'>.../autoresponder-details.blade.php<b>:</b>0</td></tr>
</table></font>