@extends('superadmin.layouts.app')

@section('title', 'Platform Dashboard')
@section('page-title', 'Platform Dashboard')

@section('content')

{{-- Stats grid --}}
<div class="grid grid-cols-2 lg:grid-cols-4 gap-4 mb-8">
    @foreach ([
        ['label' => 'Total Shops',   'value' => number_format($stats['total_shops']),   'sub' => 'registered',       'color' => 'indigo'],
        ['label' => 'Active Shops',  'value' => number_format($stats['active_shops']),  'sub' => 'live & billing',   'color' => 'green'],
        ['label' => 'Pending',       'value' => number_format($stats['pending_shops']), 'sub' => 'awaiting install', 'color' => 'amber'],
        ['label' => 'Orders Today',  'value' => number_format($stats['orders_today']),  'sub' => '₹' . number_format($stats['revenue_today'], 0) . ' revenue', 'color' => 'violet'],
    ] as $stat)
    <div class="bg-slate-800/60 border border-slate-700/50 rounded-xl p-5">
        <p class="text-xs text-slate-400 font-medium mb-1">{{ $stat['label'] }}</p>
        <p class="text-2xl font-bold text-white">{{ $stat['value'] }}</p>
        <p class="text-xs text-slate-500 mt-1">{{ $stat['sub'] }}</p>
    </div>
    @endforeach
</div>

<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">

    {{-- Pending shops --}}
    <div class="bg-slate-800/60 border border-slate-700/50 rounded-xl overflow-hidden">
        <div class="flex items-center justify-between px-5 py-4 border-b border-slate-700/50">
            <h2 class="text-sm font-semibold text-white">Pending Approvals</h2>
            <a href="{{ route('superadmin.shops.index', ['status' => 'pending']) }}" class="text-xs text-indigo-400 hover:underline">View all</a>
        </div>
        <div class="divide-y divide-slate-700/40">
            @forelse($pendingShops as $shop)
            <div class="flex items-center justify-between px-5 py-3.5">
                <div>
                    <p class="text-sm font-medium text-white">{{ $shop->name ?: $shop->domain }}</p>
                    <p class="text-xs text-slate-400">{{ $shop->domain }} · {{ $shop->created_at->diffForHumans() }}</p>
                </div>
                <div class="flex items-center gap-2">
                    <form method="POST" action="{{ route('superadmin.shops.approve', $shop->id) }}">
                        @csrf
                        <button class="text-xs px-3 py-1.5 bg-green-700/30 hover:bg-green-700/50 text-green-300 rounded-lg transition-colors font-medium">
                            Approve
                        </button>
                    </form>
                    <a href="{{ route('superadmin.shops.show', $shop->id) }}" class="text-xs px-3 py-1.5 bg-slate-700/50 hover:bg-slate-700 text-slate-300 rounded-lg transition-colors">
                        View
                    </a>
                </div>
            </div>
            @empty
            <p class="px-5 py-6 text-sm text-slate-500 text-center">No pending approvals</p>
            @endforelse
        </div>
    </div>

    {{-- Recent shops --}}
    <div class="bg-slate-800/60 border border-slate-700/50 rounded-xl overflow-hidden">
        <div class="flex items-center justify-between px-5 py-4 border-b border-slate-700/50">
            <h2 class="text-sm font-semibold text-white">Recently Registered</h2>
            <a href="{{ route('superadmin.shops.index') }}" class="text-xs text-indigo-400 hover:underline">View all</a>
        </div>
        <div class="divide-y divide-slate-700/40">
            @forelse($recentShops as $shop)
            <div class="flex items-center justify-between px-5 py-3.5">
                <div>
                    <p class="text-sm font-medium text-white">{{ $shop->name ?: $shop->domain }}</p>
                    <p class="text-xs text-slate-400">{{ $shop->domain }}</p>
                </div>
                <div class="flex items-center gap-2">
                    <span @class([
                        'text-xs px-2 py-0.5 rounded-full font-medium',
                        'bg-green-900/40 text-green-400' => $shop->status === 'active',
                        'bg-amber-900/40 text-amber-400' => $shop->status === 'pending',
                        'bg-red-900/40 text-red-400'    => $shop->status === 'suspended',
                    ])>{{ ucfirst($shop->status) }}</span>
                    <a href="{{ route('superadmin.shops.show', $shop->id) }}" class="text-xs text-slate-400 hover:text-white">View →</a>
                </div>
            </div>
            @empty
            <p class="px-5 py-6 text-sm text-slate-500 text-center">No shops yet</p>
            @endforelse
        </div>
    </div>

</div>

@endsection