@extends('master', ['title' => 'Home'])

@section('content')
    <section id="dashboard-ecommerce">
        <div class="row match-height">
            <!-- Statistics Card -->
            <div class="col-xl-12 col-md-6 col-12">
                <div class="card card-statistics">
                    <div class="card-header">
                        <h4 class="card-title">{{ __('dashboard.Statistics') }}</h4>
                    </div>
                    <div class="card-body statistics-body">
                        <div class="row">
                            <div class="col-xl-3 col-sm-6 col-12 mb-2 mb-xl-0">
                                <a href="{{ route('products.index') }}" class="d-flex flex-row">
                                    <div class="avatar bg-light-primary me-2">
                                        <div class="avatar-content">
                                            <i data-feather="package" class="avatar-icon"></i>                                        
                                        </div>
                                    </div>
                                    <div class="my-auto">
                                        <h4 class="fw-bolder mb-0">{{ $stats['total_products'] }}</h4>
                                        <p class="card-text font-small-3 mb-0">{{ __('dashboard.products') }}</p>
                                    </div>
                                </a>
                            </div>
                            <div class="col-xl-3 col-sm-6 col-12 mb-2 mb-xl-0">
                                <a href="{{ route('brands.index') }}" class="d-flex flex-row">
                                    <div class="avatar bg-light-info me-2">
                                        <div class="avatar-content">
                                            <i data-feather="award" class="avatar-icon"></i>
                                        </div>
                                    </div>
                                    <div class="my-auto">
                                        <h4 class="fw-bolder mb-0">{{ $stats['total_brands'] }}</h4>
                                        <p class="card-text font-small-3 mb-0">{{ __('dashboard.brands') }}</p>
                                    </div>
                                </a>
                            </div>
                            <div class="col-xl-3 col-sm-6 col-12 mb-2 mb-sm-0">
                                <a href="{{ route('categories.index') }}" class="d-flex flex-row">
                                    <div class="avatar bg-light-danger me-2">
                                        <div class="avatar-content">
                                            <i data-feather="box" class="avatar-icon"></i>
                                        </div>
                                    </div>
                                    <div class="my-auto">
                                        <h4 class="fw-bolder mb-0">{{ $stats['total_parent_categories'] }}</h4>
                                        <p class="card-text font-small-3 mb-0">{{ __('dashboard.categories') }}</p>
                                    </div>
                                </a>
                            </div>
                            <div class="col-xl-3 col-sm-6 col-12">
                                <a href="{{ route('subcategories.index') }}" class="d-flex flex-row">
                                    <div class="avatar bg-light-success me-2">
                                        <div class="avatar-content">
                                            <i data-feather="layers" class="avatar-icon"></i>      
                                        </div> 
                                    </div>
                                    <div class="my-auto">
                                        <h4 class="fw-bolder mb-0">{{ $stats['total_subcategories'] }}</h4>
                                        <p class="card-text font-small-3 mb-0">{{ __('dashboard.subcategories') }}</p>
                                    </div>
                                </a>
                            </div>
                            <div class="col-xl-3 col-sm-6 col-12 mt-2">
                                <a href="{{ route('orders.index') }}" class="d-flex flex-row">
                                    <div class="avatar bg-light-warning me-2">
                                        <div class="avatar-content">
                                            <i data-feather="shopping-cart" class="avatar-icon"></i>      
                                        </div> 
                                    </div>
                                    <div class="my-auto">
                                        <h4 class="fw-bolder mb-0">{{ $stats['total_orders'] }}</h4>
                                        <p class="card-text font-small-3 mb-0">{{ __('dashboard.orders') }}</p>
                                    </div>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--/ Statistics Card -->
        </div>

    </section>
@endsection