@extends('layouts.app')

@section('page-site-title')
    {{trans('dashboard.page_title')}}
@endsection

@section('page-title')
    {{trans('dashboard.content_title')}}
@endsection

@section('page_navbar')
    @include('layouts.widgets.page-navbar')
@endsection

@section('page_breadcrumb')
    @include('layouts.widgets.page-breadcrumb')
@endsection

@section('page_side')
    @include('layouts.widgets.page-side')
@endsection

@section('page-content')
    <div class="row">
        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
            <div class="dashboard-stat blue">
                <div class="visual">
                    <i class="fa fa-users"></i>
                </div>
                <div class="details">
                    <div class="number">
                        <span id="total_count" data-counter="counterup" data-value="{{$users}}">{{$users}}</span>
                    </div>
                    <div class="desc">عدد الاعضاء </div>
                </div>
                <a class="more" >
                </a>
            </div>
        </div>
        {{--<div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">--}}
            {{--<div class="dashboard-stat green">--}}
                {{--<div class="visual">--}}
                    {{--<i class="fa fa-bars"></i>--}}
                {{--</div>--}}
                {{--<div class="details">--}}
                    {{--<div class="number">--}}
                        {{--<span id="active_count2" data-counter="counterup" data-value="{{$drivers}}">{{$drivers}}</span></div>--}}
                    {{--<div class="desc"> عدد المناديب </div>--}}
                {{--</div>--}}
                {{--<a class="more">--}}

                {{--</a>--}}
            {{--</div>--}}
        {{--</div>--}}
        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
            <div class="dashboard-stat purple">
                <div class="visual">
                    <i class="fa shopping-cart"></i>
                </div>
                <div class="details">
                    <div class="number">
                        <span id="disActive_count2" data-counter="counterup" data-value="{{$orders}}">{{$orders}}</span>
                    </div>
                    <div class="desc">عدد الطلبات </div>
                </div>
                <a class="more">

                </a>
            </div>
        </div>

{{--        <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">--}}
{{--            <div class="dashboard-stat yellow-gold">--}}
{{--                <div class="visual">--}}
{{--                    <i class="icon-graph"></i>--}}
{{--                </div>--}}
{{--                <div class="details">--}}
{{--                    <div class="number">--}}
{{--                        <span id="disActive_count2" data-counter="counterup" data-value="{{$resets}}">{{$resets}}</span>--}}
{{--                    </div>--}}
{{--                    <div class="desc">مجموع الفواتير </div>--}}
{{--                </div>--}}
{{--                <a class="more">--}}

{{--                </a>--}}
{{--            </div>--}}
{{--        </div>--}}

    </div>

    <div class="row">
        <div class="col-md-12 col-sm-12">
            <!-- BEGIN PORTLET-->
            <div class="portlet light bordered">
                <div class="portlet-title">
                    <div class="caption">
                        <i class="icon-bar-chart font-green"></i>
                        <span class="caption-subject font-green bold uppercase">الطلبات </span>
                        <span class="caption-helper">عدد الطلبات التى تمت خلال اسبوع...</span>
                    </div>
                </div>
                <div class="portlet-body">
                    <div id="site_activities_loading">
                        <img src="{{ asset('assets/global/img/loading.gif')}}" alt="loading" /> </div>
                    <div id="site_activities_content" class="display-none">
                        <div id="site_activities" class="chart"> </div>
                    </div>
                </div>
            </div>
            <!-- END PORTLET-->
        </div>

    </div>

    <div class="row">

{{--        <div class="col-md-12 col-sm-12">--}}
{{--            <div class="portlet light portlet-fit bordered">--}}
{{--                <div class="portlet-title">--}}
{{--                    <div class="caption">--}}
{{--                        <i class=" icon-layers font-green"></i>--}}
{{--                        <span class="caption-subject font-green bold uppercase">رسم توضيحى لأجمالى الفواتير المحصلة شهريا</span>--}}
{{--                    </div>--}}
{{--                </div>--}}
{{--                <div class="portlet-body">--}}
{{--                    <div id="echarts_bar" style="height:500px;"></div>--}}
{{--                </div>--}}
{{--            </div>--}}
{{--        </div>--}}
    </div>

@endsection

@section('page-footer-js')
    <script type="application/javascript">
        var js_lang = {!! json_encode(trans('common.js_lang'))  !!};
        var model_js_lang = {!! json_encode(trans('dashboard.js_lang'))  !!};
        var token_code='{{csrf_token()}}';
        var user_id = '{{Auth::user()->id}}';
        var assets_folder = '{{asset("assets/")}}';
        var data1= {!! json_encode($full) !!};
    </script>
    <script src="{{ asset('assets/models/js/Common.js')}}" type="text/javascript"></script>
    <script type = "text/javascript" src = "{{ asset('assets/global/plugins/datatables/datatables.min.js')}}" ></script>
    <script src = "{{ asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.js')}}" type = "text/javascript" ></script>

    <script src="{{ asset('assets/global/plugins/moment.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/counterup/jquery.waypoints.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/counterup/jquery.counterup.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/echarts/echarts.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/jquery-easypiechart/jquery.easypiechart.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/amcharts/amcharts.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/amcharts/serial.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/amcharts/pie.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/amcharts/radar.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/amcharts/themes/light.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/amcharts/themes/patterns.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/amcharts/themes/chalk.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/ammap/ammap.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/ammap/maps/js/worldLow.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/amcharts/amstockcharts/amstock.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/flot/jquery.flot.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/flot/jquery.flot.resize.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/flot/jquery.flot.categories.min.js')}}" type="text/javascript"></script>
    <script src="{{ asset('assets/global/plugins/jquery.sparkline.min.js')}}" type="text/javascript"></script>

    <script src="{{ asset('assets/models/js/Dashboard.js')}}" type="text/javascript"></script>
@endsection

@section('page-heads')

    <link href="{{ asset('assets/global/plugins/bootstrap-daterangepicker/daterangepicker.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap-rtl.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/global/plugins/morris/morris.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/global/plugins/fullcalendar/fullcalendar.min.css') }}" rel="stylesheet" type="text/css" />
    <link href="{{ asset('assets/global/plugins/jqvmap/jqvmap/jqvmap.css') }}" rel="stylesheet" type="text/css" />
    @if(trans('app.dir') == 'rtl')
        <link href="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap-rtl.css') }}" rel="stylesheet" type="text/css" />
    @else
        <link href="{{ asset('assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css') }}" rel="stylesheet" type="text/css" />
    @endif
@endsection