@extends('layouts.panel')

@section('content')
<div class="space-y-6">
    <div class="flex items-center justify-between">
        <div></div>
        <a href="{{ route(($routePrefix ?? 'admin.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="font-bold mb-4 text-slate-200">اطلاعات پایه</h2>
                <div class="grid grid-cols-2 md:grid-cols-3 gap-4 text-sm text-slate-300">
                    <div><div class="text-slate-400">درخواست‌دهنده</div><div class="font-medium">{{ optional($purchaseRequest->requester)->name ?? '—' }}</div></div>
                    <div><div class="text-slate-400">وضعیت</div><div class="font-medium">{{ $purchaseRequest->status_label }}</div></div>
                    <div><div class="text-slate-400">تاریخ ایجاد</div><div class="font-medium">{{ $purchaseRequest->inquiry_date ? jdate($purchaseRequest->inquiry_date)->format('Y/m/d') : (jdate($purchaseRequest->created_at)->format('Y/m/d H:i')) }}</div></div>
                    <div><div class="text-slate-400">نوع خرید</div><div class="font-medium">{{ $purchaseRequest->purchase_type === 'official' ? 'رسمی' : 'غیررسمی' }}</div></div>
                    <div><div class="text-slate-400">مقصد</div><div class="font-medium">{{ $purchaseRequest->destination === 'warehouse' ? 'برای انبار' : 'برای فروش' }}</div></div>
                    <div><div class="text-slate-400">بازاریاب</div><div class="font-medium">
                        @if($purchaseRequest->destination === 'warehouse')
                            انبار
                        @elseif($purchaseRequest->destination === 'sales')
                            {{ $purchaseRequest->salesUser ? ($purchaseRequest->salesUser->full_name ?? $purchaseRequest->salesUser->name ?? 'واحد فروش') : 'واحد فروش' }}
                        @else
                            —
                        @endif
                    </div></div>
                </div>
            </div>

            <div class="glass rounded-2xl p-6">
                <h2 class="font-bold mb-4 text-slate-200">محصولات و استعلام‌ها</h2>
                @forelse($purchaseRequest->items as $item)
                    <div class="border border-white/10 rounded-xl p-4 mb-4">
                        <div class="flex items-center justify-between">
                            <div class="font-bold text-slate-100">{{ optional($item->product)->name ?? ($item->product_name ?? '—') }}</div>
                            <div class="text-sm text-slate-400">مقدار: {{ number_format($item->quantity) }} {{ $item->unit }}</div>
                        </div>
                        <div class="mt-3 overflow-x-auto">
                            <table class="min-w-full text-sm">
                                <thead class="text-slate-400">
                                    <tr>
                                        <th class="text-right px-2 py-2">تامین‌کننده</th>
                                        <th class="text-right px-2 py-2">قیمت</th>
                                        <th class="text-right px-2 py-2">برند</th>
                                        <th class="text-right px-2 py-2">کشور</th>
                                        <th class="text-right px-2 py-2">انتخاب</th>
                                    </tr>
                                </thead>
                                <tbody class="divide-y divide-white/10">
                                    @forelse($item->offers as $offer)
                                        <tr>
                                            <td class="px-2 py-2">{{ optional($offer->supplier)->name ?? '—' }}</td>
                                            <td class="px-2 py-2">
                                                {{ $offer->price ? number_format($offer->price) . ' تومان' : '—' }}
                                                @if($offer->price)
                                                    <div class="text-xs text-slate-500 mt-1">فی قیمت</div>
                                                @endif
                                            </td>
                                            <td class="px-2 py-2">{{ $offer->brand ?: '—' }}</td>
                                            <td class="px-2 py-2">{{ $offer->country ?? '—' }}</td>
                                            <td class="px-2 py-2">@if($offer->is_selected)<span class="px-2 py-1 text-xs rounded-full bg-green-600 text-white">انتخاب‌شده</span>@endif</td>
                                        </tr>
                                    @empty
                                        <tr><td colspan="5" class="px-2 py-3 text-slate-500">استعلامی ثبت نشده است.</td></tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                @empty
                    <div class="text-slate-500">محصولی ثبت نشده است.</div>
                @endforelse
            </div>

            <div class="glass rounded-2xl p-6">
                <h3 class="font-bold mb-4 text-slate-200">جزئیات کامل استعلام‌های ثبت‌شده</h3>
                @forelse($purchaseRequest->items as $item)
                    <div class="border border-white/10 rounded-xl p-4 mb-4">
                        <div class="font-bold text-slate-100 mb-3">{{ optional($item->product)->name ?? ($item->product_name ?? '—') }}</div>
                        <div class="overflow-x-auto">
                            <table class="min-w-full text-sm">
                                <thead class="text-slate-400">
                                    <tr>
                                        <th class="text-right px-2 py-2">تامین‌کننده</th>
                                        <th class="text-right px-2 py-2">قیمت</th>
                                        <th class="text-right px-2 py-2">واحد پول</th>
                                        <th class="text-right px-2 py-2">برند</th>
                                        <th class="text-right px-2 py-2">کشور</th>
                                        <th class="text-right px-2 py-2">گرید</th>
                                        <th class="text-right px-2 py-2">بسته‌بندی</th>
                                        <th class="text-right px-2 py-2">تاریخ استعلام</th>
                                        <th class="text-right px-2 py-2">انتخاب‌شده؟</th>
                                    </tr>
                                </thead>
                                <tbody class="divide-y divide-white/10">
                                    @forelse($item->offers as $offer)
                                        <tr>
                                            <td class="px-2 py-2">{{ optional($offer->supplier)->name ?? '—' }}</td>
                                            <td class="px-2 py-2">
                                                {{ $offer->price ? number_format($offer->price) . ' تومان' : '—' }}
                                                @if($offer->price)
                                                    <div class="text-xs text-slate-500 mt-1">فی قیمت</div>
                                                @endif
                                            </td>
                                            <td class="px-2 py-2">{{ $offer->currency ?? 'تومان' }}</td>
                                            <td class="px-2 py-2">{{ $offer->brand ?: '—' }}</td>
                                            <td class="px-2 py-2">{{ $offer->country ?: '—' }}</td>
                                            <td class="px-2 py-2">{{ $offer->grade ?: '—' }}</td>
                                            <td class="px-2 py-2">{{ $offer->packaging ?: '—' }}</td>
                                            <td class="px-2 py-2">{{ $offer->quoted_at ? jdate($offer->quoted_at)->format('Y/m/d') : '—' }}</td>
                                            <td class="px-2 py-2">@if($offer->is_selected) بلی @else خیر @endif</td>
                                        </tr>
                                    @empty
                                        <tr><td colspan="10" class="px-2 py-3 text-slate-500">جزئیاتی ثبت نشده است.</td></tr>
                                    @endforelse
                                </tbody>
                            </table>
                        </div>
                        @php
                            $conditions = collect($item->offers)
                                ->map(function($o){
                                    $text = trim((string)($o->conditions ?? ''));
                                    if ($text === '') { $text = trim((string)($o->notes ?? '')); }
                                    return [
                                        'supplier' => optional($o->supplier)->name,
                                        'text' => $text,
                                    ];
                                })
                                ->filter(fn($r) => $r['text'] !== '')
                                ->values();
                        @endphp
                        @if($conditions->count())
                            <div class="mt-4">
                                <div class="text-slate-200 font-semibold mb-2 flex items-center gap-2">
                                    <span class="text-lg">📝</span>
                                    <span>شرایط خرید تامین‌کنندگان</span>
                                </div>
                                <div class="grid gap-2">
                                    @foreach($conditions as $c)
                                        <div class="rounded-lg border border-slate-800 bg-slate-900/40 p-3">
                                            <div class="text-xs text-slate-400 mb-1">{{ $c['supplier'] ?: '—' }}</div>
                                            <div class="text-sm text-slate-200 leading-relaxed">{{ $c['text'] }}</div>
                                        </div>
                                    @endforeach
                                </div>
                            </div>
                        @endif
                    </div>
                @empty
                    <div class="text-slate-500">محصولی ثبت نشده است.</div>
                @endforelse
            </div>
        </div>

        <div class="space-y-6">
            <div class="glass rounded-2xl p-6">
                <h2 class="font-bold mb-4 text-slate-200">جمع‌کل و هزینه‌ها</h2>
                
                <!-- Accounting Table -->
                <div class="overflow-x-auto mb-4">
                    <table class="min-w-full text-sm">
                        <thead class="text-slate-400 border-b border-white/10">
                            <tr>
                                <th class="text-right px-4 py-3">نام محصول</th>
                                <th class="text-right px-4 py-3">مقدار درخواستی</th>
                                <th class="text-right px-4 py-3">فی هر واحد</th>
                                <th class="text-right px-4 py-3">قیمت کل</th>
                            </tr>
                        </thead>
                        <tbody class="divide-y divide-white/10">
                            @php
                                $totalItemsPrice = 0;
                            @endphp
                            @forelse($purchaseRequest->items as $item)
                                @php
                                    $selectedOffer = $item->offers->where('is_selected', true)->first();
                                    $unitPrice = $selectedOffer ? $selectedOffer->price : 0;
                                    $itemTotal = $unitPrice * $item->quantity;
                                    $totalItemsPrice += $itemTotal;
                                @endphp
                                <tr>
                                    <td class="px-4 py-3 text-slate-200">{{ optional($item->product)->name ?? ($item->product_name ?? '—') }}</td>
                                    <td class="px-4 py-3 text-slate-200">{{ number_format($item->quantity, 0) }} {{ $item->unit }}</td>
                                    <td class="px-4 py-3 text-slate-200">{{ number_format($unitPrice) }} تومان</td>
                                    <td class="px-4 py-3 text-slate-200 font-semibold">{{ number_format($itemTotal) }} تومان</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="4" class="px-4 py-3 text-slate-400 text-center">محصولی ثبت نشده است.</td>
                                </tr>
                            @endforelse
                        </tbody>
                        <tfoot class="border-t-2 border-white/20">
                            @php
                                $costsTotal = $purchaseRequest->costs->sum('amount');
                                $subtotal = $totalItemsPrice + $costsTotal;
                                $isOfficial = $purchaseRequest->purchase_type === 'official';
                                $vat = $isOfficial ? floor($subtotal * 0.10) : 0;
                                $grandTotal = $subtotal + $vat;
                            @endphp
                            <tr>
                                <td colspan="3" class="px-4 py-3 text-slate-400 text-right">جمع آیتم‌ها:</td>
                                <td class="px-4 py-3 text-slate-200 font-semibold">{{ number_format($totalItemsPrice) }} تومان</td>
                            </tr>
                            @if($purchaseRequest->costs->count() > 0)
                            <tr>
                                <td colspan="3" class="px-4 py-3 text-slate-400 text-right">هزینه‌های اضافی:</td>
                                <td class="px-4 py-3 text-slate-200 font-semibold">{{ number_format($costsTotal) }} تومان</td>
                            </tr>
                            @endif
                            @if($isOfficial && $vat > 0)
                            <tr>
                                <td colspan="3" class="px-4 py-3 text-slate-400 text-right">مالیات (۱۰٪):</td>
                                <td class="px-4 py-3 text-slate-200 font-semibold">{{ number_format($vat) }} تومان</td>
                            </tr>
                            @endif
                            <tr>
                                <td colspan="3" class="px-4 py-3 text-slate-300 font-bold text-right">
                                    جمع کل{{ $isOfficial ? ' (با احتساب ۱۰٪ مالیات)' : '' }}:
                                </td>
                                <td class="px-4 py-3 text-blue-400 font-bold text-lg">{{ number_format($grandTotal) }} تومان</td>
                            </tr>
                        </tfoot>
                    </table>
                </div>

                @if($purchaseRequest->costs->count() > 0)
                <div class="mt-4 pt-4 border-t border-white/10">
                    <h3 class="font-semibold mb-2 text-slate-300 text-sm">جزئیات هزینه‌های اضافی:</h3>
                    <table class="min-w-full text-sm">
                        <thead class="text-slate-400">
                            <tr><th class="text-right px-2 py-2">عنوان</th><th class="text-right px-2 py-2">مبلغ</th></tr>
                        </thead>
                        <tbody class="divide-y divide-white/10">
                            @foreach($purchaseRequest->costs as $cost)
                                <tr><td class="px-2 py-2 text-slate-300">{{ $cost->title }}</td><td class="px-2 py-2 text-slate-300">{{ number_format($cost->amount) }} تومان</td></tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
                @endif
            </div>

            <div class="glass rounded-2xl p-6">
                <h2 class="font-bold mb-4 text-slate-200">یادداشت‌ها</h2>
                @php
                    $rawNotes = $purchaseRequest->notes ?: '';
                    // Remove legacy appended sales user id text
                    $cleanNotes = preg_replace('/\n?\s*مقصد\s+فروش\s+برای\s+کاربر\s+ID:\s*\d+\s*/u', '', (string)$rawNotes);
                    // Remove appended payer details JSON block
                    $cleanNotes = preg_replace('/\n?\s*جزئیات\s+پرداخت\s*:\s*\{[\s\S]*?\}\s*/u', '', (string)$cleanNotes);
                    $cleanNotes = trim((string)$cleanNotes);
                @endphp
                <div class="text-sm text-slate-300">
                    <div class="mb-2">ثبت توسط: {{ optional($purchaseRequest->requester)->name ?? optional($purchaseRequest->requester)->username ?? '—' }}</div>
                    <div>{{ $cleanNotes !== '' ? $cleanNotes : '—' }}</div>
                </div>
            </div>

            <div class="glass rounded-2xl p-6">
                <h2 class="font-bold mb-4 text-slate-200">وضعیت نهایی</h2>
                @php
                    $hs = $purchaseRequest->history_status;
                    $last = is_array($hs) && count($hs) ? end($hs) : null;
                    $lastStatus = $last['status'] ?? (is_string($hs) ? $hs : null);
                @endphp
                @if($lastStatus === 'completed')
                    <span class="px-3 py-1 text-xs text-white bg-green-600 rounded-md">خرید انجام شده</span>
                @elseif($lastStatus === 'failed')
                    <div class="space-y-2">
                        <span class="px-3 py-1 text-xs text-white bg-red-600 rounded-md">خرید انجام نشد</span>
                        @if($purchaseRequest->failure_reason)
                            <div class="text-sm text-red-300">علت: {{ $purchaseRequest->failure_reason }}</div>
                        @endif
                    </div>
                @else
                    <span class="text-slate-400 text-sm">ثبت نشده</span>
                @endif
                <div class="mt-4">
                    <button type="button" class="px-3 py-1 text-xs text-white bg-slate-600 rounded-md hover:bg-slate-700 open-status-modal" data-id="{{ $purchaseRequest->id }}">آخرین وضعیت</button>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
