@extends('admin.layouts.container')

@section('content')
@if(\Auth::user()->role != 'sub_admin')
    <div class="dashbord_home">
        <div class="row">

            <div class="row col-12  mb-5">
                <div class="col-12">
                    <div class="row">
                        <div class="col-lg-8">
                            <h5 class="text-uppercase font-weight-bold">اجمالي الزيارات</h5>
                        </div>
                        <div class="col-lg-4">
                            <select name="state_year" id="state_year" class="state_year form-control">
                                @for ($i = date('Y'); $i >= 2022; $i--)
                                    <option value="{{ $i }}"> {{ $i }} </option>
                                @endfor
                            </select>
                        </div>
                    </div>
                    <br />
                    <canvas class="border-item lineChart" width="400" height="150"></canvas>
                </div>
            </div>

            <div class="row col-12  mb-5">
                <div class="col-lg-6">
                    <div class="new-users border-item">
                        <div class="datatitle">
                            <h6 class="text-uppercase font-weight-bold">إجمالي عدد زيارات الموقع</h6>
                        </div>
        
                        <div class="items">
                            <span class="number text-primary">
                                {{$allUsersCounts}}
                            </span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="new-users border-item">
                        <div class="datatitle">
                            <h6 class="text-uppercase font-weight-bold">إجمالي عدد زيارات السنة({{date('Y')}})</h6>
                        </div>
        
                        <div class="items">
                            <span class="number text-primary">
                                {{$yearUsers}}
                            </span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="new-users border-item">
                        <div class="datatitle">
                            <h6 class="text-uppercase font-weight-bold">إجمالي عدد زيارات الشهر ({{ __('web.'.date('F')) }}) </h6>
                        </div>
        
                        <div class="items">
                            <span class="number text-primary">
                                {{$monthUsers}}
                            </span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="new-users border-item">
                        <div class="datatitle">
                            <h6 class="text-uppercase font-weight-bold">إجمالي عدد زيارات اليوم ({{ __('web.'.date('l')) }}) </h6>
                        </div>
        
                        <div class="items">
                            <span class="number text-primary">
                                {{!empty($dayUsers) ? $dayUsers : 0}}
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            
            
            <div class="col-lg-12">
                <h5>احصائيات الطلبات</h5>
            </div>

            <div class="row col-12  mb-5">
                <div class="col-lg-6">
                    <div class="new-users border-item">
                        <div class="datatitle">
                            <h6 class="text-uppercase font-weight-bold">إجمالي مجموع الطلبات</h6>
                        </div>
        
                        <div class="items">
                            <span class="number text-primary">
                                {{$order_count}}
                            </span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="new-users border-item">
                        <div class="datatitle">
                            <h6 class="text-uppercase font-weight-bold"> إجمالي مجموع طلبات الأفراد</h6>
                        </div>
        
                        <div class="items">
                            <span class="number text-primary">
                                {{$order_users}}
                            </span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="new-users border-item">
                        <div class="datatitle">
                            <h6 class="text-uppercase font-weight-bold"> إجمالي مجموع طلبات الشركات </h6>
                        </div>
        
                        <div class="items">
                            <span class="number text-primary">
                                {{$order_comapnies}}
                            </span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="new-users border-item">
                        <div class="datatitle">
                            <h6 class="text-uppercase font-weight-bold"> إجمالي مجموع طلبات الزائرين </h6>
                        </div>
        
                        <div class="items">
                            <span class="number text-primary">
                                {{$order_visitors}}
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            
            
            
            <div class="row col-12  mb-5">
                <div class="col-lg-6">
                    <div class="new-users border-item">
                        <div class="datatitle">
                            <h6 class="text-uppercase font-weight-bold">إجمالي مجموع الطلبات جديد</h6>
                        </div>
        
                        <div class="items">
                            <span class="number text-primary">
                                {{$order_new}}
                            </span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="new-users border-item">
                        <div class="datatitle">
                            <h6 class="text-uppercase font-weight-bold"> إجمالي مجموع طلبات جاري التجهيز</h6>
                        </div>
        
                        <div class="items">
                            <span class="number text-primary">
                                {{$order_progress}}
                            </span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="new-users border-item">
                        <div class="datatitle">
                            <h6 class="text-uppercase font-weight-bold"> إجمالي مجموع طلبات جاري التوصيل </h6>
                        </div>
        
                        <div class="items">
                            <span class="number text-primary">
                                {{$order_shipping}}
                            </span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="new-users border-item">
                        <div class="datatitle">
                            <h6 class="text-uppercase font-weight-bold"> إجمالي مجموع طلبات تم التوصيل </h6>
                        </div>
        
                        <div class="items">
                            <span class="number text-primary">
                                {{$order_recieved}}
                            </span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="new-users border-item">
                        <div class="datatitle">
                            <h6 class="text-uppercase font-weight-bold"> إجمالي مجموع طلبات ملغي </h6>
                        </div>
        
                        <div class="items">
                            <span class="number text-primary">
                                {{$order_canceled}}
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            
            
            <div class="col-lg-12">
                <h5>احصائيات المبيعات</h5>
            </div>
            
            <div class="row col-12  mb-5">
                <div class="col-lg-6">
                    <div class="new-users border-item">
                        <div class="datatitle">
                            <h6 class="text-uppercase font-weight-bold">إجمالي مجموع إيرادات المبيعات</h6>
                        </div>
        
                        <div class="items">
                            <span class="number text-primary">
                                {{$order_total}}
                            </span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="new-users border-item">
                        <div class="datatitle">
                            <h6 class="text-uppercase font-weight-bold"> إجمالي إيرادات المبيعات للأفراد</h6>
                        </div>
        
                        <div class="items">
                            <span class="number text-primary">
                                {{$order_user_total}}
                            </span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="new-users border-item">
                        <div class="datatitle">
                            <h6 class="text-uppercase font-weight-bold"> إجمالي إيرادات المبيعات للشركات  </h6>
                        </div>
        
                        <div class="items">
                            <span class="number text-primary">
                                {{$order_company_total}}
                            </span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="new-users border-item">
                        <div class="datatitle">
                            <h6 class="text-uppercase font-weight-bold"> إجمالي إيرادات المبيعات للزائرين </h6>
                        </div>
        
                        <div class="items">
                            <span class="number text-primary">
                                {{$order_visitor_total}}
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            
            
            <div class="col-lg-12">
                <h5>احصائيات العضويات</h5>
            </div>
            
            <div class="row col-12  mb-5">
                <div class="col-lg-6">
                    <div class="new-users border-item">
                        <div class="datatitle">
                            <h6 class="text-uppercase font-weight-bold"> إجمالي عدد المشرفين</h6>
                        </div>
        
                        <div class="items">
                            <span class="number text-primary">
                                {{$admins}}
                            </span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="new-users border-item">
                        <div class="datatitle">
                            <h6 class="text-uppercase font-weight-bold">إجمالي عدد المستخدمين</h6>
                        </div>
        
                        <div class="items">
                            <span class="number text-primary">
                                {{$users}}
                            </span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="new-users border-item">
                        <div class="datatitle">
                            <h6 class="text-uppercase font-weight-bold"> إجمالي عدد الشركات  </h6>
                        </div>
        
                        <div class="items">
                            <span class="number text-primary">
                                {{$companies}}
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            
            <div class="col-lg-12">
                <h5>عدد مرات تحميل التطبيق</h5>
            </div>
            
            <div class="row col-12  mb-5">
                <div class="col-lg-6">
                    <div class="new-users border-item">
                        <div class="datatitle">
                            <h6 class="text-uppercase font-weight-bold"> عدد مرات تحميل التطبيق (أيفون)</h6>
                        </div>
        
                        <div class="items">
                            <span class="number text-primary">
                                0
                            </span>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6">
                    <div class="new-users border-item">
                        <div class="datatitle">
                            <h6 class="text-uppercase font-weight-bold">عدد مرات تحميل التطبيق (أندرويد)</h6>
                        </div>
        
                        <div class="items">
                            <span class="number text-primary">
                                0
                            </span>
                        </div>
                    </div>
                </div>
            </div>
            
            
            <div class="row col-12  mb-5">
                <div class="col-lg-12">
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <td colspan="3" class="card-header text-center">
                                <h5 class="text-uppercase font-weight-bold"> الأفراد الأكثر طلبات</h5>
                            </td>
                        </tr>
                        <tr class="">
                            <th>إسم الفرد </th>
                            <th class="text-center"> عدد مرات الطلب</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($user_orders as $user)
                            <tr>
                                <td>{{$user->user ? $user->user->name : ''}}</td>
                                <td class="text-center">{{$user->count}}</td>
                            </tr>
                        @endforeach
            
                        </tbody>
                    </table>
                </div>
                
                <div class="col-lg-12">
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <td colspan="3" class="card-header text-center">
                                <h5 class="text-uppercase font-weight-bold"> الشركات الأكثر طلبات</h5>
                            </td>
                        </tr>
                        <tr class="">
                            <th>إسم الشركة </th>
                            <th class="text-center"> عدد مرات الطلب</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($company_orders as $user)
                            <tr>
                                <td>{{$user->user ? $user->user->name : ''}}</td>
                                <td class="text-center">{{$user->count}}</td>
                            </tr>
                        @endforeach
            
                        </tbody>
                    </table>
                </div>
                
                <div class="col-lg-12">
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <td colspan="3" class="card-header text-center">
                                <h5 class="text-uppercase font-weight-bold"> الزائرين الأكثر طلبات</h5>
                            </td>
                        </tr>
                        <tr class="">
                            <th>إسم الزائر </th>
                            <th class="text-center"> عدد مرات الطلب</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($visitor_orders as $user)
                            <tr>
                                <td>{{$user->visitor ? $user->visitor->name : ''}}</td>
                                <td class="text-center">{{$user->count}}</td>
                            </tr>
                        @endforeach
            
                        </tbody>
                    </table>
                </div>
                
            </div>
            
            
            <div class="row col-12  mb-5">
                <div class="col-lg-12">
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <td colspan="3" class="card-header text-center">
                                <h5 class="text-uppercase font-weight-bold"> المنتجات الأكثر طلبات</h5>
                            </td>
                        </tr>
                        <tr class="">
                            <th>إسم المنتج </th>
                            <th class="text-center"> عدد مرات الطلب</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($products as $product)
                            <tr>
                                <td>{{$product->product ? $product->product->currentDescription->name : ''}}</td>
                                <td class="text-center">{{$product->count}}</td>
                            </tr>
                        @endforeach
            
                        </tbody>
                    </table>
                </div>
                
            </div>
            
            
            <div class="row col-12  mb-5">
                <div class="col-lg-12">
                    <table class="table table-bordered">
                        <thead>
                        <tr>
                            <td colspan="3" class="card-header text-center">
                                <h5 class="text-uppercase font-weight-bold"> المنتجات اوشكت علي النفاذ</h5>
                            </td>
                        </tr>
                        <tr class="">
                            <th>إسم المنتج </th>
                            <th class="text-center">الكمية المتاحة</th>
                        </tr>
                        </thead>
                        <tbody>
                        @foreach ($product_remains as $product)
                            <tr>
                                <td>{{ $product->currentDescription->name ?? ''}}</td>
                                <td class="text-center">{{$product->count}}</td>
                            </tr>
                        @endforeach
            
                        </tbody>
                    </table>
                </div>
                
            </div>
            
        </div>
    </div>
@endif
@endsection

@section('inner_js')

<script>
    const state_route= '{{ route("dashboard.stats") }}'
</script>
<script src="{{asset('assets/admin/js/lib/Chart.min.js')}}"></script>
<script src="{{ asset('assets/admin/js/charts.js') }}"></script>

@endsection