@extends('components.dashboard.layouts.master')

@section('title', __('dashboard.dashboard'))

@section('content')
    <div class="app-content content">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>

        <div class="content-wrapper">

            {{-- Page Title --}}
            <div class="content-header row">
                <div class="col-12">
                    <h2 class="content-header-title mb-2">
                        {{ __('dashboard.dashboard') }}
                    </h2>
                </div>
            </div>

            <div class="content-body">
                <section id="dashboard-analytics">

                    {{-- Top Stats Cards --}}
                    <div class="row">

                        {{-- Clients Count --}}
                        <div class="col-xl-3 col-md-6 col-12">
                            <a href="{{ route('admin.users.index') }}" style="text-decoration:none; color:inherit;">
                                <div class="card shadow-sm" style="border-radius:12px; cursor:pointer;">
                                    <div class="card-body d-flex justify-content-between align-items-center">

                                        <div>
                                            <h4 class="font-weight-bold mb-0" style="font-size:28px;">
                                                {{ \App\Models\User::where('type', \App\Enum\UserTypeEnum::CLIENT)->count() }}
                                            </h4>
                                            <p class="text-muted mb-0">{{ __('dashboard.users') }}</p>
                                        </div>

                                        <div class="avatar bg-primary d-flex justify-content-center align-items-center"
                                             style="border-radius:14px; width:48px; height:48px;">
                                            <i class="feather icon-user-plus text-white" style="font-size:22px;"></i>
                                        </div>

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

                        {{-- Orders Count --}}
                        <div class="col-xl-3 col-md-6 col-12">
                            <a href="{{ route('admin.orders.index') }}" style="text-decoration:none; color:inherit;">
                                <div class="card shadow-sm" style="border-radius:12px; cursor:pointer;">
                                    <div class="card-body d-flex justify-content-between align-items-center">

                                        <div>
                                            <h4 class="font-weight-bold mb-0" style="font-size:28px;">
                                                {{ \App\Models\Order::count() }}
                                            </h4>
                                            <p class="text-muted mb-0">{{ __('dashboard.orders') }}</p>
                                        </div>

                                        <div class="avatar bg-warning d-flex justify-content-center align-items-center"
                                             style="border-radius:14px; width:48px; height:48px;">
                                            <i class="feather icon-shopping-cart text-white" style="font-size:22px;"></i>
                                        </div>

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

                        {{-- Special Orders Count --}}
                        <div class="col-xl-3 col-md-6 col-12">
                            <a href="{{ route('admin.special-orders.index') }}" style="text-decoration:none; color:inherit;">
                                <div class="card shadow-sm" style="border-radius:12px; cursor:pointer;">
                                    <div class="card-body d-flex justify-content-between align-items-center">

                                        <div>
                                            <h4 class="font-weight-bold mb-0" style="font-size:28px;">
                                                {{ \App\Models\SpecialOrder::count() }}
                                            </h4>
                                            <p class="text-muted mb-0">{{ __('dashboard.special_orders') }}</p>
                                        </div>

                                        <div class="avatar bg-danger d-flex justify-content-center align-items-center"
                                             style="border-radius:14px; width:48px; height:48px;">
                                            <i class="feather icon-star text-white" style="font-size:22px;"></i>
                                        </div>

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

                    </div>

                </section>
            </div>

        </div>
    </div>
@endsection

@section('scripts')
@endsection