<?php $__env->startSection('content'); ?>
    <style>
        /*.panel-title{
            float:none;
        }*/
        .white-bg {
            background: #fff none repeat scroll 0 0 !important;
        }
    </style>
    <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.UserID = '<?php echo User::get_userID(); ?>';
        $dashsearchFilter.StartDate = '<?php echo date("Y-m-d 00:00:00"); ?>';
        $dashsearchFilter.EndDate = '<?php echo date("Y-m-d 23:59:59"); ?>';
        $dashsearchFilter.AccountID = '0';
        $dashsearchFilter.CompanyGatewayID = '0';
        $dashsearchFilter.Prefix = '';
        $dashsearchFilter.TrunkID = '0';
        $dashsearchFilter.TimeZone = '';
        $dashsearchFilter.CurrencyID = '0';
        $dashsearchFilter.tag = '';
        var cdr_url = "<?php echo URL::to('cdr_show'); ?>";
        var customer_login = 0;
        var toFixed = '<?php echo get_round_decimal_places(); ?>';
        <?php if(in_array('InboundMonitor',$MonitorDashboardSetting)): ?>
        var inbound_monitor =1;
        <?php endif; ?>
            jQuery(document).ready(function ($) {
            setInterval(function(){
                loadDashboard()
            }, 180000);
            loadDashboard();

        });


   </script>
    <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="UserID" value="<?php echo User::get_userID(); ?>">
    </form>
    <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">

                <?php if( (empty($MonitorDashboardSetting)) ||  in_array('InboundMonitor',$MonitorDashboardSetting)): ?>
                    <div class="col-md-12">
                        <div class="tile-stats tile-sky stat-tile panel loading">
                            <h3>Sales <span></span></h3>
                            <?php /*<div class="icon"><i class="fa fa-line-chart"></i></div>*/ ?>
                            <p>Today Outbound Sales by hour</p>
                            <span class="hourly-sales-cost-outbound"></span>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="tile-stats tile-sunset stat-tile panel loading">
                            <h3>Sales <span></span></h3>
                            <?php /*<div class="icon"><i class="fa fa-line-chart"></i></div>*/ ?>
                            <p>Today Inbound Sales by hour</p>
                            <span class="hourly-sales-cost-inbound"></span>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="tile-stats tile-grass stat-tile panel loading">
                            <h3>Minutes <span>0</span></h3>
                            <?php /*<div class="icon"><i class="fa fa-line-chart"></i></div>*/ ?>
                            <p>Today Outbound Minutes by hour</p>
                            <span class="hourly-sales-minutes-outbound"></span>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="tile-stats tile-sunflower stat-tile panel loading">
                            <h3>Minutes <span>0</span></h3>
                            <?php /*<div class="icon"><i class="fa fa-line-chart"></i></div>*/ ?>
                            <p>Today Inbound Minutes by hour</p>
                            <span class="hourly-sales-minutes-inbound"></span>
                        </div>
                    </div>
                <?php else: ?>
                    <div class="col-md-12">
                        <div class="tile-stats tile-grass stat-tile panel loading">
                            <h3>Sales <span></span></h3>
                            <?php /*<div class="icon"><i class="fa fa-line-chart"></i></div>*/ ?>
                            <p>Today Sales by hour</p>
                            <span class="hourly-sales-cost-"></span>
                        </div>
                    </div>
                    <div class="col-md-12">
                        <div class="tile-stats tile-sky stat-tile panel loading">
                            <h3>Minutes <span>0</span></h3>
                            <?php /*<div class="icon"><i class="fa fa-line-chart"></i></div>*/ ?>
                            <p>Today Minutes by hour</p>
                            <span class="hourly-sales-minutes-"></span>
                        </div>
                    </div>



                <?php endif; ?>
            </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">Destination</a></li>
                    <?php endif; ?>
                    <?php if( (empty($MonitorDashboardSetting)) ||  in_array('DestinationBreakMonitor',$MonitorDashboardSetting)): ?>
                    <li ><a href="#tab2" data-toggle="tab">Destination Break</a></li>
                    <?php endif; ?>
                    <?php if( (empty($MonitorDashboardSetting)) ||  in_array('PrefixMonitor',$MonitorDashboardSetting)): ?>
                    <li ><a href="#tab3" data-toggle="tab">Prefix</a></li>
                    <?php endif; ?>
                    <?php if( (empty($MonitorDashboardSetting)) ||  in_array('TrunkMonitor',$MonitorDashboardSetting)): ?>
                    <li ><a href="#tab4" data-toggle="tab">Trunk</a></li>
                    <?php endif; ?>
                    <?php if( (empty($MonitorDashboardSetting)) ||  in_array('AccountMonitor',$MonitorDashboardSetting)): ?>
                    <li ><a href="#tab5" data-toggle="tab">Account</a></li>
                    <?php endif; ?>
                    <?php if( (empty($MonitorDashboardSetting)) ||  in_array('GatewayMonitor',$MonitorDashboardSetting)): ?>
                    <li ><a href="#tab6" data-toggle="tab">Gateway</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">Most Dialled Number</a></li>
                    <?php endif; ?>
                    <?php if( (empty($MonitorDashboardSetting)) ||  in_array('LongestDurationsCallMonitor',$MonitorDashboardSetting)): ?>
                    <li ><a href="#ldc" data-toggle="tab">Longest Durations Calls</a></li>
                    <?php endif; ?>
                    <?php if( (empty($MonitorDashboardSetting)) ||  in_array('MostExpensiveMonitor',$MonitorDashboardSetting)): ?>
                    <li ><a href="#mec" data-toggle="tab">Most Expensive Calls</a></li>
                    <?php endif; ?>
                    <!-- <?php if( (empty($MonitorDashboardSetting)) ||  in_array('HourlyBaseMonitor',$MonitorDashboardSetting)): ?>
                    <li ><a href="#hor" data-toggle="tab">Hourly</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) ||  in_array('AccountMonitor',$MonitorDashboardSetting) ||  in_array('GatewayMonitor',$MonitorDashboardSetting)||  in_array('HourlyBaseMonitor',$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">Top 10 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">Top 10 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">Top 10 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">Top 10 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">Top 10 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">Top 10 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">Top 10 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">Top 10 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">Top 10 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">Top 10 Trunks - 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">Top 10 Trunks - 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">Top 10 Trunks - 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>
                    <div class="tab-pane" id="tab5" >
                        <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">Top 10 Accounts - 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="account-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">Top 10 Accounts - 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="account-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">Top 10 Accounts - 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="account-call-minutes-pie-chart"></span>
                                        </div>
                                        <p class="call_minutes_desc"></p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane" id="tab6" >
                        <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">Top 10 Gateways - 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="gateway-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">Top 10 Gateways - 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="gateway-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">Top 10 Gateways - 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="gateway-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)  || in_array('HourlyBaseMonitor',$MonitorDashboardSetting)): ?>
                        <?php echo $__env->make('dashboard.retailmonitor', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
                    <?php endif; ?>
                </div>
            </div>
    </div>
    <?php if( User::checkCategoryPermission('Alert','View')): ?>
        <?php echo $__env->make('dashboard.todayalerts', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>
    <?php endif; ?>
    <?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.main', array_except(get_defined_vars(), array('__data', '__path')))->render(); ?>