@extends('back.layouts.main')
@section('content')
<div class="row">
    <div class="col-12">
        <div class="card">
            <div class="card-content">
                <div class="card-body">
                    <div class="row">
                        @foreach ($count as $item)
                                                        @include('back.dashboard.charts.count' , $item )    
                        @endforeach
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!--/ Sales stats -->
<!-- Sales by Campaigns & Year -->
<div class="row">
    <div class="col-xl-8 col-lg-12">
        @include('back.dashboard.charts.analytics'  )    
    </div>
    <div class="col-lg-4">
        @include('back.dashboard.charts.regions'  )    
    </div>
</div>

<div class="row match-height" style='direction:rtl'>
    @include('back.dashboard.charts.pie' ,['id'=>'p1' , 'color'=>'success', 'title'=>'اهم الذبائح', 'data'=>$top_animals ] )
    @include('back.dashboard.charts.pie' ,['id'=>'p2' , 'color'=>'danger', 'title'=>'الاجهزة الاكثر استخداماً', 'data'=>$top_devices ] )
</div>

@stop


@push('header')
<link rel="stylesheet" type="text/css" href="{{url('')}}/admin/app-assets/css/colors.css">
@endpush
@push('footer')
<!-- BEGIN PAGE VENDOR JS-->
<script src="{{url('')}}/admin/app-assets/vendors/js/charts/raphael-min.js" type="text/javascript"></script>
<script src="{{url('')}}/admin/app-assets/vendors/js/charts/morris.min.js" type="text/javascript"></script>
<script src="{{url('')}}/admin/app-assets/vendors/js/charts/chart.min.js" type="text/javascript"></script>


<script src="{{url('')}}/admin/app-assets/vendors/js/extensions/moment.min.js" type="text/javascript"></script>
<script src="{{url('')}}/admin/app-assets/vendors/js/extensions/underscore-min.js" type="text/javascript"></script>
<script src="{{url('')}}/admin/app-assets/vendors/js/extensions/clndr.min.js" type="text/javascript"></script>
<script src="{{url('')}}/admin/app-assets/vendors/js/charts/echarts/echarts.js" type="text/javascript"></script>
<script src="{{url('')}}/admin/app-assets/vendors/js/extensions/unslider-min.js" type="text/javascript"></script>
<!-- END PAGE VENDOR JS-->
@stack('js')
@endpush