@extends('admin.layouts.app')

@section('title', t('admin.dashboard.title'))
@section('page_title', t('admin.dashboard.title'))

@section('content')
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-6">
    {{-- Placeholder stat cards --}}
    <div class="bg-white rounded-lg shadow-sm p-5">
        <p class="text-sm text-gray-500">@t('admin.dashboard.total_orders')</p>
        <p class="text-2xl font-bold text-gray-800 mt-1">{{ $stats['total_orders'] ?? 0 }}</p>
    </div>

    <div class="bg-white rounded-lg shadow-sm p-5">
        <p class="text-sm text-gray-500">@t('admin.dashboard.pending_orders')</p>
        <p class="text-2xl font-bold text-yellow-600 mt-1">{{ $stats['pending_orders'] ?? 0 }}</p>
    </div>

    <div class="bg-white rounded-lg shadow-sm p-5">
        <p class="text-sm text-gray-500">@t('admin.dashboard.total_revenue')</p>
        <p class="text-2xl font-bold text-green-600 mt-1">{{ $stats['total_revenue'] ?? '0.00' }}</p>
    </div>

    <div class="bg-white rounded-lg shadow-sm p-5">
        <p class="text-sm text-gray-500">@t('admin.dashboard.total_stones')</p>
        <p class="text-2xl font-bold text-gray-800 mt-1">{{ $stats['total_stones'] ?? 0 }}</p>
    </div>
</div>

<div class="bg-white rounded-lg shadow-sm p-6">
    <h2 class="text-lg font-semibold text-gray-800 mb-4">@t('admin.dashboard.welcome')</h2>
    <p class="text-gray-600">@t('admin.dashboard.welcome_message')</p>
</div>
@endsection