@extends('layouts.app')
@section('title', __('لوحة التحكم'))
@section('content')
<h1 class="text-2xl font-bold mb-6">{{ __('لوحة التحكم') }}</h1>
<div class="grid sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-8">
    @foreach(['balance'=>__('الرصيد'),'total'=>__('الطلبات'),'completed'=>__('مكتمل'),'pending'=>__('معلق'),'processing'=>__('قيد التنفيذ'),'canceled'=>__('ملغى'),'spent'=>__('الإنفاق')] as $k=>$l)
    <div class="bg-white rounded-2xl p-5 border"><div class="text-sm text-slate-500">{{ $l }}</div><div class="text-2xl font-bold mt-1">{{ number_format($stats[$k], $k==='balance'||$k==='spent'?2:0) }}</div></div>
    @endforeach
</div>
<div class="flex gap-3 mb-8">
    <a href="{{ route('orders.create') }}" class="px-4 py-2 bg-brand-600 text-white rounded-lg">{{ __('طلب جديد') }}</a>
    <a href="{{ route('wallet.add') }}" class="px-4 py-2 border rounded-lg">{{ __('إضافة رصيد') }}</a>
</div>
<div class="grid lg:grid-cols-2 gap-6">
    <div class="bg-white rounded-2xl border p-5">
        <h2 class="font-semibold mb-3">{{ __('أحدث الطلبات') }}</h2>
        @foreach($recentOrders as $o)
            <a href="{{ route('orders.show',$o) }}" class="flex justify-between py-2 border-t text-sm"><span>#{{ $o->id }} {{ $o->service?->localizedName() }}</span><span>{{ $o->status }}</span></a>
        @endforeach
    </div>
    <div class="bg-white rounded-2xl border p-5">
        <h2 class="font-semibold mb-3">{{ __('المعاملات') }}</h2>
        @foreach($recentTx as $t)
            <div class="flex justify-between py-2 border-t text-sm"><span>{{ $t->type }}</span><span>{{ number_format($t->amount,2) }}</span></div>
        @endforeach
    </div>
</div>
@endsection