@extends('layouts.app')

@section('title', TranslationHelper::transFromDatabase('Inventory.ViewItemTitle', __('عرض الصنف')))

@section('content')
    <div class="min-h-screen bg-gradient-to-br from-slate-50 to-slate-100 py-8 px-4 md:px-8">
        <div class="max-w-4xl mx-auto">
            <div class="mb-8">
                <h1 class="text-3xl font-bold text-black">{{ $item->name }}</h1>
            </div>

            <div class="bg-white rounded-xl shadow-lg overflow-hidden border border-gray-200 p-6">
                <div class="grid grid-cols-2 gap-6">
                    <div>
                        <h3 class="text-sm font-semibold text-black mb-1">{{ TranslationHelper::transFromDatabase('General.Code', __('الكود')) }}</h3>
                        <p class="text-black">{{ $item->code ?? TranslationHelper::transFromDatabase('General.NotSpecified', __('غير محدد')) }}</p>
                    </div>
                    <div>
                        <h3 class="text-sm font-semibold text-black mb-1">{{ TranslationHelper::transFromDatabase('Inventory.Category', __('التصنيف')) }}</h3>
                        <p class="text-black">{{ $item->category->name ?? TranslationHelper::transFromDatabase('Inventory.Uncategorized', __('غير مصنف')) }}</p>
                    </div>
                    <div>
                        <h3 class="text-sm font-semibold text-black mb-1">{{ TranslationHelper::transFromDatabase('Inventory.PrimaryUnit', __('الوحدة الأساسية')) }}</h3>
                        <p class="text-black">{{ $item->primaryUnit->name ?? TranslationHelper::transFromDatabase('General.NotSpecified', __('غير محدد')) }}</p>
                    </div>
                    <div>
                        <h3 class="text-sm font-semibold text-black mb-1">{{ TranslationHelper::transFromDatabase('Inventory.PurchasePrice', __('سعر الشراء')) }}</h3>
                        <p class="text-black">{{ number_format($item->purchase_price, 2) }}</p>
                    </div>
                    <div>
                        <h3 class="text-sm font-semibold text-black mb-1">{{ TranslationHelper::transFromDatabase('Inventory.SalePrice', __('سعر البيع')) }}</h3>
                        <p class="text-black">{{ number_format($item->sale_price, 2) }}</p>
                    </div>
                    <div>
                        <h3 class="text-sm font-semibold text-black mb-1">{{ TranslationHelper::transFromDatabase('General.Status', __('الحالة')) }}</h3>
                        <p class="text-black">{{ $item->is_active ? TranslationHelper::transFromDatabase('Status.Active', __('نشط')) : TranslationHelper::transFromDatabase('Status.Inactive', __('غير نشط')) }}</p>
                    </div>
                </div>

                <div class="mt-8 flex gap-3">
                    @can('inventory.items.edit')
                        <a href="{{ route('inventory.items.edit', $item->id) }}"
                            class="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700">
                            {{ TranslationHelper::transFromDatabase('General.Edit', __('تعديل')) }}
                        </a>
                    @endcan
                    <a href="{{ route('inventory.items.index') }}"
                        class="px-4 py-2 bg-gray-200 text-black rounded-lg hover:bg-gray-300">
                        {{ TranslationHelper::transFromDatabase('General.Back', __('العودة')) }}
                    </a>
                </div>
            </div>
        </div>
    </div>
@endsection