(function(){
    function ensureHistoryStatusModal() {
        if (document.getElementById('historyStatusModal')) return;
        const modal = document.createElement('div');
        modal.id = 'historyStatusModal';
        modal.className = 'fixed inset-0 z-50 hidden items-center justify-center bg-black/50 backdrop-blur-sm';
        modal.innerHTML = `
            <div class="glass border rounded-2xl p-6 w-full max-w-md text-slate-100">
                <h3 class="text-lg font-bold mb-4">آخرین وضعیت خرید</h3>
                <div class="space-y-3">
                    <button id="hs-completed" class="w-full px-4 py-2 rounded-md bg-green-600 hover:bg-green-700">خرید انجام شد</button>
                    <div class="space-y-2">
                        <button id="hs-failed-toggle" class="w-full px-4 py-2 rounded-md bg-red-600 hover:bg-red-700">خرید انجام نشد</button>
                        <textarea id="hs-reason" class="w-full rounded-md bg-white/10 border border-white/20 p-3 hidden" rows="3" placeholder="علت را وارد کنید..."></textarea>
                        <button id="hs-submit-failed" class="w-full px-4 py-2 rounded-md bg-red-600 hover:bg-red-700 hidden">ثبت علت</button>
        </div>
                    <button id="hs-cancel" class="w-full px-4 py-2 rounded-md bg-slate-600 hover:bg-slate-700">بستن</button>
        </div>
            </div>`;
        document.body.appendChild(modal);
    }

    async function apiPostJson(url, payload) {
        const res = await fetch(url, {
            method: 'POST',
            headers: {
                'Content-Type': 'application/json',
                'Accept': 'application/json',
                'X-Requested-With': 'XMLHttpRequest',
                'X-CSRF-TOKEN': document.querySelector('meta[name="csrf-token"]').getAttribute('content')
            },
            body: JSON.stringify(payload || {})
        });
        if (!res.ok) {
            let msg = `خطا (${res.status})`;
            try {
                const ct = res.headers.get('content-type') || '';
                if (res.status === 422 && ct.includes('application/json')) {
                    const data = await res.json();
                    const errors = data && data.errors ? data.errors : {};
                    const errorMessages = Object.values(errors).flat().join('\n') || (data.message || msg);
                    throw new Error(errorMessages);
                }
                if (ct.includes('application/json')) {
                    const data = await res.json();
                    throw new Error(data.message || msg);
                } else {
                    const text = await res.text();
                    throw new Error(text || msg);
                }
            } catch (e) { throw e instanceof Error ? e : new Error(msg); }
        }
        return res.json();
    }

    function openHistoryStatusModal(id) {
        ensureHistoryStatusModal();
        const modal = document.getElementById('historyStatusModal');
        const btnCompleted = document.getElementById('hs-completed');
        const btnFailedToggle = document.getElementById('hs-failed-toggle');
        const btnSubmitFailed = document.getElementById('hs-submit-failed');
        const reasonEl = document.getElementById('hs-reason');
        const btnCancel = document.getElementById('hs-cancel');
        // reset
        reasonEl.classList.add('hidden');
        btnSubmitFailed.classList.add('hidden');
        reasonEl.value = '';

        modal.classList.remove('hidden');
        modal.classList.add('flex');
        const close = () => { modal.classList.add('hidden'); modal.classList.remove('flex'); };
        btnCancel.onclick = close;
        modal.onclick = (e) => { if (e.target.id === 'historyStatusModal') close(); };

        btnCompleted.onclick = () => {
            apiPostJson(`{{ url('/admin/purchase-requests') }}/${id}/update-status`, { status: 'completed' })
                .then(() => { 
                    close(); 
                    if (window.customAlert) window.customAlert.success('ثبت شد', 'وضعیت خرید به انجام شده تغییر کرد');
                    window.location.reload();
                })
                .catch(err => { if (window.customAlert) window.customAlert.error('خطا', err.message || 'ثبت وضعیت انجام نشد'); });
        };

        btnFailedToggle.onclick = () => { reasonEl.classList.toggle('hidden'); btnSubmitFailed.classList.toggle('hidden'); };
        btnSubmitFailed.onclick = () => {
            const reason = reasonEl.value.trim();
            apiPostJson(`{{ url('/admin/purchase-requests') }}/${id}/update-status`, { status: 'failed', failure_reason: reason })
                .then(() => { 
                    close();
                    if (window.customAlert) window.customAlert.warning('ثبت شد', 'وضعیت به خرید انجام نشد ثبت شد');
                window.location.reload();
                })
                .catch(err => { if (window.customAlert) window.customAlert.error('خطا', err.message || 'ثبت وضعیت انجام نشد'); });
        };
    }

    document.addEventListener('click', (e) => {
        const btn = e.target.closest('.open-status-modal');
        if (btn && btn.dataset.id) {
            openHistoryStatusModal(btn.dataset.id);
        }
    });
})();
</script>
@endpush