    @extends('layouts.navigation')

    @section('content')
        <!-- Main Content -->
        <div class="main-content">
            <!-- Top Navigation -->
            <div class="top-nav">
                <h2>Dashboard Overview</h2>

                <div class="user-profile">
                    <div class="user-info">
                        <div class="user-name">{{ auth()->user()->name }}</div>
                        <div class="user-role">Administrator</div>
                    </div>
                    <img src="https://ui-avatars.com/api/?name={{ urlencode(auth()->user()->name) }}&background=0a9a73&color=fff"
                        alt="User">
                    <form method="POST" action="{{ route('logout') }}" style="margin: 0;">
                        @csrf
                        <button type="submit" class="logout-btn">
                            <i class="fas fa-sign-out-alt"></i> Logout
                        </button>
                    </form>
                </div>
            </div>

            <!-- Dashboard Content -->
            {{-- <div class="dashboard-content">

                <!-- Stats Cards -->
                <div class="stats-row">
                    <div class="stat-card green">
                        <div class="stat-header">
                            <div>
                                <div class="stat-title">Total Revenue</div>
                                <div class="stat-value">$45,231</div>
                                <div class="stat-change positive">
                                    <i class="fas fa-arrow-up"></i> 12.5% from last month
                                </div>
                            </div>
                            <div class="stat-icon green">
                                <i class="fas fa-dollar-sign"></i>
                            </div>
                        </div>
                    </div>

                    <div class="stat-card blue">
                        <div class="stat-header">
                            <div>
                                <div class="stat-title">Total Orders</div>
                                <div class="stat-value">{{ $stats['total_orders'] ?? 1234 }}</div>
                                <div class="stat-change positive">
                                    <i class="fas fa-arrow-up"></i> 8.2% from last month
                                </div>
                            </div>
                            <div class="stat-icon blue">
                                <i class="fas fa-shopping-cart"></i>
                            </div>
                        </div>
                    </div>

                    <div class="stat-card orange">
                        <div class="stat-header">
                            <div>
                                <div class="stat-title">Total Products</div>
                                <div class="stat-value">{{ $stats['total_products'] ?? 342 }}</div>
                                <div class="stat-change positive">
                                    <i class="fas fa-arrow-up"></i> 23 new products
                                </div>
                            </div>
                            <div class="stat-icon orange">
                                <i class="fas fa-pills"></i>
                            </div>
                        </div>
                    </div>

                    <div class="stat-card purple">
                        <div class="stat-header">
                            <div>
                                <div class="stat-title">Total Customers</div>
                                <div class="stat-value">{{ $stats['total_users'] }}</div>
                                <div class="stat-change positive">
                                    <i class="fas fa-arrow-up"></i> 156 new users
                                </div>
                            </div>
                            <div class="stat-icon purple">
                                <i class="fas fa-users"></i>
                            </div>
                        </div>
                    </div>
                </div>





            </div> --}}
        </div>
    @endsection
