@extends('layouts.admin')

@section('title', 'Dashboard')
@section('header', 'Dashboard Overview')

@section('content')
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8">
    <!-- Total Revenue -->
    <div class="bg-white rounded-lg shadow p-6">
        <div class="flex items-center">
            <div class="p-3 rounded-full bg-[#BF6679]/10 text-[#BF6679]">
                <i class="fas fa-dollar-sign text-xl"></i>
            </div>
            <div class="ml-4">
                <h3 class="text-gray-500 text-sm">Total Revenue</h3>
                <p class="text-2xl font-semibold">${{ number_format($stats['total_revenue'], 2) }}</p>
            </div>
        </div>
    </div>

    <!-- Total Users -->
    <div class="bg-white rounded-lg shadow p-6">
        <div class="flex items-center">
            <div class="p-3 rounded-full bg-[#BF6679]/10 text-[#BF6679]">
                <i class="fas fa-users text-xl"></i>
            </div>
            <div class="ml-4">
                <h3 class="text-gray-500 text-sm">Total Users</h3>
                <p class="text-2xl font-semibold">{{ $stats['total_users'] }}</p>
            </div>
        </div>
    </div>

    <!-- Total Projects -->
    <div class="bg-white rounded-lg shadow p-6">
        <div class="flex items-center">
            <div class="p-3 rounded-full bg-[#BF6679]/10 text-[#BF6679]">
                <i class="fas fa-project-diagram text-xl"></i>
            </div>
            <div class="ml-4">
                <h3 class="text-gray-500 text-sm">Total Projects</h3>
                <p class="text-2xl font-semibold">{{ $stats['total_projects'] }}</p>
            </div>
        </div>
    </div>

    <!-- Total Bids -->
    <div class="bg-white rounded-lg shadow p-6">
        <div class="flex items-center">
            <div class="p-3 rounded-full bg-[#BF6679]/10 text-[#BF6679]">
                <i class="fas fa-handshake text-xl"></i>
            </div>
            <div class="ml-4">
                <h3 class="text-gray-500 text-sm">Total Bids</h3>
                <p class="text-2xl font-semibold">{{ $stats['total_bids'] }}</p>
            </div>
        </div>
    </div>
</div>

<div class="grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8">
    <!-- Monthly Revenue Chart -->
    <div class="bg-white rounded-lg shadow p-6">
        <h3 class="text-lg font-semibold mb-4">Monthly Revenue</h3>
        <div class="space-y-2">
            @if(!empty($stats['monthly_revenue_data']))
                @foreach($stats['monthly_revenue_data'] as $month => $revenue)
                    <div class="flex justify-between items-center">
                        <span class="text-gray-600">{{ $month }}</span>
                        <span class="font-semibold">${{ number_format($revenue, 2) }}</span>
                    </div>
                @endforeach
            @else
                <div class="text-gray-500 text-center py-4">
                    <i class="fas fa-chart-line mr-2"></i>
                    No revenue data available for this year
                </div>
            @endif
        </div>
    </div>

    <!-- Recent Activities -->
    <div class="bg-white rounded-lg shadow p-6">
        <h3 class="text-lg font-semibold mb-4">Recent Activities</h3>
        <div class="space-y-3">
            @if(!empty($stats['recent_activities']))
                @foreach($stats['recent_activities'] as $activity)
                    <div class="flex items-center space-x-3">
                        <div class="w-2 h-2 bg-green-500 rounded-full"></div>
                        <div class="flex-1">
                            <p class="text-sm text-gray-600">{{ $activity['description'] }}</p>
                            <p class="text-xs text-gray-400">{{ $activity['time'] }}</p>
                        </div>
                    </div>
                @endforeach
            @else
                <div class="text-gray-500 text-center py-4">
                    <i class="fas fa-history mr-2"></i>
                    No recent activities
                </div>
            @endif
        </div>
    </div>
</div>

<div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
    <!-- Vendor KYC Status -->
    <div class="bg-white rounded-lg shadow p-6">
        <h3 class="text-lg font-semibold mb-4">Vendor KYC Status</h3>
        <div class="space-y-2">
            <div class="flex justify-between">
                <span class="text-green-600">Verified</span>
                <span class="font-semibold">{{ $stats['kyc_stats']['verified'] ?? 0 }}</span>
            </div>
            <div class="flex justify-between">
                <span class="text-orange-600">Waiting</span>
                <span class="font-semibold">{{ $stats['kyc_stats']['waiting'] ?? 0 }}</span>
            </div>
            <div class="flex justify-between">
                <span class="text-blue-600">In Progress</span>
                <span class="font-semibold">{{ $stats['kyc_stats']['progress'] ?? 0 }}</span>
            </div>
            <div class="flex justify-between">
                <span class="text-yellow-600">Pending</span>
                <span class="font-semibold">{{ $stats['kyc_stats']['pending'] ?? 0 }}</span>
            </div>
            <div class="flex justify-between">
                <span class="text-red-600">Rejected</span>
                <span class="font-semibold">{{ $stats['kyc_stats']['rejected'] ?? 0 }}</span>
            </div>
        </div>
    </div>

    <!-- Project Status -->
    <div class="bg-white rounded-lg shadow p-6">
        <h3 class="text-lg font-semibold mb-4">Project Status</h3>
        <div class="space-y-2">
            @if(!empty($stats['project_stats']))
                @foreach($stats['project_stats'] as $status => $count)
                    <div class="flex justify-between">
                        <span class="text-gray-600">{{ ucfirst($status) }}</span>
                        <span class="font-semibold">{{ $count }}</span>
                    </div>
                @endforeach
            @else
                <div class="text-gray-500 text-center py-4">
                    <i class="fas fa-folder mr-2"></i>
                    No project data available
                </div>
            @endif
        </div>
    </div>

    <!-- Credit Usage -->
    <div class="bg-white rounded-lg shadow p-6">
        <h3 class="text-lg font-semibold mb-4">Credit Usage</h3>
        <div class="space-y-2">
            <div class="flex justify-between">
                <span class="text-gray-600">Total Credits Used</span>
                <span class="font-semibold">{{ $stats['total_credits_used'] }}</span>
            </div>
            <div class="flex justify-between">
                <span class="text-gray-600">Active Credits</span>
                <span class="font-semibold">{{ $stats['active_credits'] }}</span>
            </div>
            <div class="flex justify-between">
                <span class="text-gray-600">Transactions Today</span>
                <span class="font-semibold">{{ $stats['transactions_today'] }}</span>
            </div>
        </div>
    </div>
</div>
@endsection