@extends('layouts.panel')

@section('title', 'مشاهده درخواست خرید - منیجینو')
@section('meta_description', 'مشاهده جزئیات درخواست خرید')

@section('content')
<div class="space-y-6">
    <div class="flex items-center justify-between">
        <h1 class="text-2xl font-bold text-slate-100">مشاهده درخواست خرید</h1>
        <a href="{{ route('sales.purchase_requests.index') }}" class="px-4 py-2 rounded-xl bg-white/10 hover:bg-white/20 text-slate-200" style="font-size: 12px;">بازگشت</a>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-3 gap-6">
        <div class="lg:col-span-2 space-y-6">
            <!-- اطلاعات پایه -->
            <div class="glass rounded-2xl p-6">
                <h2 class="text-xl font-bold mb-4 text-slate-200">اطلاعات پایه</h2>
                <div class="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
                    <div>
                        <div class="text-slate-400 mb-1">نام محصول</div>
                        <div class="font-medium text-slate-200">{{ $purchaseRequest->product_name ?? '—' }}</div>
                    </div>
                    <div>
                        <div class="text-slate-400 mb-1">نوع فاکتور</div>
                        <div class="font-medium text-slate-200">{{ $purchaseRequest->product_type_label ?? ($purchaseRequest->invoice_type ?? '—') }}</div>
                    </div>
                    <div>
                        <div class="text-slate-400 mb-1">مقدار</div>
                        <div class="font-medium text-slate-200">
                            @if($purchaseRequest->quantity)
                                {{ number_format($purchaseRequest->quantity, 3) }} {{ $purchaseRequest->unit ?? '' }}
                            @else
                                —
                            @endif
                        </div>
                    </div>
                    <div>
                        <div class="text-slate-400 mb-1">وضعیت</div>
                        <div class="font-medium">
                            <span class="px-3 py-1 rounded-full text-xs font-medium 
                                @if($purchaseRequest->status === 'approved' || $purchaseRequest->status === 'تأیید شده') bg-green-500/20 text-green-400 border border-green-500/30
                                @elseif($purchaseRequest->status === 'rejected' || $purchaseRequest->status === 'رد شده') bg-red-500/20 text-red-400 border border-red-500/30
                                @elseif($purchaseRequest->status === 'pending' || $purchaseRequest->status === 'در انتظار' || $purchaseRequest->status === 'در حال بررسی') bg-yellow-500/20 text-yellow-400 border border-yellow-500/30
                                @elseif($purchaseRequest->status === 'completed' || $purchaseRequest->status === 'تکمیل شده') bg-blue-500/20 text-blue-400 border border-blue-500/30
                                @else bg-gray-500/20 text-gray-400 border border-gray-500/30
                                @endif">
                                {{ $purchaseRequest->status_label }}
                            </span>
                        </div>
                    </div>
                    <div>
                        <div class="text-slate-400 mb-1">تاریخ ایجاد</div>
                        <div class="font-medium text-slate-200">{{ $purchaseRequest->jalali_created_at }}</div>
                    </div>
                    <div>
                        <div class="text-slate-400 mb-1">مهلت زمانی</div>
                        <div class="font-medium text-slate-200">{{ $purchaseRequest->deadline ?? '—' }}</div>
                    </div>
                </div>
            </div>

            <!-- اطلاعات محصول -->
            <div class="glass rounded-2xl p-6">
                <h2 class="text-xl font-bold mb-4 text-slate-200">اطلاعات محصول</h2>
                <div class="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
                    <div>
                        <div class="text-slate-400 mb-1">برند</div>
                        <div class="font-medium text-slate-200">{{ $purchaseRequest->brand ?? '—' }}</div>
                    </div>
                    <div>
                        <div class="text-slate-400 mb-1">بسته‌بندی</div>
                        <div class="font-medium text-slate-200">{{ $purchaseRequest->packaging ?? '—' }}</div>
                    </div>
                    <div>
                        <div class="text-slate-400 mb-1">گرید</div>
                        <div class="font-medium text-slate-200">{{ $purchaseRequest->grade ?? '—' }}</div>
                    </div>
                    <div>
                        <div class="text-slate-400 mb-1">واحد</div>
                        <div class="font-medium text-slate-200">{{ $purchaseRequest->unit ?? '—' }}</div>
                    </div>
                </div>
            </div>

            <!-- یادداشت‌ها -->
            @if($purchaseRequest->notes)
            <div class="glass rounded-2xl p-6">
                <h2 class="text-xl font-bold mb-4 text-slate-200">یادداشت‌ها</h2>
                <div class="text-slate-300 whitespace-pre-wrap">{{ $purchaseRequest->notes }}</div>
            </div>
            @endif
        </div>

        <!-- Sidebar -->
        <div class="space-y-6">
            <!-- اطلاعات اضافی -->
            <div class="glass rounded-2xl p-6">
                <h2 class="text-xl font-bold mb-4 text-slate-200">اطلاعات اضافی</h2>
                <div class="space-y-4 text-sm">
                    <div>
                        <div class="text-slate-400 mb-1">کارشناس فروش</div>
                        <div class="font-medium text-slate-200">{{ optional($purchaseRequest->salesUser)->name ?? '—' }}</div>
                    </div>
                    @if($purchaseRequest->customer_name)
                    <div>
                        <div class="text-slate-400 mb-1">نام مشتری</div>
                        <div class="font-medium text-slate-200">{{ $purchaseRequest->customer_name }}</div>
                    </div>
                    @endif
                    @if($purchaseRequest->request_number)
                    <div>
                        <div class="text-slate-400 mb-1">شماره درخواست</div>
                        <div class="font-medium text-slate-200">{{ $purchaseRequest->request_number }}</div>
                    </div>
                    @endif
                    @if($purchaseRequest->estimated_amount)
                    <div>
                        <div class="text-slate-400 mb-1">مبلغ تخمینی</div>
                        <div class="font-medium text-slate-200">{{ number_format($purchaseRequest->estimated_amount) }} {{ $purchaseRequest->currency ?? 'تومان' }}</div>
                    </div>
                    @endif
                    @if($purchaseRequest->required_date)
                    <div>
                        <div class="text-slate-400 mb-1">تاریخ مورد نیاز</div>
                        <div class="font-medium text-slate-200">{{ \Morilog\Jalali\Jalalian::fromDateTime($purchaseRequest->required_date)->format('Y/m/d') }}</div>
                    </div>
                    @endif
                </div>
            </div>

            <!-- عملیات -->
            @if($purchaseRequest->canBeEdited())
            <div class="glass rounded-2xl p-6">
                <h2 class="text-xl font-bold mb-4 text-slate-200">عملیات</h2>
                <div class="space-y-3">
                    <a href="{{ route('sales.purchase_requests.edit', $purchaseRequest) }}" class="block w-full px-4 py-2 bg-yellow-600 hover:bg-yellow-700 text-white rounded-lg text-center transition">
                        ویرایش درخواست
                    </a>
                </div>
            </div>
            @endif
        </div>
    </div>
</div>
@endsection