@extends('admin.layouts.app')

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

@section('content')

<div class="page-heading">
    <div>
        <h2>Administration overview</h2>
        <p>Manage users, products and marketplace activity.</p>
    </div>
</div>

<div class="stats-grid">
    <div class="stat-card">
        <div class="stat-label">Users</div>
        <div class="stat-value">{{ number_format($stats['users']) }}</div>
    </div>

    <div class="stat-card">
        <div class="stat-label">Blocked users</div>
        <div class="stat-value">{{ number_format($stats['blocked_users']) }}</div>
    </div>

    <div class="stat-card">
        <div class="stat-label">All products</div>
        <div class="stat-value">{{ number_format($stats['products']) }}</div>
    </div>

    <div class="stat-card">
        <div class="stat-label">Pending approval</div>
        <div class="stat-value">{{ number_format($stats['pending_products']) }}</div>
    </div>

    <div class="stat-card">
        <div class="stat-label">Approved products</div>
        <div class="stat-value">{{ number_format($stats['approved_products']) }}</div>
    </div>

    <div class="stat-card">
        <div class="stat-label">Sold products</div>
        <div class="stat-value">{{ number_format($stats['sold_products']) }}</div>
    </div>
</div>

<div class="panel-grid">
    <section class="panel-card">
        <div class="panel-header">
            <h3>Latest users</h3>
            <a href="{{ route('admin.users.index') }}">View all</a>
        </div>

        <div class="table-wrapper">
            <table class="admin-table">
                <thead>
                <tr>
                    <th>User</th>
                    <th>Status</th>
                    <th>Joined</th>
                </tr>
                </thead>
                <tbody>
                @forelse($latestUsers as $user)
                    <tr>
                        <td>
                            <a href="{{ route('admin.users.show', $user) }}" style="text-decoration:none">
                                {{ $user->name }}
                                <div style="color:#64748b;font-size:11px">{{ $user->email }}</div>
                            </a>
                        </td>
                        <td>
                            <span class="badge {{ $user->is_blocked ? 'badge-danger' : 'badge-success' }}">
                                {{ $user->is_blocked ? 'Blocked' : 'Active' }}
                            </span>
                        </td>
                        <td>{{ optional($user->created_at)->format('M d, Y') }}</td>
                    </tr>
                @empty
                    <tr><td colspan="3" class="empty-state">No users found.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </section>

    <section class="panel-card">
        <div class="panel-header">
            <h3>Latest products</h3>
            <a href="{{ route('admin.products.index') }}">View all</a>
        </div>

        <div class="table-wrapper">
            <table class="admin-table">
                <thead>
                <tr>
                    <th>Product</th>
                    <th>Approval</th>
                    <th>Price</th>
                </tr>
                </thead>
                <tbody>
                @forelse($latestProducts as $product)
                    @php
                        $images = is_array($product->images)
                            ? $product->images
                            : json_decode($product->images ?? '[]', true);

                        $firstImage = is_array($images) ? ($images[0] ?? null) : null;
                    @endphp

                    <tr>
                        <td>
                            <div class="table-product">
                                @if($firstImage)
                                    <img src="{{ asset('storage/' . $firstImage) }}" alt="">
                                @else
                                    <div class="avatar">P</div>
                                @endif

                                <a href="{{ route('admin.products.show', $product) }}" style="text-decoration:none">
                                    {{ \Illuminate\Support\Str::limit($product->title, 30) }}
                                    <div style="color:#64748b;font-size:11px">
                                        {{ optional($product->user)->name ?: 'Unknown user' }}
                                    </div>
                                </a>
                            </div>
                        </td>
                        <td>
                            <span class="badge {{ $product->is_approved ? 'badge-success' : 'badge-warning' }}">
                                {{ $product->is_approved ? 'Approved' : 'Pending' }}
                            </span>
                        </td>
                        <td>${{ number_format($product->discount_price ?: $product->price, 2) }}</td>
                    </tr>
                @empty
                    <tr><td colspan="3" class="empty-state">No products found.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>
    </section>
</div>

@endsection