@extends('layouts.app')

@section('title', 'عرض أمر تصنيع')
@section('page_heading', $order->title)

@section('content')
@include('layouts.partials.workspace-page-styles')

@php
    $statusMap = ['draft' => ['label' => 'مسودة', 'class' => 'app-badge--secondary'], 'in_progress' => ['label' => 'قيد التنفيذ', 'class' => 'app-badge--warning'], 'completed' => ['label' => 'مكتمل', 'class' => 'app-badge--success'], 'canceled' => ['label' => 'ملغي', 'class' => 'app-badge--danger']];
    $typeMap = ['shop_stock' => 'تصنيع للمحل', 'customer_owned' => 'تصنيع شخصي للعميل', 'customer_returnable' => 'تصنيع للعميل ويرجع للمحل'];
    $s = $statusMap[$order->status] ?? ['label' => $order->status, 'class' => 'app-badge--secondary'];
@endphp

<div class="app-grid gap-4">
    <div class="xl:col-span-5">
        <div class="workspace-shell mb-4">
            <div class="workspace-body">
                <div class="collection-card__header">
                    <div class="collection-card__intro">
                        <span class="collection-card__icon"><i class="fa-solid fa-screwdriver-wrench"></i></span>
                        <div class="collection-card__title"><h2>ملخص الأمر</h2></div>
                    </div>
                    <div style="display:flex;align-items:center;gap:.5rem">
                        <span class="app-badge {{ $s['class'] }}">{{ $s['label'] }}</span>
                        <a href="{{ route('dashboard.manufacturing-orders.edit', $order) }}" class="app-btn app-btn--secondary app-btn--sm"><i class="fa-solid fa-pen"></i> تعديل</a>
                        <a href="{{ route('dashboard.manufacturing-orders.index') }}" class="app-btn app-btn--secondary app-btn--sm"><i class="fa-solid fa-arrow-right"></i> أوامر التصنيع</a>
                    </div>
                </div>

                <div class="flex flex-col gap-3 mt-4">
                    <div class="flex justify-between"><span class="text-slate-500 dark:text-slate-400 font-bold" style="font-size:.8rem">المرجع</span><span class="font-bold">{{ $order->reference_code }}</span></div>
                    <div class="flex justify-between"><span class="text-slate-500 dark:text-slate-400 font-bold" style="font-size:.8rem">{{ __('dashboard.type_label') }}</span><span class="font-bold">{{ $typeMap[$order->manufacturing_type] ?? $order->manufacturing_type }}</span></div>
                    <div class="flex justify-between"><span class="text-slate-500 dark:text-slate-400 font-bold" style="font-size:.8rem">العميل</span><span class="font-bold">{{ $order->customer?->name ?? '—' }}</span></div>
                    <div class="flex justify-between"><span class="text-slate-500 dark:text-slate-400 font-bold" style="font-size:.8rem">موعد الاستحقاق</span><span class="font-bold">{{ optional($order->target_date)->format('Y-m-d') ?? '—' }}</span></div>
                    <hr class="my-1">
                    <div class="flex justify-between"><span class="text-slate-500 dark:text-slate-400 font-bold" style="font-size:.8rem">تكلفة المواد</span><span class="font-bold">{{ number_format($order->total_material_cost, 2) }}</span></div>
                    <div class="flex justify-between"><span class="text-slate-500 dark:text-slate-400 font-bold" style="font-size:.8rem">اليد العاملة</span><span class="font-bold">{{ number_format((float)$order->labor_cost, 2) }}</span></div>
                    <div class="flex justify-between"><span class="text-slate-500 dark:text-slate-400 font-bold" style="font-size:.8rem">إجمالي التكلفة</span><span class="font-bold text-base">{{ number_format($order->total_manufacturing_cost, 2) }}</span></div>
                    <div class="flex justify-between">
                        <span class="text-slate-500 dark:text-slate-400 font-bold" style="font-size:.8rem">المنتج الناتج</span>
                        <span class="font-bold">
                            @if($order->product)
                                <a href="{{ route('dashboard.products.show', $order->product) }}">{{ $order->product->name }}</a>
                            @else
                                {{ $order->createsInventoryProduct() ? ($order->output_product_name ?: '—') : 'لا ينشئ منتجًا' }}
                            @endif
                        </span>
                    </div>
                    @if($order->description)
                    <div><div class="text-slate-500 dark:text-slate-400 font-bold mb-1" style="font-size:.8rem">الوصف</div><div>{{ $order->description }}</div></div>
                    @endif
                </div>
            </div>
        </div>

        <div class="workspace-shell">
            <div class="workspace-body">
                <div class="collection-card__header">
                    <div class="collection-card__intro">
                        <span class="collection-card__icon"><i class="fa-solid fa-circle-play"></i></span>
                        <div class="collection-card__title"><h2>الإجراءات التشغيلية</h2></div>
                    </div>
                </div>
                <div class="flex flex-wrap gap-2 mt-4">
                    @if($order->status === 'draft')
                    <form method="POST" action="{{ route('dashboard.manufacturing-orders.start', $order) }}">
                        @csrf
                        <button type="submit" class="app-btn app-btn--primary"><i class="fa-solid fa-play me-1"></i>بدء التنفيذ</button>
                    </form>
                    @endif
                    @if(in_array($order->status, ['draft', 'in_progress'], true))
                    <form method="POST" action="{{ route('dashboard.manufacturing-orders.complete', $order) }}">
                        @csrf
                        <button type="submit" class="app-btn app-btn--success"><i class="fa-solid fa-circle-check me-1"></i>إكمال التصنيع</button>
                    </form>
                    <form method="POST" action="{{ route('dashboard.manufacturing-orders.cancel', $order) }}">
                        @csrf
                        <button type="submit" class="app-btn app-btn--danger" data-confirm-delete="هل أنت متأكد من إلغاء الأمر؟"><i class="fa-solid fa-circle-xmark me-1"></i>إلغاء الأمر</button>
                    </form>
                    @endif
                    @if($order->status === 'completed')
                    <span class="app-badge app-badge--success p-3"><i class="fa-solid fa-circle-check me-1"></i>مكتمل</span>
                    @endif
                </div>
            </div>
        </div>
    </div>

    <div class="xl:col-span-7">
        <div class="workspace-shell mb-4">
            <div class="workspace-body">
                <div class="collection-card__header">
                    <div class="collection-card__intro">
                        <span class="collection-card__icon"><i class="fa-solid fa-boxes-stacked"></i></span>
                        <div class="collection-card__title"><h2>المواد الخام المستخدمة</h2></div>
                    </div>
                </div>
                <div class="app-table-wrap mt-4">
                    <table class="app-table app-table--striped collection-table">
                        <thead>
                            <tr>
                                <th>المادة</th>
                                <th>الكمية</th>
                                <th>الوحدة</th>
                                <th>تكلفة الوحدة</th>
                                <th>إجمالي السطر</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($order->materials as $material)
                            <tr>
                                <td class="font-bold">{{ $material->rawMaterial?->name ?? '—' }}</td>
                                <td>{{ number_format((float)$material->quantity, 2) }}</td>
                                <td>{{ $material->rawMaterial?->unitOfMeasure?->name ?? '—' }}</td>
                                <td>{{ number_format((float)$material->unit_cost_snapshot, 2) }}</td>
                                <td class="font-bold">{{ number_format($material->line_cost, 2) }}</td>
                            </tr>
                            @empty
                            <tr><td colspan="5" class="text-center text-slate-500 dark:text-slate-400 py-5">لا توجد مواد خام مضافة.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        @if($order->embroideryOrder)
        <div class="workspace-shell">
            <div class="workspace-body">
                <div class="collection-card__header">
                    <div class="collection-card__intro">
                        <span class="collection-card__icon"><i class="fa-solid fa-star"></i></span>
                        <div class="collection-card__title"><h2>مصدر الأمر</h2></div>
                    </div>
                </div>
                <div class="mt-4">
                    <p class="text-slate-500 dark:text-slate-400 mb-3">تم إنشاء هذا الأمر من طلب التطريز <strong>{{ $order->embroideryOrder->reference_code }}</strong>.</p>
                    <a href="{{ route('dashboard.embroidery-orders.show', $order->embroideryOrder) }}" class="app-btn app-btn--secondary app-btn--sm">
                        <i class="fa-solid fa-star me-1"></i> عرض طلب التطريز
                    </a>
                </div>
            </div>
        </div>
        @endif
    </div>
</div>
@endsection