@extends('admin.layouts.master')
   @section('css')
       <!-- BEGIN PAGE CSS -->
       <link href="/assets/plugins/morris.js/morris.css" rel="stylesheet">
       <link href="/assets/plugins/kamadatepicker/kamadatepicker.min.css" rel="stylesheet">
       <link href="/assets/css/effects.css" rel="stylesheet">
       <!-- END PAGE CSS -->
   @endsection
   @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 bg-cyan shadow">
                               <a href="#">
                                   <div class="stat">
                                       <div class="counter-down" data-value="2048"></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 class="col-lg-3 col-6">
                           <div class="stat-box bg-blue shadow">
                               <a href="#">
                                   <div class="stat">
                                       <div class="counter-down" data-value="1024"></div>
                                       <div class="h3">محصول</div>
                                   </div><!-- /.stat -->
                                   <div class="visual">
                                       <i class="icon-present"></i>
                                   </div><!-- /.visual -->
                               </a>
                           </div><!-- /.stat-box -->
                       </div><!-- /.col-lg-3 -->
                       <div class="col-lg-3 col-6">
                           <div class="stat-box bg-orange shadow">
                               <a href="#">
                                   <div class="stat">
                                       <div class="counter-down" data-value="512"></div>
                                       <div class="h3">سفارش ثبت شده</div>
                                   </div><!-- /.stat -->
                                   <div class="visual">
                                       <i class="icon-diamond"></i>
                                   </div><!-- /.visual -->
                               </a>
                           </div><!-- /.stat-box -->
                       </div><!-- /.col-lg-3 -->
                       <div class="col-lg-3 col-6">
                           <div class="stat-box bg-red shadow">
                               <a href="#">
                                   <div class="stat">
                                       <div class="counter-down" data-value="256"></div>
                                       <div class="h3">پیام</div>
                                   </div><!-- /.stat -->
                                   <div class="visual">
                                       <i class="icon-bubbles"></i>
                                   </div><!-- /.visual -->
                               </a>
                           </div><!-- /.stat-box -->
                       </div><!-- /.col-lg-3 -->
                   </div><!-- /.row -->


                   <div class="row">
                       <div class="col-lg-2 col-sm-4 col-6">
                           <div class="stat-box bg-cyan shadow knob-container">
                               <div class="h3">فضای دیسک</div>
                               <input class="knob-animate" value="35" data-linecap="round" data-thickness=".1"
                                   data-width="75%" data-bgcolor="rgba(255, 255, 255, 0.15)" data-fgColor="#fff" readonly>
                           </div><!-- /.stat-box -->
                       </div><!-- /.col-lg-2 -->
                       <div class="col-lg-2 col-sm-4 col-6">
                           <div class="stat-box bg-blue shadow knob-container">
                               <div class="h3">پهنای باند</div>
                               <input class="knob-animate" value="45" data-linecap="round" data-thickness=".1"
                                   data-width="75%" data-bgcolor="rgba(255, 255, 255, 0.15)" data-fgColor="#fff" readonly>
                           </div><!-- /.stat-box -->
                       </div><!-- /.col-lg-2 -->
                       <div class="col-lg-2 col-sm-4 col-6">
                           <div class="stat-box bg-purple shadow knob-container">
                               <div class="h3">مصرف رم</div>
                               <input class="knob-animate" value="55" data-linecap="round" data-thickness=".1"
                                   data-width="75%" data-bgcolor="rgba(255, 255, 255, 0.15)" data-fgColor="#fff" readonly>
                           </div><!-- /.stat-box -->
                       </div><!-- /.col-lg-2 -->
                       <div class="col-lg-2 col-sm-4 col-6">
                           <div class="stat-box bg-lime shadow knob-container">
                               <div class="h3">مصرف پردازنده</div>
                               <input class="knob-animate" value="30" data-linecap="round" data-thickness=".1"
                                   data-width="75%" data-bgcolor="rgba(255, 255, 255, 0.15)" data-fgColor="#fff" readonly>
                           </div><!-- /.stat-box -->
                       </div><!-- /.col-lg-2 -->
                       <div class="col-lg-2 col-sm-4 col-6">
                           <div class="stat-box bg-orange shadow knob-container">
                               <div class="h3">مصرف شبکه</div>
                               <input class="knob-animate" value="75" data-linecap="round" data-thickness=".1"
                                   data-width="75%" data-bgcolor="rgba(255, 255, 255, 0.15)" data-fgColor="#fff"
                                   readonly>
                           </div><!-- /.stat-box -->
                       </div><!-- /.col-lg-2 -->
                       <div class="col-lg-2 col-sm-4 col-6">
                           <div class="stat-box bg-red shadow knob-container">
                               <div class="h3">فایل ها</div>
                               <input class="knob-animate" value="9000" data-min="0" data-max="10000"
                                   data-linecap="round" data-thickness=".1" data-width="75%"
                                   data-bgcolor="rgba(255, 255, 255, 0.15)" data-fgColor="#fff" readonly>
                           </div><!-- /.stat-box -->
                       </div><!-- /.col-lg-2 -->
                   </div><!-- /.row -->


                   <div class="row">
                       <div class="col-md-6 col-xs-12">
                           <div class="portlet box border shadow">
                               <div class="portlet-heading">
                                   <div class="portlet-title">
                                       <h3 class="title">
                                           <i class="icon-pie-chart"></i>
                                           میانگین بازدید
                                       </h3>
                                   </div><!-- /.portlet-title -->
                                   <div class="buttons-box">
                                       <a class="btn btn-sm btn-default btn-round btn-code" rel="tooltip" title="کدها"
                                           href="#">
                                           <i class="fa fa-code"></i>
                                       </a>
                                       <div class="code-modal hide">
                                        
                                       </div>
                                       <a class="btn btn-sm btn-default btn-round btn-fullscreen" rel="tooltip"
                                           title="تمام صفحه" href="#">
                                           <i class="icon-size-fullscreen"></i>
                                       </a>
                                       <a class="btn btn-sm btn-default btn-round btn-close" rel="tooltip"
                                           title="بستن" href="#">
                                           <i class="icon-trash"></i>
                                       </a>
                                   </div><!-- /.buttons-box -->
                               </div><!-- /.portlet-heading -->
                               <div class="portlet-body">
                                   <div id="donut" class="morris-chart"></div>
                               </div><!-- /.portlet-body -->
                           </div><!-- /.portlet -->
                       </div><!-- /.col-md-6 -->
                       <div class="col-md-6 col-xs-12">
                           <div class="portlet box border shadow">
                               <div class="portlet-heading">
                                   <div class="portlet-title">
                                       <h3 class="title">
                                           <i class="icon-graph"></i>
                                           تعداد کلیکها
                                       </h3>
                                   </div><!-- /.portlet-title -->
                                   <div class="buttons-box">
                                       <a class="btn btn-sm btn-default btn-round btn-code" rel="tooltip" title="کدها"
                                           href="#">
                                           <i class="fa fa-code"></i>
                                       </a>
                                       <div class="code-modal hide">
                                        
                                       </div>
                                       <a class="btn btn-sm btn-default btn-round btn-fullscreen" rel="tooltip"
                                           title="تمام صفحه" href="#">
                                           <i class="icon-size-fullscreen"></i>
                                       </a>
                                       <a class="btn btn-sm btn-default btn-round btn-close" rel="tooltip"
                                           title="بستن" href="#">
                                           <i class="icon-trash"></i>
                                       </a>
                                   </div><!-- /.buttons-box -->
                               </div><!-- /.portlet-heading -->
                               <div class="portlet-body">
                                   <div id="realtime" class="morris-chart"></div>
                               </div><!-- /.portlet-body -->
                           </div><!-- /.portlet -->
                       </div><!-- /.col-md-6 -->
                   </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/raphael/raphael.min.js"></script>
       <script src="/assets/plugins/morris.js/morris.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/plugins/kamadatepicker/kamadatepicker.min.js"></script>
       <script src="/assets/plugins/jquery-knob/dist/jquery.knob.min.js"></script>
       <script src="/assets/js/pages/dashboard1.js"></script>
       <!-- END PAGE JAVASCRIPT -->
   @endsection