@extends('layouts.admin', ['title' => 'تفاصيل كود مخزون | RaseedNow'])

@section('content')
    <section class="lc-page-shell">
        <div class="section-heading">
            <div>
                <span>Code Detail</span>
                <h1>{{ $code->productVariant->name_ar }}</h1>
            </div>
            <a class="secondary-button" href="{{ route('admin.stock-codes.index', ['product' => $code->product_variant_id]) }}">رجوع للمخزون</a>
        </div>

        @if(session('status'))
            <div class="mt-4 rounded border border-green-200 bg-green-50 p-3 text-sm text-green-700">{{ session('status') }}</div>
        @endif
        @if($errors->any())
            <div class="mt-4 rounded border border-red-200 bg-red-50 p-3 text-sm text-red-700">{{ $errors->first() }}</div>
        @endif

        <div class="mt-6 grid gap-5 lg:grid-cols-[1fr_340px]">
            <div class="surface p-5">
                <div class="grid gap-3 sm:grid-cols-2 lg:grid-cols-4">
                    <div class="metric-card"><span>الحالة</span><strong>{{ $code->status }}</strong></div>
                    <div class="metric-card"><span>الدفعة</span><strong>{{ $code->batch_reference ?? 'غير محدد' }}</strong></div>
                    <div class="metric-card"><span>Serial</span><strong>{{ $code->serial_number ?? 'غير محدد' }}</strong></div>
                    <div class="metric-card"><span>التكلفة</span><strong>{{ number_format($code->cost_minor / 100, 2) }}</strong></div>
                </div>

                <h2 class="mt-6 text-xl font-black text-[#17264d]">الكود</h2>
                <div class="mt-3 rounded-2xl border border-[#e0e8e3] bg-[#f7f8fb] p-4">
                    <span class="block text-xs font-black text-[#6e7488]">Masked</span>
                    <code class="mt-2 block break-all text-lg font-black text-[#17264d]">{{ $code->maskedCode() }}</code>
                </div>
                <div class="mt-3 rounded-2xl border border-amber-200 bg-amber-50 p-4">
                    <span class="block text-xs font-black text-amber-700">النص الكامل للأدمن فقط</span>
                    <code class="mt-2 block break-all text-base font-black text-amber-900">{{ $code->decryptedCode() }}</code>
                </div>

                <h2 class="mt-6 text-xl font-black text-[#17264d]">الربط التشغيلي</h2>
                <div class="mt-3 overflow-hidden rounded border border-[#e7e9ef]">
                    <div class="admin-row"><span>المنتج</span><strong>{{ $code->productVariant->sku }}</strong><em>{{ $code->productVariant->game->name_ar }}</em></div>
                    <div class="admin-row"><span>محجوز لطلب</span><strong>{{ $code->reservedOrder?->order_number ?? 'لا يوجد' }}</strong><em>{{ $code->reserved_at?->format('Y-m-d H:i') ?? '-' }}</em></div>
                    <div class="admin-row"><span>تم بيعه في بند</span><strong>{{ $code->sold_order_item_id ?? 'لا يوجد' }}</strong><em>{{ $code->sold_at?->format('Y-m-d H:i') ?? '-' }}</em></div>
                    <div class="admin-row"><span>المستورد</span><strong>{{ $code->importer?->display_name ?? $code->importer?->name ?? 'System' }}</strong><em>{{ $code->created_at->format('Y-m-d H:i') }}</em></div>
                </div>
            </div>

            <aside class="surface p-5">
                <h2 class="text-xl font-black text-[#17264d]">إجراءات</h2>
                @if($code->status === 'available')
                    <form class="mt-4 grid gap-3" method="POST" action="{{ route('admin.stock-codes.destroy', $code) }}">
                        @csrf
                        @method('DELETE')
                        <label class="form-field">
                            <span>سبب الإلغاء</span>
                            <input name="note" placeholder="اختياري">
                        </label>
                        <button class="secondary-button" type="submit">إلغاء الكود من المخزون</button>
                    </form>
                @else
                    <p class="mt-4 text-sm leading-7 text-[#6e7488]">هذا الكود ليس متاحاً، لذلك لا يمكن إلغاؤه من هنا.</p>
                @endif

                @if($code->import_note)
                    <h3 class="mt-6 font-black text-[#17264d]">ملاحظات</h3>
                    <p class="mt-2 whitespace-pre-line text-sm leading-7 text-[#6e7488]">{{ $code->import_note }}</p>
                @endif
            </aside>
        </div>
    </section>
@endsection