@extends('layouts.admin')

@section('title', 'Dashboard')
@section('page_title', 'Dashboard')

@section('content')
<div class="row mb-4">
    <div class="col-md-3 mb-3">
        <div class="stat-card">
            <div class="stat-number">{{ $totalOrders }}</div>
            <div class="stat-label">Total Orders</div>
        </div>
    </div>
    <div class="col-md-3 mb-3">
        <div class="stat-card" style="border-left-color: #27ae60;">
            <div class="stat-number">{{ \App\Support\Currency::symbol() }}{{ number_format($totalRevenue, 0) }}</div>
            <div class="stat-label">Total Revenue</div>
        </div>
    </div>
    <div class="col-md-3 mb-3">
        <div class="stat-card" style="border-left-color: #e74c3c;">
            <div class="stat-number">{{ $totalProducts }}</div>
            <div class="stat-label">Products</div>
        </div>
    </div>
    <div class="col-md-3 mb-3">
        <div class="stat-card" style="border-left-color: #f39c12;">
            <div class="stat-number">{{ $totalUsers }}</div>
            <div class="stat-label">Customers</div>
        </div>
    </div>
</div>

<div class="row mb-4">
    <div class="col-md-8">
        <div class="card border-0 shadow-sm">
            <div class="card-header bg-primary text-white">
                <h5 class="mb-0">Recent Orders</h5>
            </div>
            <div class="card-body">
                <div class="table-responsive">
                    <table class="table table-hover">
                        <thead class="table-light">
                            <tr>
                                <th>Order #</th>
                                <th>Customer</th>
                                <th>Amount</th>
                                <th>Status</th>
                                <th>Date</th>
                                <th>Action</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($recentOrders as $order)
                                <tr>
                                    <td class="fw-bold">{{ $order->order_number }}</td>
                                    <td>{{ $order->user->name }}</td>
                                    <td>{{ \App\Support\Currency::symbol() }}{{ number_format($order->total, 2) }}</td>
                                    <td>
                                        <span class="badge 
                                            @if($order->status == 'pending') bg-warning
                                            @elseif($order->status == 'processing') bg-info
                                            @elseif($order->status == 'shipped') bg-primary
                                            @elseif($order->status == 'delivered') bg-success
                                            @endif
                                        ">
                                            {{ ucfirst($order->status) }}
                                        </span>
                                    </td>
                                    <td>{{ $order->created_at->format('M d, Y') }}</td>
                                    <td>
                                        <a href="{{ route('admin.orders.show', $order) }}" class="btn btn-sm btn-outline-primary">View</a>
                                    </td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="6" class="text-center text-muted">No orders available</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <div class="col-md-4">
        <div class="card border-0 shadow-sm mb-4">
            <div class="card-header bg-danger text-white">
                <h5 class="mb-0">Low Stock Products</h5>
            </div>
            <div class="card-body">
                @forelse($lowStockProducts as $product)
                    <div class="mb-3 pb-3 border-bottom">
                        <div class="d-flex justify-content-between align-items-start">
                            <div>
                                <h6 class="mb-1">{{ substr($product->name, 0, 20) }}</h6>
                                <small class="text-muted">Stock: {{ $product->inventory->quantity }}</small>
                            </div>
                            <span class="badge bg-danger">Low</span>
                        </div>
                    </div>
                @empty
                    <p class="text-muted">All products have good stock levels</p>
                @endforelse
            </div>
        </div>

        <div class="card border-0 shadow-sm">
            <div class="card-header bg-success text-white">
                <h5 class="mb-0">Quick Actions</h5>
            </div>
            <div class="card-body">
                <a href="{{ route('admin.products.create') }}" class="d-block btn btn-sm btn-outline-primary mb-2">
                    <i class="bi bi-plus"></i> Add Product
                </a>
                <a href="{{ route('admin.orders.index') }}" class="d-block btn btn-sm btn-outline-primary mb-2">
                    <i class="bi bi-bag"></i> View Orders
                </a>
                <a href="{{ route('admin.users.index') }}" class="d-block btn btn-sm btn-outline-primary">
                    <i class="bi bi-people"></i> Manage Users
                </a>
            </div>
        </div>
    </div>
</div>
@endsection