@extends('layouts.app')

@section('title', 'داشبورد')

@section('content')
    <div class="mb-8">
        <h1 class="text-3xl font-bold text-gray-800">داشبورد</h1>
        <p class="text-gray-600 mt-1">خلاصه عملکرد کسب‌وکار شما</p>
    </div>

    <div class="grid grid-cols-1 md:grid-cols-4 gap-6 mb-8">
        <div class="bg-white p-6 rounded-2xl shadow-sm border">
            <div class="flex justify-between">
                <div>
                    <p class="text-sm text-gray-500">مشتریان</p>
                    <p class="text-4xl font-bold mt-2">۰</p>
                </div>
                <div class="text-5xl opacity-10">👥</div>
            </div>
        </div>

        <div class="bg-white p-6 rounded-2xl shadow-sm border">
            <div class="flex justify-between">
                <div>
                    <p class="text-sm text-gray-500">لیدها</p>
                    <p class="text-4xl font-bold mt-2">۰</p>
                </div>
                <div class="text-5xl opacity-10">📈</div>
            </div>
        </div>

        <div class="bg-white p-6 rounded-2xl shadow-sm border">
            <div class="flex justify-between">
                <div>
                    <p class="text-sm text-gray-500">وظایف</p>
                    <p class="text-4xl font-bold mt-2">۰</p>
                </div>
                <div class="text-5xl opacity-10">✅</div>
            </div>
        </div>

        <div class="bg-white p-6 rounded-2xl shadow-sm border">
            <div class="flex justify-between">
                <div>
                    <p class="text-sm text-gray-500">پیگیری‌ها</p>
                    <p class="text-4xl font-bold mt-2">۰</p>
                </div>
                <div class="text-5xl opacity-10">📞</div>
            </div>
        </div>
    </div>

    <div class="bg-white p-6 rounded-2xl shadow-sm border">
        <h3 class="font-bold text-xl mb-4">فعالیت‌های اخیر</h3>
        <div class="text-gray-500">
            هنوز فعالیتی ثبت نشده است.
        </div>
    </div>
@endsection