@extends('layouts.panel')

@section('title', app(\App\Services\TitleService::class)->generate())

@push('styles')
<style>
    .glass {
        background: rgba(255, 255, 255, 0.05);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.1);
    }
</style>
@endpush

@section('content')
<div class="space-y-6">
    <!-- Header -->
    <div class="flex items-center justify-between">
        <div>
            <h1 class="text-2xl font-bold text-slate-100">مشاهده استعلام قیمت</h1>
            <p class="text-slate-400 mt-1">شماره استعلام: #{{ $session->id }}</p>
        </div>
        <div class="flex items-center gap-3">
            <a href="{{ route('price.inquiry.edit', $session->id) }}" class="px-4 py-2 rounded-xl bg-white/10 hover:bg-white/20 text-slate-200">
                <i class="fas fa-edit ml-2"></i>
                ویرایش
            </a>
            <a href="{{ route('price.inquiry.list') }}" class="px-4 py-2 rounded-xl bg-white/10 hover:bg-white/20 text-slate-200">
                <i class="fas fa-arrow-right ml-2"></i>
                بازگشت
            </a>
        </div>
    </div>

    <!-- Basic Information -->
    <div class="glass rounded-xl p-6">
        <h2 class="text-xl font-bold mb-4 text-slate-200">اطلاعات پایه</h2>
        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
            <div>
                <div class="text-slate-400 text-sm mb-1">نام محصول</div>
                <div class="font-semibold text-slate-200">{{ $session->product_name }}</div>
            </div>
            <div>
                <div class="text-slate-400 text-sm mb-1">مقدار</div>
                <div class="font-semibold text-slate-200">{{ $session->formatted_quantity }}</div>
            </div>
            <div>
                <div class="text-slate-400 text-sm mb-1">تاریخ ثبت</div>
                <div class="font-semibold text-slate-200">{{ jdate($session->created_at)->format('Y/m/d H:i') }}</div>
            </div>
        </div>
    </div>

    <!-- Offers -->
    <div class="glass rounded-xl p-6">
        <h2 class="text-xl font-bold mb-4 text-slate-200">پیشنهادهای تامین‌کنندگان</h2>
        
        <div class="overflow-x-auto">
            <table class="min-w-full text-sm">
                <thead class="bg-slate-700/40">
                    <tr>
                        <th class="px-3 py-2 text-right text-slate-300">تامین‌کننده</th>
                        <th class="px-2 py-2 text-center text-slate-300" dir="ltr">قیمت رسمی</th>
                        <th class="px-2 py-2 text-center text-slate-300" dir="ltr">قیمت غیررسمی</th>
                        <th class="px-3 py-2 text-right text-slate-300">گرید</th>
                        <th class="px-3 py-2 text-right text-slate-300">برند</th>
                        <th class="px-3 py-2 text-right text-slate-300">کشور</th>
                        <th class="px-3 py-2 text-right text-slate-300">بسته‌بندی</th>
                        <th class="px-3 py-2 text-right text-slate-300">یادداشت</th>
                    </tr>
                </thead>
                <tbody class="divide-y divide-white/10">
                    @foreach(($offers ?? $session->offers ?? []) as $offer)
                        <tr>
                            <td class="px-3 py-2 text-slate-200">{{ !empty($offer['supplier_name']) ? $offer['supplier_name'] : 'نامشخص' }}</td>
                            <td class="px-2 py-2 text-slate-200 text-center" dir="ltr">{{ isset($offer['official_price']) && $offer['official_price'] !== null ? number_format($offer['official_price']) . ' تومان' : '-' }}</td>
                            <td class="px-2 py-2 text-slate-200 text-center" dir="ltr">{{ isset($offer['unofficial_price']) && $offer['unofficial_price'] !== null ? number_format($offer['unofficial_price']) . ' تومان' : '-' }}</td>
                            <td class="px-3 py-2 text-slate-200">{{ $offer['grade'] ?? '-' }}</td>
                            <td class="px-3 py-2 text-slate-200">{{ $offer['brand'] ?? '-' }}</td>
                            <td class="px-3 py-2 text-slate-200">{{ $offer['country'] ?? '-' }}</td>
                            <td class="px-3 py-2 text-slate-200">{{ $offer['packaging'] ?? '-' }}</td>
                            <td class="px-3 py-2 text-slate-200">{{ $offer['notes'] ?? '-' }}</td>
                        </tr>
                    @endforeach
                    @if(empty($offers ?? $session->offers) || count($offers ?? $session->offers ?? []) === 0)
                        <tr>
                            <td colspan="8" class="px-3 py-6 text-center text-slate-400">هیچ پیشنهادی ثبت نشده است.</td>
                        </tr>
                    @endif
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection