@extends('layouts.app')
@section('title', 'أمر شراء')
@section('page_title', 'أمر الشراء ' . $purchase->code)
@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('purchases.index') }}">المشتريات</a></li>
    <li class="breadcrumb-item active">{{ $purchase->code }}</li>
@endsection

@section('page_actions')
    @if ($purchase->status === 'draft')
        @can('purchases.edit')
            <a href="{{ route('purchases.edit', $purchase) }}" class="btn btn-light"><i class="fa-solid fa-pen ms-2"></i>تعديل</a>
            <button class="btn btn-success"
                    onclick="confirmAction('{{ route('purchases.receive', $purchase) }}', 'تأكيد الاستلام', 'سيتم إضافة الكميات إلى المخزون ولا يمكن التراجع.', '#198754')">
                <i class="fa-solid fa-truck-ramp-box ms-2"></i>تأكيد الاستلام
            </button>
        @endcan
    @endif
    @can('devices.create')
        @if ($purchase->status === 'received')
            <a href="{{ route('devices.index') }}" class="btn btn-primary"><i class="fa-solid fa-barcode ms-2"></i>تسجيل أرقام IMEI</a>
        @endif
    @endcan
@endsection

@section('content')
<div class="row g-3">
    <div class="col-xl-4">
        <div class="card mb-3">
            <div class="card-body">
                <ul class="detail-list">
                    <li><span class="dl-label">رقم الأمر</span><span class="dl-value fw-bold">{{ $purchase->code }}</span></li>
                    <li><span class="dl-label">المورد</span><span class="dl-value">{{ $purchase->supplier?->name ?? '—' }}</span></li>
                    <li><span class="dl-label">التاريخ</span><span class="dl-value">{{ arabicDate($purchase->date) }}</span></li>
                    <li><span class="dl-label">فاتورة المورد</span><span class="dl-value">{{ $purchase->invoice_ref ?: '—' }}</span></li>
                    <li><span class="dl-label">الحالة</span><span class="dl-value">{!! badge($purchase->status_label, $purchase->status_color) !!}</span></li>
                    <li><span class="dl-label">أنشأه</span><span class="dl-value">{{ $purchase->creator?->name ?? '—' }}</span></li>
                </ul>
            </div>
        </div>

        <div class="card">
            <div class="card-header"><span><i class="fa-solid fa-calculator text-primary ms-2"></i>الملخص المالي</span></div>
            <div class="card-body">
                <ul class="detail-list">
                    <li><span class="dl-label">الإجمالي قبل الخصم</span><span class="dl-value">{{ currency($purchase->subtotal) }}</span></li>
                    <li><span class="dl-label">الخصم</span><span class="dl-value text-danger">- {{ currency($purchase->discount) }}</span></li>
                    <li><span class="dl-label">الضريبة</span><span class="dl-value">{{ currency($purchase->tax) }}</span></li>
                    <li><span class="dl-label">الإجمالي</span><span class="dl-value fw-bold h6 mb-0">{{ currency($purchase->total) }}</span></li>
                    <li><span class="dl-label">المدفوع</span><span class="dl-value text-success">{{ currency($purchase->paid_amount) }}</span></li>
                    <li><span class="dl-label">المتبقي</span>
                        <span class="dl-value fw-bold {{ $purchase->remaining > 0 ? 'text-danger' : 'text-success' }}">{{ currency($purchase->remaining) }}</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div class="col-xl-8">
        <div class="card mb-3">
            <div class="card-header"><span><i class="fa-solid fa-list text-primary ms-2"></i>الأصناف</span></div>
            <div class="card-body p-0 table-responsive">
                <table class="table table-hover mb-0 align-middle">
                    <thead class="table-light"><tr><th>المنتج</th><th>الكود</th><th>الكمية</th><th>سعر الوحدة</th><th>الإجمالي</th></tr></thead>
                    <tbody>
                    @foreach ($purchase->items as $item)
                        <tr>
                            <td>{{ $item->product?->name ?? '—' }}</td>
                            <td class="font-monospace small">{{ $item->product?->code }}</td>
                            <td>{{ (float) $item->quantity }}</td>
                            <td>{{ currency($item->price) }}</td>
                            <td class="fw-bold">{{ currency($item->total) }}</td>
                        </tr>
                    @endforeach
                    </tbody>
                </table>
            </div>
        </div>

        @if ($purchase->deviceUnits->isNotEmpty())
            <div class="card">
                <div class="card-header">
                    <span><i class="fa-solid fa-microchip text-info ms-2"></i>الأجهزة المسجّلة من هذا الأمر ({{ $purchase->deviceUnits->count() }})</span>
                </div>
                <div class="card-body p-0 table-responsive" style="max-height: 400px; overflow-y: auto">
                    <table class="table table-hover mb-0 align-middle">
                        <thead class="table-light"><tr><th>IMEI</th><th>الجهاز</th><th>الشريحة</th><th class="text-center">الحالة</th></tr></thead>
                        <tbody>
                        @foreach ($purchase->deviceUnits as $device)
                            <tr>
                                <td><a href="{{ route('devices.show', $device) }}" class="font-monospace text-decoration-none">{{ $device->imei }}</a></td>
                                <td class="small">{{ $device->product?->name }}</td>
                                <td class="small">{{ $device->sim_number ?: '—' }}</td>
                                <td class="text-center">{!! badge($device->status_label, $device->status_color) !!}</td>
                            </tr>
                        @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
        @endif

        @if ($purchase->notes)
            <div class="card mt-3">
                <div class="card-header"><span><i class="fa-solid fa-note-sticky text-warning ms-2"></i>ملاحظات</span></div>
                <div class="card-body"><p class="mb-0" style="white-space: pre-line">{{ $purchase->notes }}</p></div>
            </div>
        @endif
    </div>
</div>
@endsection