@extends('dashboard.layouts.master')
@section('title')
    {{ __('lang.dashboard') }}
@stop
@section('content')
    <div class="page-content-wrapper">
        <div class="page-content">
            <div class="page-head">
                <div class="page-title">
                    <h1> {{ __('lang.dashboard') }}
                        <small>{{ __('lang.statistics_reports') }}</small>
                    </h1>
                </div>
            </div>
            <ul class="page-breadcrumb breadcrumb">
                <li>
                    <span class="active"> {{ __('lang.dashboard') }}</span>
                </li>
            </ul>
            <div class="row">
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="dashboard-stat2 bordered">
                        <div class="display">
                            <div class="number">
                                <h3 class="font-red-haze">
                                    <span data-counter="counterup" data-value="{{ $services_count }}">{{ $services_count }}</span>
                                </h3>
                                <small>{{ __('lang.total') }} {{ __('lang.services') }}</small>
                            </div>
                            <div class="icon">
                                <i class="icon-briefcase"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="dashboard-stat2 bordered">
                        <div class="display">
                            <div class="number">
                                <h3 class="font-green-sharp">
                                    <span data-counter="counterup" data-value="{{ $stores_count }}">{{ $stores_count }}</span>
                                </h3>
                                <small>{{ __('lang.total') }} {{ __('lang.stores') }}</small>
                            </div>
                            <div class="icon">
                                <i class="icon-diamond"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="dashboard-stat2 bordered">
                        <div class="display">
                            <div class="number">
                                <h3 class="font-blue-sharp">
                                    <span data-counter="counterup" data-value="{{ $users_count }}">{{ $users_count }}</span>
                                </h3>
                                <small>{{ __('lang.total') }} العملاء</small>
                            </div>
                            <div class="icon">
                                <i class="icon-speedometer"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-6 col-xs-12">
                    <div class="dashboard-stat2 bordered">
                        <div class="display">
                            <div class="number">
                                <h3 class="font-purple-soft">
                                    <span data-counter="counterup" data-value="{{$delivery_count}}">{{ $delivery_count }}</span>
                                </h3>
                                <small>{{ __('lang.total') }} السائقين</small>
                            </div>
                            <div class="icon">
                                <i class="icon-users"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="dashboard-stat2 bordered">
                        <div class="display">
                            <div class="number">
                                <h3 class="font-purple-soft">
                                    <span data-counter="counterup" data-value="{{$order_sum}}">{{ $order_sum }}</span>
                                </h3>
                                <small> اجمالى الطلبات</small>
                            </div>
                            <div class="icon">
                                <i class="icon-speedometer"></i>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                    <div class="dashboard-stat2 bordered">
                        <div class="display">
                            <div class="number">
                                <h3 class="font-purple-soft">
                                    <span data-counter="counterup" data-value="{{$offers_sum}}">{{ $offers_sum }}</span>
                                </h3>
                                <small> اجمالى مصاريف الشحن من السائقين</small>
                            </div>
                            <div class="icon">
                                <i class="icon-speedometer"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@stop

@section('css')
    <link href="{{ asset('flaticons/flaticon.css') }}" rel="stylesheet" type="text/css" />
@stop

@section('js')
    <script src="{{ asset('admin/assets') }}/pages/scripts/dashboard.min.js" type="text/javascript"></script>
    <script src="{{ asset('admin/assets') }}/global/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
    <script src="{{ asset('admin/assets') }}/global/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
@stop