@php
    $isEditable = $isEditable ?? true;
@endphp
<div class="space-y-6">
    <div class="text-center mb-6">
        <h2 class="text-xl font-semibold text-slate-200 mb-2">انتخاب تأمین‌کننده</h2>
        <p class="text-slate-400">پیشنهادات را مقایسه کرده و بهترین تأمین‌کننده را انتخاب کنید</p>
    </div>

    @if(isset($purchaseRequest) && $purchaseRequest->items->count() > 0)
        @foreach($purchaseRequest->items as $item)
        <div class="glass p-4 rounded-xl">
            <h3 class="text-lg font-medium text-slate-200 mb-4">
                {{ $item->product->name }} - {{ number_format($item->quantity, 3) }} {{ $item->unit ?? 'واحد' }}
            </h3>

            @if($item->offers->count() > 0)
                <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
                    @foreach($item->offers as $offer)
                    <div class="border border-slate-600 rounded-lg p-4 hover:border-slate-500 transition-colors
                        {{ $offer->is_selected ? 'ring-2 ring-green-500 bg-green-500/10' : '' }}">
                        <div class="flex items-center justify-between mb-3">
                            <h4 class="font-medium text-slate-200">{{ $offer->supplier->name }}</h4>
                            @if($offer->is_selected)
                                <span class="text-green-400 text-lg">✅</span>
                            @endif
                        </div>
                        
                        <div class="space-y-2 text-sm">
                            <div class="flex justify-between">
                                <span class="text-slate-400">قیمت:</span>
                                <span class="text-slate-200">{{ $offer->price ? number_format($offer->price) : 'نامشخص' }} {{ $offer->currency }}</span>
                            </div>
                            <div class="flex justify-between">
                                <span class="text-slate-400">مدت تحویل:</span>
                                <span class="text-slate-200">{{ $offer->delivery_days ?: 'نامشخص' }} روز</span>
                            </div>
                            @if($offer->grade)
                            <div class="flex justify-between">
                                <span class="text-slate-400">گرید:</span>
                                <span class="text-slate-200">{{ $offer->grade }}</span>
                            </div>
                            @endif
                            @if($offer->purity)
                            <div class="flex justify-between">
                                <span class="text-slate-400">خلوص:</span>
                                <span class="text-slate-200">{{ $offer->purity }}</span>
                            </div>
                            @endif
                        </div>
                        
                        <div class="mt-4 text-center">
                            @if($isEditable)
                                @if(!$offer->is_selected)
                                <button type="button" onclick="selectOffer({{ $item->id }}, {{ $offer->id }})" 
                                        class="btn-primary w-full">
                                    <span class="text-lg">✅</span>
                                    انتخاب این پیشنهاد
                                </button>
                                @else
                                <button type="button" onclick="deselectOffer({{ $item->id }}, {{ $offer->id }})" 
                                        class="btn-secondary w-full">
                                    <span class="text-lg">❌</span>
                                    لغو انتخاب
                                </button>
                                @endif
                            @else
                                <span class="text-slate-500 text-sm">غیرقابل ویرایش</span>
                            @endif
                        </div>
                    </div>
                    @endforeach
                </div>
                
                @if(!$item->hasSelectedOffer())
                <div class="mt-4 p-3 bg-yellow-500/20 border border-yellow-500/30 rounded-lg">
                    <p class="text-yellow-300 text-sm text-center">
                        ⚠️ هیچ پیشنهادی برای این محصول انتخاب نشده است
                    </p>
                </div>
                @endif
            @else
                <div class="text-center py-8 text-slate-400">
                    <div class="text-3xl mb-2">🏢</div>
                    <p>هیچ پیشنهادی برای این محصول ثبت نشده است.</p>
                    <p class="text-sm mt-1">به مرحله قبل برگردید و پیشنهادات را اضافه کنید.</p>
                </div>
            @endif
        </div>
        @endforeach
    @else
        <div class="text-center py-12 text-slate-400">
            <div class="text-4xl mb-2">📦</div>
            <p>ابتدا باید محصولاتی اضافه کنید.</p>
            <p class="text-sm mt-1">به مرحله اول برگردید و محصولات را اضافه کنید.</p>
        </div>
    @endif
</div>

@push('scripts')
<script>
function selectOffer(itemId, offerId) {
    if (confirm('آیا از انتخاب این پیشنهاد اطمینان دارید؟')) {
        fetch(`/admin/purchase-requests/{{ $purchaseRequest->id ?? 'PR_ID' }}/items/${itemId}/offers/${offerId}`.replace('PR_ID', '{{ $purchaseRequest->id ?? "" }}'), {
            method: 'PUT',
            headers: {
                'X-CSRF-TOKEN': '{{ csrf_token() }}',
                'Accept': 'application/json',
                'Content-Type': 'application/json',
            },
            body: JSON.stringify({
                is_selected: true
            }),
        })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                alert(data.message);
                window.location.reload();
            } else {
                alert('خطا: ' + data.message);
            }
        })
        .catch(error => {
            console.error('Error:', error);
            alert('خطا در ارتباط با سرور');
        });
    }
}

function deselectOffer(itemId, offerId) {
    if (confirm('آیا از لغو انتخاب این پیشنهاد اطمینان دارید؟')) {
        fetch(`/admin/purchase-requests/{{ $purchaseRequest->id ?? 'PR_ID' }}/items/${itemId}/offers/${offerId}`.replace('PR_ID', '{{ $purchaseRequest->id ?? "" }}'), {
            method: 'PUT',
            headers: {
                'X-CSRF-TOKEN': '{{ csrf_token() }}',
                'Accept': 'application/json',
                'Content-Type': 'application/json',
            },
            body: JSON.stringify({
                is_selected: false
            }),
        })
        .then(response => response.json())
        .then(data => {
            if (data.success) {
                alert(data.message);
                window.location.reload();
            } else {
                alert('خطا: ' + data.message);
            }
        })
        .catch(error => {
            console.error('Error:', error);
            alert('خطا در ارتباط با سرور');
        });
    }
}
</script>
@endpush