@foreach($styles as $style)
    {!! $style !!}
@endforeach
@foreach($scripts as $script)
    {!! $script !!}
@endforeach
<div class="col-sm-6 packageOverview-graph">
    <div class="portlet light portlet-fit userListPortlet">
        <div class="portlet-title">
            <div class="caption">
                <i class="icon-directions font-green hide"></i>
                <span class="caption-subject bold font-dark uppercase "> {{ _mt($moduleId, 'PackageOverview.package_overview') }}</span>
                <span class="caption-helper">{{ _mt($moduleId,'PackageOverview.summary') }}</span>
            </div>
        </div>
        <div class="portlet-body">
            <div class="row">
                <div class="col-sm-6">
                    <div id="packageLevel-Graph" style=" margin: 0 auto"></div>
                </div>
                <div class="col-sm-6">
                    <div class="details">
                        @foreach($packages as $package)
                            <ul>
                                <li>{{ $package->name }}
                                    <span>{{ collect($packagedUsers)->get($package->name) ? : 0 }}</span>
                                </li>
                            </ul>
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    // package Pie graph
    Highcharts.chart('packageLevel-Graph', {
        chart: {
            type: 'column'
        },
        title: {
            text: ''
        },
        tooltip: {
            pointFormat: ''
        },
        xAxis: {
            categories: JSON.parse('{!! json_encode($xAxis) !!}')
        },
        plotOptions: {
            series: {
                color: '#61ce70'  // Set the background color of the bars
            }
        },
        series: [{
            minPointSize: 10,
            innerSize: '20%',
            zMin: 0,
            name: 'Package',
            data: JSON.parse('{!! json_encode($packageGraphData) !!}')
        }]
    });
</script>