@extends('admin.layouts.master')
   @section('content')
       <!-- BEGIN PAGE CONTENT -->
       <div id="page-content">
           <div class="row">
               <!-- BEGIN BREADCRUMB -->
               <div class="col-md-12">
                   <div class="breadcrumb-box border shadow">
                       <ul class="breadcrumb">
                           <li><a href="dashboard.html">پیشخوان</a></li>
                       </ul>
                       <div class="breadcrumb-left">
                           {{ jdate()->format('Y-m-d') }}
                           <i class="icon-calendar"></i>
                       </div><!-- /.breadcrumb-left -->
                   </div><!-- /.breadcrumb-box -->
               </div><!-- /.col-md-12 -->
               <!-- END BREADCRUMB -->

               <div class="col-md-12">
                <div class="row">                            
                    <div class="col-lg-3 col-6">
                        <div class="stat-box use-cyan shadow">
                            <a href="#">
                                <div class="stat">
                                    <div class="counter-down" data-value="{{$users->count()}}"></div>
                                    <div class="h3">تعداد کاربران</div>
                                </div><!-- /.stat -->
                                <div class="visual">
                                    <i class="icon-people"></i>
                                </div><!-- /.visual -->
                            </a>
                        </div><!-- /.stat-box -->
                    </div><!-- /.col-lg-3 -->
                   
                   
                   
                </div><!-- /.row -->

                
               </div><!-- /.col-md-12 -->
           </div><!-- /.row -->
       </div><!-- /#page-content -->
       <!-- END PAGE CONTENT -->
   @endsection
   @section('js-page')
       <!-- BEGIN PAGE JAVASCRIPT -->
       <script src="/assets/plugins/chart.js/dist/Chart.bundle.min.js"></script>
       <script src="/assets/plugins/jquery-incremental-counter/jquery.incremental-counter.min.js"></script>
       <script src="/assets/plugins/ammap3/ammap/ammap.js"></script>
       <script src="/assets/plugins/ammap3/ammap/maps/js/iranHighFa.js"></script>
       <script src="/assets/js/pages/dashboard2.js"></script>
       <script>
           Chart.defaults.global.defaultFontFamily = "IranSans";
           var randomScalingFactor = function() {
               return Math.round(Math.floor(Math.random() * 6000) * 1000) + 15000000;
           };
           var config2 = {
               type: "line",
               data: {
                   labels: ["فروردین", "اردیبهشت", "خرداد", "تیر", "مرداد", "شهریور", "مهر", "آبان", "آذر", "دی", "بهمن",
                       "اسفند"
                   ],
                   datasets: [{
                       backgroundColor: "rgba(20,185,214,0.7)",
                       borderColor: "rgb(20,185,214)",
                       borderWidth: 2,
                       label: "درآمد ماهانه(تومان)",
                       data: []
                   }]
               },
               options: {
                   maintainAspectRatio: false,
                   responsive: true,
                   title: {
                       display: true
                   },
                   hover: {
                       mode: "nearest",
                       intersect: true
                   },
                   scales: {
                       xAxes: [{
                           display: true,
                           scaleLabel: {
                               display: true,
                               labelString: "ماه"
                           }
                       }],
                       yAxes: [{
                           display: true,
                           scaleLabel: {
                               display: true,
                               labelString: "درآمد به تومان"
                           },
                           ticks: {
                               suggestedMin: 8000000
                           },
                       }]
                   }
               }
           };
           // Gender pie Chart
           var config1 = {
               type: 'pie',
               data: {
                   labels: ["تعداد فاکتور پرداخت شده", "تعداد فاکتور پرداخت نشده"],
                   datasets: [{
                       backgroundColor: [
                           "#ffbd15",
                           "#14B9D6"
                       ],
                       borderWidth: 3,
                       label: "فاکتور ها",
                       data: []
                   }]
               },
               options: {
                   responsive: true
               }
           };
           var config3 = {
               type: "bar",
               data: {
                   labels: [],
                   datasets: [{
                       backgroundColor: "rgba(151,187,205,0.5)",
                       borderColor: "rgba(151,187,205,0.7)",
                       borderWidth: 2,
                       label: "پرداختی های سی روز اخیر",
                       data: []
                   }]
               },
               options: {
                   maintainAspectRatio: false,
                   responsive: true,
                   title: {
                       display: true
                   },
                   hover: {
                       mode: "nearest",
                       intersect: true
                   },
                   scales: {
                       xAxes: [{
                           display: true,
                           scaleLabel: {
                               display: true,
                               labelString: "روز"
                           }
                       }],
                       yAxes: [{
                           display: true,
                           scaleLabel: {
                               display: true,
                               labelString: "مبلغ"
                           },
                           ticks: {
                               suggestedMin: 0,
                               suggestedMax: 250
                           },
                       }]
                   }
               }
           };
       </script>
       <!-- END PAGE JAVASCRIPT -->
   @endsection