@extends('layouts.app')
@section('title', 'داشبورد')
@section('content')
<h1 class="text-2xl font-bold mb-6">داشبورد</h1>

<div class="grid grid-cols-1 md:grid-cols-3 gap-4 mb-8">
    <div class="bg-white rounded-xl shadow p-5">
        <div class="text-slate-500 text-sm">تعداد حساب‌های ایمیل</div>
        <div class="text-3xl font-bold mt-1">{{ $accounts->count() }}</div>
    </div>
    <div class="bg-white rounded-xl shadow p-5">
        <div class="text-slate-500 text-sm">سرور ایمیل</div>
        <div class="text-lg font-medium mt-1 truncate">{{ config('services.cpanel.host') }}</div>
    </div>
    <div class="bg-white rounded-xl shadow p-5">
        <div class="text-slate-500 text-sm">دامنه ایمیل</div>
        <div class="text-lg font-medium mt-1">{{ config('services.cpanel.email_domain') }}</div>
    </div>
</div>

<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
    <div class="bg-white rounded-xl shadow p-5">
        <div class="flex justify-between items-center mb-4">
            <h2 class="font-bold">حساب‌های ایمیل</h2>
            <a href="{{ route('accounts.index') }}" class="text-blue-600 text-sm">مدیریت ←</a>
        </div>
        @forelse($accounts as $acc)
            <div class="flex justify-between py-2 border-b last:border-0 text-sm">
                <span>{{ $acc->email }}</span>
                <span class="text-slate-500">{{ $acc->used_space }} / {{ $acc->quota ?: '∞' }} MB</span>
            </div>
        @empty
            <p class="text-slate-500 text-sm">هنوز حسابی همگام‌سازی نشده.
                <a href="{{ route('accounts.index') }}" class="text-blue-600">همین حالا همگام‌سازی کنید</a>
            </p>
        @endforelse
    </div>

    <div class="bg-white rounded-xl shadow p-5">
        <h2 class="font-bold mb-4">آخرین فعالیت‌ها</h2>
        @forelse($recentLogs as $log)
            <div class="text-sm py-2 border-b last:border-0 flex justify-between">
                <span>{{ $log->action }}</span>
                <span class="text-slate-400">{{ $log->created_at->diffForHumans() }}</span>
            </div>
        @empty
            <p class="text-slate-500 text-sm">فعالیتی ثبت نشده.</p>
        @endforelse
    </div>
</div>
@endsection