<?php $__env->startSection('content'); ?>
    <script src="<?php echo URL::asset('assets/js/reports.js'); ?>"></script>
    <script src="<?php echo URL::asset('assets/js/dashboard.js'); ?>"></script>
    <form class="hidden" id="hidden_form">
        <input type="hidden" name="Admin" value="<?php echo $isAdmin; ?>">
        <input type="hidden" name="AccountID" value="<?php echo Customer::get_accountID(); ?>">
    </form>

    <script type="text/javascript">
        var $dashsearchFilter = {};
        $dashsearchFilter.map_url = "<?php echo URL::to('getWorldMap'); ?>";
        $dashsearchFilter.mapdrill_url = "<?php echo URL::to('getWorldMap'); ?>";
        $dashsearchFilter.pageSize = '<?php echo CompanyConfiguration::get('PAGE_SIZE'); ?>';
        $dashsearchFilter.Admin = '<?php echo $isAdmin; ?>';
        $dashsearchFilter.AccountID = '<?php echo Customer::get_accountID(); ?>';
        $dashsearchFilter.StartDate = '<?php echo date("Y-m-d 00:00:00"); ?>';
        $dashsearchFilter.EndDate = '<?php echo date("Y-m-d 23:59:59"); ?>';
        $dashsearchFilter.UserID = '0';
        $dashsearchFilter.CompanyGatewayID = '0';
        $dashsearchFilter.Prefix = '';
        $dashsearchFilter.TrunkID = '0';
        $dashsearchFilter.TimeZone = '';
        $dashsearchFilter.CurrencyID = '0';
        var cdr_url = "<?php echo URL::to('customer/cdr'); ?>";
        var customer_login = 1;
        var toFixed = '<?php echo get_round_decimal_places(); ?>';
        jQuery(document).ready(function ($) {
            setInterval(function(){
                loadDashboard()
            }, 180000);
            loadDashboard();

        });


    </script>


    <div class="row">
        <div class="col-md-9">
            <?php echo $__env->make('analysis.map', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
        </div>
        <div class="col-md-3">
            <div class="row">
                <div class="col-md-12">
                    <div class="tile-stats tile-cyan stat-tile panel loading">
                        <h3><?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_RIGHT_SIDE_SALES"); ?> <span></span></h3>
                        <?php /*<div class="icon"><i class="fa fa-line-chart"></i></div>*/ ?>
                        <p><?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_RIGHT_SIDE_TODAY_SALES_BY_HOUR"); ?></p>
                        <span class="hourly-sales-cost-"></span>

                    </div>
                </div>

                <div class="col-md-12">
                    <div class="tile-stats tile-aqua stat-tile panel loading">
                        <h3><?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_RIGHT_SIDE_TODAY_MINUTES"); ?> <span>0</span></h3>
                        <?php /*<div class="icon"><i class="fa fa-line-chart"></i></div>*/ ?>
                        <p><?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_RIGHT_SIDE_TODAY_MINUTES_BY_HOUR"); ?></p>
                        <span class="hourly-sales-minutes-"></span>
                    </div>
                </div>
                <div class="col-md-12">
                    <div class="tile-stats tile-pink stat-tile panel loading">
                        <h3><?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_RIGHT_SIDE_ACCOUNT_MANAGER"); ?></h3>
                        <div class="icon"><i class="fa fa-user"></i></div>
                        <p style="font-size:12px; ">
                            <?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_RIGHT_SIDE_ACCOUNT_MANAGER_NAME"); ?>:<?php echo $AccountManager; ?>

                            <br/>
                            <?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_RIGHT_SIDE_ACCOUNT_MANAGER_EMAIL"); ?>:<?php echo $AccountManagerEmail; ?>


                        </p>

                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
        <ul class="nav nav-tabs">
            <?php if( (empty($MonitorDashboardSetting)) ||  in_array('DestinationMonitor',$MonitorDashboardSetting)): ?>
            <li class="active"><a href="#tab1" data-toggle="tab"><?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_TAB_DESTINATION_TITLE"); ?></a></li>
            <?php endif; ?>
                <?php if( (empty($MonitorDashboardSetting)) ||  in_array('DestinationBreakMonitor',$MonitorDashboardSetting)): ?>
                    <li ><a href="#tab2" data-toggle="tab"><?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_TAB_DESTINATION_BREAK_TITLE"); ?></a></li>
                <?php endif; ?>
                <?php if( (empty($MonitorDashboardSetting)) ||  in_array('PrefixMonitor',$MonitorDashboardSetting)): ?>
            <li ><a href="#tab3" data-toggle="tab"><?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_TAB_PREFIX_TITLE"); ?></a></li>
                <?php endif; ?>
                <?php if( (empty($MonitorDashboardSetting)) ||  in_array('TrunkMonitor',$MonitorDashboardSetting)): ?>
            <li ><a href="#tab4" data-toggle="tab"><?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_TAB_TRUNK_TITLE"); ?></a></li>
            <?php endif; ?>
            <?php if((empty($MonitorDashboardSetting)) ||  in_array('MostDialledCallMonitor',$MonitorDashboardSetting)): ?>
            <li class="<?php echo !in_array('DestinationMonitor',$MonitorDashboardSetting)?'active':''; ?>"><a href="#mdn" data-toggle="tab"><?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_TAB_MOST_DIALLED_NUMBER_TITLE"); ?></a></li>
                <?php endif; ?>
                <?php if( (empty($MonitorDashboardSetting)) ||  in_array('LongestDurationsCallMonitor',$MonitorDashboardSetting)): ?>
            <li ><a href="#ldc" data-toggle="tab"><?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_TAB_LONGEST_DURATIONS_CALLS_TITLE"); ?></a></li>
                <?php endif; ?>
                <?php if( (empty($MonitorDashboardSetting)) ||  in_array('MostExpensiveMonitor',$MonitorDashboardSetting)): ?>
            <li ><a href="#mec" data-toggle="tab"><?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_TAB_MOST_EXPENSIVE_CALLS_TITLE"); ?></a></li>
            <?php endif; ?>
        </ul>
        <div class="tab-content">
            <?php if( (empty($MonitorDashboardSetting)) || in_array('DestinationMonitor',$MonitorDashboardSetting) ||  in_array('DestinationBreakMonitor',$MonitorDashboardSetting) ||  in_array('PrefixMonitor',$MonitorDashboardSetting) ||  in_array('TrunkMonitor',$MonitorDashboardSetting)): ?>
            <div class="tab-pane active" id="tab1" >
                <div class="row">
                <div class="col-md-4">

                    <div class="panel loading panel-default" data-collapsed="0"><!-- to apply shadow add class "panel-shadow" -->
                        <!-- panel head -->
                        <div class="panel-heading">
                            <div class="panel-title"><?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_TAB_DESTINATION_LBL_TOP_DESTINATION_CALL_COUNT"); ?></div>

                            <?php /*<div class="panel-options">
                                <a href="#sample-modal" data-toggle="modal" data-target="#sample-modal-dialog-3" class="bg"><i class="entypo-cog"></i></a>
                                <a href="#" data-rel="collapse"><i class="entypo-down-open"></i></a>
                                <a href="#" data-rel="reload"><i class="entypo-arrows-ccw"></i></a>
                                <a href="#" data-rel="close"><i class="entypo-cancel"></i></a>
                            </div>*/ ?>
                        </div>

                        <!-- panel body -->
                        <div class="panel-body">

                            <br />

                            <div class="text-center">
                                <span class="destination-call-count-pie-chart"></span>
                            </div>
                            <p class="call_count_desc"></p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">

                    <div class="panel loading panel-default" data-collapsed="0"><!-- to apply shadow add class "panel-shadow" -->
                        <!-- panel head -->
                        <div class="panel-heading">
                            <div class="panel-title"><?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_TAB_DESTINATION_LBL_TOP_DESTINATION_CALL_COST"); ?></div>

                            <?php /*<div class="panel-options">
                                <a href="#sample-modal" data-toggle="modal" data-target="#sample-modal-dialog-3" class="bg"><i class="entypo-cog"></i></a>
                                <a href="#" data-rel="collapse"><i class="entypo-down-open"></i></a>
                                <a href="#" data-rel="reload"><i class="entypo-arrows-ccw"></i></a>
                                <a href="#" data-rel="close"><i class="entypo-cancel"></i></a>
                            </div>*/ ?>
                        </div>

                        <!-- panel body -->
                        <div class="panel-body">

                            <br />

                            <div class="text-center">
                                <span class="destination-call-cost-pie-chart"></span>
                            </div>
                            <p class="call_cost_desc"></p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">

                    <div class="panel loading panel-default" data-collapsed="0"><!-- to apply shadow add class "panel-shadow" -->
                        <!-- panel head -->
                        <div class="panel-heading">
                            <div class="panel-title"><?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_TAB_DESTINATION_LBL_TOP_DESTINATION_CALL_MINUTES"); ?></div>

                            <?php /*<div class="panel-options">
                                <a href="#sample-modal" data-toggle="modal" data-target="#sample-modal-dialog-3" class="bg"><i class="entypo-cog"></i></a>
                                <a href="#" data-rel="collapse"><i class="entypo-down-open"></i></a>
                                <a href="#" data-rel="reload"><i class="entypo-arrows-ccw"></i></a>
                                <a href="#" data-rel="close"><i class="entypo-cancel"></i></a>
                            </div>*/ ?>
                        </div>

                        <!-- panel body -->
                        <div class="panel-body">

                            <br />

                            <div class="text-center">
                                <span class="destination-call-minutes-pie-chart"></span>
                            </div>
                            <p class="call_minutes_desc"></p>
                        </div>
                    </div>
                </div>
                </div>
            </div>
                <div class="tab-pane" id="tab2" >
                    <div class="row">
                        <div class="col-md-4">

                            <div class="panel loading panel-default" data-collapsed="0"><!-- to apply shadow add class "panel-shadow" -->
                                <!-- panel head -->
                                <div class="panel-heading">
                                    <div class="panel-title"><?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_TAB_DESTINATION_BREAK_LBL_TOP_DESTINATION_BREAK_CALL_COUNT"); ?></div>

                                    <?php /*<div class="panel-options">
                                        <a href="#sample-modal" data-toggle="modal" data-target="#sample-modal-dialog-3" class="bg"><i class="entypo-cog"></i></a>
                                        <a href="#" data-rel="collapse"><i class="entypo-down-open"></i></a>
                                        <a href="#" data-rel="reload"><i class="entypo-arrows-ccw"></i></a>
                                        <a href="#" data-rel="close"><i class="entypo-cancel"></i></a>
                                    </div>*/ ?>
                                </div>

                                <!-- panel body -->
                                <div class="panel-body">

                                    <br />

                                    <div class="text-center">
                                        <span class="description-call-count-pie-chart"></span>
                                    </div>
                                    <p class="call_count_desc"></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">

                            <div class="panel loading panel-default" data-collapsed="0"><!-- to apply shadow add class "panel-shadow" -->
                                <!-- panel head -->
                                <div class="panel-heading">
                                    <div class="panel-title"><?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_TAB_DESTINATION_BREAK_LBL_TOP_DESTINATION_BREAK_CALL_COST"); ?></div>

                                    <?php /*<div class="panel-options">
                                        <a href="#sample-modal" data-toggle="modal" data-target="#sample-modal-dialog-3" class="bg"><i class="entypo-cog"></i></a>
                                        <a href="#" data-rel="collapse"><i class="entypo-down-open"></i></a>
                                        <a href="#" data-rel="reload"><i class="entypo-arrows-ccw"></i></a>
                                        <a href="#" data-rel="close"><i class="entypo-cancel"></i></a>
                                    </div>*/ ?>
                                </div>

                                <!-- panel body -->
                                <div class="panel-body">

                                    <br />

                                    <div class="text-center">
                                        <span class="description-call-cost-pie-chart"></span>
                                    </div>
                                    <p class="call_cost_desc"></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-4">

                            <div class="panel loading panel-default" data-collapsed="0"><!-- to apply shadow add class "panel-shadow" -->
                                <!-- panel head -->
                                <div class="panel-heading">
                                    <div class="panel-title"><?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_TAB_DESTINATION_BREAK_LBL_TOP_DESTINATION_BREAK_CALL_MINUTES"); ?></div>

                                    <?php /*<div class="panel-options">
                                        <a href="#sample-modal" data-toggle="modal" data-target="#sample-modal-dialog-3" class="bg"><i class="entypo-cog"></i></a>
                                        <a href="#" data-rel="collapse"><i class="entypo-down-open"></i></a>
                                        <a href="#" data-rel="reload"><i class="entypo-arrows-ccw"></i></a>
                                        <a href="#" data-rel="close"><i class="entypo-cancel"></i></a>
                                    </div>*/ ?>
                                </div>

                                <!-- panel body -->
                                <div class="panel-body">

                                    <br />

                                    <div class="text-center">
                                        <span class="description-call-minutes-pie-chart"></span>
                                    </div>
                                    <p class="call_minutes_desc"></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            <div class="tab-pane" id="tab3" >
                <div class="row">
                <div class="col-md-4">

                    <div class="panel loading panel-default" data-collapsed="0"><!-- to apply shadow add class "panel-shadow" -->
                        <!-- panel head -->
                        <div class="panel-heading">
                            <div class="panel-title"><?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_TAB_PREFIX_TOP_PREFIX_CALL_COUNT"); ?></div>

                            <?php /*<div class="panel-options">
                                <a href="#sample-modal" data-toggle="modal" data-target="#sample-modal-dialog-3" class="bg"><i class="entypo-cog"></i></a>
                                <a href="#" data-rel="collapse"><i class="entypo-down-open"></i></a>
                                <a href="#" data-rel="reload"><i class="entypo-arrows-ccw"></i></a>
                                <a href="#" data-rel="close"><i class="entypo-cancel"></i></a>
                            </div>*/ ?>
                        </div>

                        <!-- panel body -->
                        <div class="panel-body">

                            <br />

                            <div class="text-center">
                                <span class="prefix-call-count-pie-chart"></span>
                            </div>
                            <p class="call_count_desc"></p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">

                    <div class="panel loading panel-default" data-collapsed="0"><!-- to apply shadow add class "panel-shadow" -->
                        <!-- panel head -->
                        <div class="panel-heading">
                            <div class="panel-title"><?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_TAB_PREFIX_TOP_PREFIX_CALL_COST"); ?></div>

                            <?php /*<div class="panel-options">
                                <a href="#sample-modal" data-toggle="modal" data-target="#sample-modal-dialog-3" class="bg"><i class="entypo-cog"></i></a>
                                <a href="#" data-rel="collapse"><i class="entypo-down-open"></i></a>
                                <a href="#" data-rel="reload"><i class="entypo-arrows-ccw"></i></a>
                                <a href="#" data-rel="close"><i class="entypo-cancel"></i></a>
                            </div>*/ ?>
                        </div>

                        <!-- panel body -->
                        <div class="panel-body">

                            <br />

                            <div class="text-center">
                                <span class="prefix-call-cost-pie-chart"></span>
                            </div>
                            <p class="call_cost_desc"></p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">

                    <div class="panel loading panel-default" data-collapsed="0"><!-- to apply shadow add class "panel-shadow" -->
                        <!-- panel head -->
                        <div class="panel-heading">
                            <div class="panel-title"><?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_TAB_PREFIX_TOP_PREFIX_CALL_MINUTES"); ?></div>

                            <?php /*<div class="panel-options">
                                <a href="#sample-modal" data-toggle="modal" data-target="#sample-modal-dialog-3" class="bg"><i class="entypo-cog"></i></a>
                                <a href="#" data-rel="collapse"><i class="entypo-down-open"></i></a>
                                <a href="#" data-rel="reload"><i class="entypo-arrows-ccw"></i></a>
                                <a href="#" data-rel="close"><i class="entypo-cancel"></i></a>
                            </div>*/ ?>
                        </div>

                        <!-- panel body -->
                        <div class="panel-body">

                            <br />

                            <div class="text-center">
                                <span class="prefix-call-minutes-pie-chart"></span>
                            </div>
                            <p class="call_minutes_desc"></p>
                        </div>
                    </div>
                </div>
                </div>
            </div>
            <div class="tab-pane" id="tab4" >
                <div class="row">
                <div class="col-md-4">

                    <div class="panel loading panel-default" data-collapsed="0"><!-- to apply shadow add class "panel-shadow" -->
                        <!-- panel head -->
                        <div class="panel-heading">
                            <div class="panel-title"><?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_TAB_TRUNK_TOP_TRUNK_CALL_COUNT"); ?></div>

                            <?php /*<div class="panel-options">
                                <a href="#sample-modal" data-toggle="modal" data-target="#sample-modal-dialog-3" class="bg"><i class="entypo-cog"></i></a>
                                <a href="#" data-rel="collapse"><i class="entypo-down-open"></i></a>
                                <a href="#" data-rel="reload"><i class="entypo-arrows-ccw"></i></a>
                                <a href="#" data-rel="close"><i class="entypo-cancel"></i></a>
                            </div>*/ ?>
                        </div>

                        <!-- panel body -->
                        <div class="panel-body">

                            <br />

                            <div class="text-center">
                                <span class="trunk-call-count-pie-chart"></span>
                            </div>
                            <p class="call_count_desc"></p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">

                    <div class="panel loading panel-default" data-collapsed="0"><!-- to apply shadow add class "panel-shadow" -->
                        <!-- panel head -->
                        <div class="panel-heading">
                            <div class="panel-title"><?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_TAB_TRUNK_TOP_TRUNK_CALL_COST"); ?></div>

                            <?php /*<div class="panel-options">
                                <a href="#sample-modal" data-toggle="modal" data-target="#sample-modal-dialog-3" class="bg"><i class="entypo-cog"></i></a>
                                <a href="#" data-rel="collapse"><i class="entypo-down-open"></i></a>
                                <a href="#" data-rel="reload"><i class="entypo-arrows-ccw"></i></a>
                                <a href="#" data-rel="close"><i class="entypo-cancel"></i></a>
                            </div>*/ ?>
                        </div>

                        <!-- panel body -->
                        <div class="panel-body">

                            <br />

                            <div class="text-center">
                                <span class="trunk-call-cost-pie-chart"></span>
                            </div>
                            <p class="call_cost_desc"></p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4">

                    <div class="panel loading panel-default" data-collapsed="0"><!-- to apply shadow add class "panel-shadow" -->
                        <!-- panel head -->
                        <div class="panel-heading">
                            <div class="panel-title"><?php echo \Illuminate\Support\Facades\Lang::get("routes.CUST_PANEL_PAGE_MONITOR_TAB_TRUNK_TOP_TRUNK_CALL_MINUTES"); ?></div>

                            <?php /*<div class="panel-options">
                                <a href="#sample-modal" data-toggle="modal" data-target="#sample-modal-dialog-3" class="bg"><i class="entypo-cog"></i></a>
                                <a href="#" data-rel="collapse"><i class="entypo-down-open"></i></a>
                                <a href="#" data-rel="reload"><i class="entypo-arrows-ccw"></i></a>
                                <a href="#" data-rel="close"><i class="entypo-cancel"></i></a>
                            </div>*/ ?>
                        </div>

                        <!-- panel body -->
                        <div class="panel-body">

                            <br />

                            <div class="text-center">
                                <span class="trunk-call-minutes-pie-chart"></span>
                            </div>
                            <p class="call_minutes_desc"></p>
                        </div>
                    </div>
                </div>
                </div>
            </div>
            <?php endif; ?>
            <?php if((empty($MonitorDashboardSetting)) ||  in_array('MostDialledCallMonitor',$MonitorDashboardSetting) || in_array('LongestDurationsCallMonitor',$MonitorDashboardSetting) || in_array('MostExpensiveMonitor',$MonitorDashboardSetting) ): ?>
                <?php echo $__env->make('dashboard.retailmonitor', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
            <?php endif; ?>
        </div>
        </div>
    </div>

    <?php if($isDesktop == 1): ?>
        <button id="toNocWall" class="btn btn-primary pull-right" style="display: block;"><i class="fa fa-arrows-alt"></i></button>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/screenfull.js/3.0.0/screenfull.js"></script>
        <script>
            $(function () {
                //$('#supported').text('Supported/allowed: ' + !!screenfull.enabled);

                if (!screenfull.enabled) {
                    return false;
                }

                $('#toNocWall').click(function () {
                    screenfull.toggle($('.main-content')[0]);
                });

                function fullscreenchange() {
                    if (!screenfull.isFullscreen) {
                        document.body.style.overflow = 'auto';
                        $('#toNocWall').find('i').addClass('fa-arrows-alt').removeClass('fa-compress');
                    }else{
                        $('#toNocWall').find('i').addClass('fa-compress').removeClass('fa-arrows-alt');
                    }
                }

                document.addEventListener(screenfull.raw.fullscreenchange, fullscreenchange);

                // set the initial values
                fullscreenchange();
            });
        </script>
    <?php endif; ?>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('layout.customer.main', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>