@extends('layouts.panel')

@section('title', 'جزئیات سفارش خرید ' . $purchaseOrder->po_number . ' - منیجینو ابزار برای مدیریت خرید و فروش مواد شیمیایی ابزار برای مدیریت خرید و فروش مواد شیمیایی')
@section('meta_description', 'مشاهده وضعیت، آیتم‌ها و فایل‌های سفارش خرید در منیجینو ابزار برای مدیریت خرید و فروش مواد شیمیایی ابزار برای مدیریت خرید و فروش مواد شیمیایی')

@section('content')
<div class="space-y-6">
    <!-- Header -->
    <div class="flex items-center justify-between">
        <div>
            <h1 class="text-2xl font-bold text-slate-200">سفارش خرید {{ $purchaseOrder->po_number }}</h1>
            <p class="text-slate-400 mt-1">
                وضعیت: <span class="inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium {{ $purchaseOrder->status_color }} text-white">
                    {{ $purchaseOrder->status_label }}
                </span>
            </p>
        </div>
        
        <div class="flex items-center gap-3">
            @if($purchaseOrder->canTransitionTo('sent'))
                @can('send', $purchaseOrder)
                <form method="POST" action="{{ route('purchase_orders.send', $purchaseOrder) }}" class="inline">
                    @csrf
                    <button type="submit" class="btn-success" onclick="return confirm('آیا از ارسال این سفارش خرید اطمینان دارید؟')">
                        <span class="text-lg">📤</span>
                        ارسال
                    </button>
                </form>
                @endcan
            @endif
            
            @if($purchaseOrder->canTransitionTo('confirmed'))
                @can('confirm', $purchaseOrder)
                <form method="POST" action="{{ route('purchase_orders.confirm', $purchaseOrder) }}" class="inline">
                    @csrf
                    <button type="submit" class="btn-warning" onclick="return confirm('آیا از تأیید این سفارش خرید اطمینان دارید؟')">
                        <span class="text-lg">✅</span>
                        تأیید
                    </button>
                </form>
                @endcan
            @endif
            
            @if($purchaseOrder->canTransitionTo('partially_received'))
                @can('markPartiallyReceived', $purchaseOrder)
                <form method="POST" action="{{ route('purchase_orders.partially_received', $purchaseOrder) }}" class="inline">
                    @csrf
                    <button type="submit" class="btn-info" onclick="return confirm('آیا از علامت‌گذاری این سفارش خرید به عنوان نیمه دریافت شده اطمینان دارید؟')">
                        <span class="text-lg">📦</span>
                        نیمه دریافت شده
                    </button>
                </form>
                @endcan
            @endif
            
            @if($purchaseOrder->canTransitionTo('received'))
                @can('markReceived', $purchaseOrder)
                <form method="POST" action="{{ route('purchase_orders.received', $purchaseOrder) }}" class="inline">
                    @csrf
                    <button type="submit" class="btn-success" onclick="return confirm('آیا از علامت‌گذاری این سفارش خرید به عنوان دریافت شده اطمینان دارید؟')">
                        <span class="text-lg">📥</span>
                        دریافت شده
                    </button>
                </form>
                @endcan
            @endif
            
            @if($purchaseOrder->canTransitionTo('closed'))
                @can('close', $purchaseOrder)
                <form method="POST" action="{{ route('purchase_orders.close', $purchaseOrder) }}" class="inline">
                    @csrf
                    <button type="submit" class="btn-secondary" onclick="return confirm('آیا از بستن این سفارش خرید اطمینان دارید؟')">
                        <span class="text-lg">🔒</span>
                        بستن
                    </button>
                </form>
                @endcan
            @endif
            
            @if($purchaseOrder->canTransitionTo('canceled'))
                @can('cancel', $purchaseOrder)
                <form method="POST" action="{{ route('purchase_orders.cancel', $purchaseOrder) }}" class="inline">
                    @csrf
                    <button type="submit" class="btn-danger" onclick="return confirm('آیا از لغو این سفارش خرید اطمینان دارید؟')">
                        <span class="text-lg">❌</span>
                        لغو
                    </button>
                </form>
                @endcan
            @endif
            
            @can('update', $purchaseOrder)
            <a href="{{ route('purchase_orders.edit', $purchaseOrder) }}" class="btn-warning">
                <span class="text-lg">✏️</span>
                ویرایش
            </a>
            @endcan
            
            <a href="{{ route('purchase_orders.index') }}" class="btn-secondary">
                <span class="text-lg">🔙</span>
                بازگشت
            </a>
        </div>
    </div>

    <!-- General Information -->
    <div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
        <!-- Supplier Information -->
        <div class="glass p-6 rounded-xl">
            <h2 class="text-xl font-semibold text-slate-200 mb-4">اطلاعات تامین کننده</h2>
            <div class="space-y-3">
                <div>
                    <span class="text-slate-400 text-sm">نام:</span>
                    <p class="text-slate-200 font-medium mt-1">{{ $purchaseOrder->supplier->name }}</p>
                </div>
                @if($purchaseOrder->supplier->email)
                <div>
                    <span class="text-slate-400 text-sm">ایمیل:</span>
                    <p class="text-slate-200 font-medium mt-1">{{ $purchaseOrder->supplier->email }}</p>
                </div>
                @endif
                @if($purchaseOrder->supplier->phone)
                <div>
                    <span class="text-slate-400 text-sm">تلفن:</span>
                    <p class="text-slate-200 font-medium mt-1">{{ $purchaseOrder->supplier->phone }}</p>
                </div>
                @endif
                @if($purchaseOrder->supplier->address)
                <div>
                    <span class="text-slate-400 text-sm">آدرس:</span>
                    <p class="text-slate-200 font-medium mt-1">{{ $purchaseOrder->supplier->address }}</p>
                </div>
                @endif
            </div>
        </div>

        <!-- Purchase Order Meta -->
        <div class="glass p-6 rounded-xl">
            <h2 class="text-xl font-semibold text-slate-200 mb-4">اطلاعات سفارش</h2>
            <div class="space-y-3">
                <div>
                    <span class="text-slate-400 text-sm">شماره PO:</span>
                    <p class="text-slate-200 font-medium mt-1 font-mono">{{ $purchaseOrder->po_number }}</p>
                </div>
                @if($purchaseOrder->purchaseRequest)
                <div>
                    <span class="text-slate-400 text-sm">درخواست خرید:</span>
                    <p class="text-slate-200 font-medium mt-1">
                        <a href="{{ route('admin.purchase-requests.show', $purchaseOrder->purchaseRequest) }}" 
                           class="text-blue-400 hover:text-blue-300">PR #{{ $purchaseOrder->purchaseRequest->id }}</a>
                    </p>
                </div>
                @endif
                <div>
                    <span class="text-slate-400 text-sm">ارز:</span>
                    <p class="text-slate-200 font-medium mt-1">{{ $purchaseOrder->currency }}</p>
                </div>
                <div>
                    <span class="text-slate-400 text-sm">تاریخ صدور:</span>
                    <p class="text-slate-200 font-medium mt-1">
                        {{ $purchaseOrder->issue_date ? $purchaseOrder->issue_date->format('Y/m/d') : 'تعیین نشده' }}
                    </p>
                </div>
                <div>
                    <span class="text-slate-400 text-sm">تاریخ سررسید:</span>
                    <p class="text-slate-200 font-medium mt-1">
                        {{ $purchaseOrder->due_date ? $purchaseOrder->due_date->format('Y/m/d') : 'تعیین نشده' }}
                    </p>
                </div>
                @if($purchaseOrder->notes)
                <div>
                    <span class="text-slate-400 text-sm">یادداشت‌ها:</span>
                    <p class="text-slate-200 font-medium mt-1">{{ $purchaseOrder->notes }}</p>
                </div>
                @endif
            </div>
        </div>
    </div>

    <!-- Items Table -->
    <div class="glass rounded-xl overflow-hidden">
        <div class="p-6 border-b border-slate-700">
            <h2 class="text-xl font-semibold text-slate-200">آیتم‌های سفارش</h2>
        </div>
        <div class="overflow-x-auto">
            <table class="min-w-full divide-y divide-slate-700">
                <thead class="bg-slate-800/50">
                    <tr>
                        <th class="px-6 py-3 text-right text-xs font-medium text-slate-300 uppercase tracking-wider">محصول</th>
                        <th class="px-6 py-3 text-right text-xs font-medium text-slate-300 uppercase tracking-wider">تعداد</th>
                        <th class="px-6 py-3 text-right text-xs font-medium text-slate-300 uppercase tracking-wider">قیمت واحد</th>
                        <th class="px-6 py-3 text-right text-xs font-medium text-slate-300 uppercase tracking-wider">مبلغ کل</th>
                        <th class="px-6 py-3 text-right text-xs font-medium text-slate-300 uppercase tracking-wider">ویژگی‌ها</th>
                    </tr>
                </thead>
                <tbody class="bg-slate-800/30 divide-y divide-slate-700">
                    @forelse($purchaseOrder->items as $item)
                    <tr class="hover:bg-slate-700/30 transition-colors">
                        <td class="px-6 py-4 whitespace-nowrap">
                            <div class="text-sm font-medium text-slate-200">{{ $item->product->name }}</div>
                            <div class="text-xs text-slate-400">{{ $item->product->code ?: 'بدون کد' }}</div>
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap">
                            <div class="text-sm text-slate-200">{{ number_format($item->quantity, 3) }}</div>
                            @if($item->unit)
                            <div class="text-xs text-slate-400">{{ $item->unit }}</div>
                            @endif
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap">
                            <div class="text-sm text-slate-200">
                                {{ number_format($item->unit_price ?: 0) }} {{ $item->currency }}
                            </div>
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap">
                            <div class="text-sm font-medium text-slate-200">
                                {{ number_format($item->line_total ?: 0) }} {{ $item->currency }}
                            </div>
                        </td>
                        <td class="px-6 py-4 whitespace-nowrap">
                            <div class="text-xs text-slate-400 space-y-1">
                                @if($item->grade)
                                <div>درجه: {{ $item->grade }}</div>
                                @endif
                                @if($item->purity)
                                <div>خلوص: {{ $item->purity }}</div>
                                @endif
                                @if($item->packaging)
                                <div>بسته‌بندی: {{ $item->packaging }}</div>
                                @endif
                            </div>
                        </td>
                    </tr>
                    @empty
                    <tr>
                        <td colspan="5" class="px-6 py-8 text-center text-slate-400">
                            هیچ آیتمی در این سفارش خرید وجود ندارد.
                        </td>
                    </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    <!-- Summary -->
    <div class="glass p-6 rounded-xl">
        <h2 class="text-xl font-semibold text-slate-200 mb-4">خلاصه مالی</h2>
        <div class="grid grid-cols-1 md:grid-cols-3 gap-6">
            <div class="text-center">
                <span class="text-slate-400 text-sm">جمع آیتم‌ها</span>
                <p class="text-2xl font-bold text-slate-200 mt-1">
                    {{ number_format($purchaseOrder->calculated_subtotal) }} {{ $purchaseOrder->currency }}
                </p>
            </div>
            <div class="text-center">
                <span class="text-slate-400 text-sm">هزینه‌های اضافی</span>
                <p class="text-2xl font-bold text-slate-200 mt-1">
                    {{ number_format($purchaseOrder->extra_costs ?: 0) }} {{ $purchaseOrder->currency }}
                </p>
            </div>
            <div class="text-center">
                <span class="text-slate-400 text-sm">مبلغ کل</span>
                <p class="text-3xl font-bold text-blue-400 mt-1">
                    {{ number_format($purchaseOrder->calculated_total) }} {{ $purchaseOrder->currency }}
                </p>
            </div>
        </div>
    </div>

    <!-- Attachments -->
    <div class="glass rounded-xl overflow-hidden">
        <div class="p-6 border-b border-slate-700">
            <h2 class="text-xl font-semibold text-slate-200">پیوست‌ها</h2>
        </div>
        
        <div class="p-6">
            @if($purchaseOrder->attachments->isNotEmpty())
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mb-6">
                @foreach($purchaseOrder->attachments as $attachment)
                <div class="bg-slate-700/50 rounded-lg p-4">
                    <div class="flex items-center justify-between mb-2">
                        <div class="text-sm font-medium text-slate-200 truncate">{{ $attachment->original_name }}</div>
                        <form method="POST" action="{{ route('purchase_orders.attachments.destroy', [$purchaseOrder, $attachment]) }}" class="inline">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="text-red-400 hover:text-red-300 transition-colors" 
                                    onclick="return confirm('آیا از حذف این فایل اطمینان دارید؟')">
                                <span class="text-lg">🗑️</span>
                            </button>
                        </form>
                    </div>
                    <div class="text-xs text-slate-400 mb-2">
                        {{ $attachment->human_size }} • {{ $attachment->mime }}
                    </div>
                    <a href="{{ $attachment->url }}" target="_blank" 
                       class="inline-flex items-center gap-2 text-blue-400 hover:text-blue-300 text-sm transition-colors">
                        <span class="text-lg">📄</span>
                        دانلود
                    </a>
                </div>
                @endforeach
            </div>
            @else
            <div class="text-center text-slate-400 py-8">
                <span class="text-4xl block mb-2">📎</span>
                <p>هیچ پیوستی برای این سفارش خرید وجود ندارد.</p>
            </div>
            @endif

            @can('update', $purchaseOrder)
            <form method="POST" action="{{ route('purchase_orders.attachments.store', $purchaseOrder) }}" 
                  enctype="multipart/form-data" class="border-t border-slate-700 pt-6">
                @csrf
                <div class="flex items-center gap-4">
                    <input type="file" name="attachment" required 
                           class="flex-1 px-3 py-2 bg-slate-700 border border-slate-600 rounded-lg text-slate-200 
                                  file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 
                                  file:text-sm file:font-medium file:bg-blue-600 file:text-white 
                                  hover:file:bg-blue-700 file:cursor-pointer">
                    <button type="submit" class="btn-primary">
                        <span class="text-lg">📤</span>
                        آپلود فایل
                    </button>
                </div>
            </form>
            @endcan
        </div>
    </div>
</div>

<style>
.btn-primary {
    @apply inline-flex items-center gap-2 px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white font-medium rounded-lg transition-colors;
}

.btn-secondary {
    @apply inline-flex items-center gap-2 px-4 py-2 bg-slate-600 hover:bg-slate-700 text-white font-medium rounded-lg transition-colors;
}

.btn-success {
    @apply inline-flex items-center gap-2 px-4 py-2 bg-green-600 hover:bg-green-700 text-white font-medium rounded-lg transition-colors;
}

.btn-warning {
    @apply inline-flex items-center gap-2 px-4 py-2 bg-yellow-600 hover:bg-yellow-700 text-white font-medium rounded-lg transition-colors;
}

.btn-info {
    @apply inline-flex items-center gap-2 px-4 py-2 bg-cyan-600 hover:bg-cyan-700 text-white font-medium rounded-lg transition-colors;
}

.btn-danger {
    @apply inline-flex items-center gap-2 px-4 py-2 bg-red-600 hover:bg-red-700 text-white font-medium rounded-lg transition-colors;
}
</style>
@endsection