@extends('layouts.panel')

@section('title', 'داشبورد کارشناس خرید')
@section('meta_description', 'داشبورد کارشناس خرید - سیستم مدیریت خرید و فروش مواد شیمیایی')

@section('content')
<div id="purchase-dashboard-container" class="space-y-6">
    <!-- Dashboard Content -->
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-4">
        <!-- Quick Actions -->
        <div class="glass rounded-2xl border border-slate-700/60 p-6 max-w-md">
            <h2 class="text-xl font-bold text-slate-100 mb-4">دسترسی سریع</h2>
            <div class="space-y-3">
                <a href="{{ route('purchase.purchase-requests.create') }}" class="block p-4 rounded-xl bg-indigo-500/10 hover:bg-indigo-500/20 border border-indigo-500/20 transition-colors">
                    <div class="flex items-center gap-3">
                        <span class="text-2xl">🛒</span>
                        <div>
                            <h3 class="font-semibold text-slate-100">افزودن درخواست خرید</h3>
                            <p class="text-sm text-slate-400">ایجاد درخواست خرید جدید</p>
                        </div>
                    </div>
                </a>
                <a href="{{ route('purchase.suppliers.index') }}" class="block p-4 rounded-xl bg-purple-500/10 hover:bg-purple-500/20 border border-purple-500/20 transition-colors">
                    <div class="flex items-center gap-3">
                        <span class="text-2xl">🏢</span>
                        <div>
                            <h3 class="font-semibold text-slate-100">تامین‌کنندگان</h3>
                            <p class="text-sm text-slate-400">مدیریت تامین‌کنندگان</p>
                        </div>
                    </div>
                </a>
                <a href="{{ route('purchase.products.index') }}" class="block p-4 rounded-xl bg-green-500/10 hover:bg-green-500/20 border border-green-500/20 transition-colors">
                    <div class="flex items-center gap-3">
                        <span class="text-2xl">📦</span>
                        <div>
                            <h3 class="font-semibold text-slate-100">محصولات</h3>
                            <p class="text-sm text-slate-400">مدیریت محصولات</p>
                        </div>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>
@endsection