@extends('layouts.admin')

@section('title', 'Detail Produksi - Admin')

@section('content')
@php
    $orderQty = $production->quantity ?? $production->order->quantity ?? 1;
    $materialTotal = $production->total_material_cost ?? 0;
    $sparepartTotal = $production->total_sparepart_cost ?? 0;
    $directTotal = $materialTotal + $sparepartTotal;
    $laborTotal = $production->labor_cost ?? 0;
    $actualTotal = $directTotal + $laborTotal;
    $totalCost = $actualTotal;
@endphp

<div class="space-y-4">
    <!-- Header -->
    <div class="flex items-center justify-between mb-6">
        <div class="flex items-center space-x-3">
            <a href="{{ route('admin.productions.index') }}" 
                class="flex items-center justify-center w-10 h-10 text-gray-600 dark:text-gray-300 hover:text-gray-900 dark:hover:text-white hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors duration-200"
                title="Kembali">
                <i class="fas fa-arrow-left text-lg"></i>
            </a>
            <div>
                <h1 class="text-2xl font-bold text-gray-800 dark:text-white">Detail Produksi #{{ $production->id }}</h1>
                <p class="text-sm text-gray-500 dark:text-gray-400 mt-0.5">
                    Order #{{ $production->order->id ?? 'N/A' }} · {{ $production->order->customer_name ?? 'N/A' }}
                </p>
            </div>
        </div>
        
        @if(in_array($production->status, ['dalam_proses', 'selesai']))
        <div class="flex items-center gap-2">
            <!-- Maintenance Tools Dropdown -->
            <div class="relative group">
                <button type="button" onclick="toggleMaintenanceTools()" 
                    class="px-3 py-2 text-gray-500 dark:text-gray-400 hover:text-gray-700 dark:hover:text-gray-200 rounded-lg border border-gray-300 dark:border-gray-600 hover:border-gray-400 dark:hover:border-gray-500 transition-colors duration-200"
                    title="Maintenance Tools">
                    <i class="fas fa-cog"></i>
                </button>
                <div id="maintenanceTools" class="hidden absolute right-0 mt-2 w-56 bg-white dark:bg-gray-800 rounded-lg shadow-lg border border-gray-200 dark:border-gray-700 p-3 z-10">
                    <p class="text-xs text-gray-500 dark:text-gray-400 mb-2 font-medium">Maintenance Tools</p>
                    <form action="{{ route('admin.productions.fix-stock-single', $production) }}" method="POST" onsubmit="return confirm('Yakin ingin memperbaiki stok untuk produksi ini? Stok akan dikurangi untuk item yang seharusnya sudah dikurangi saat \"Mulai Produksi\".')">
                        @csrf
                        <button type="submit" class="w-full text-left px-3 py-2 text-sm text-amber-600 dark:text-amber-400 hover:bg-amber-50 dark:hover:bg-amber-900/20 rounded-lg flex items-center gap-2 transition-colors duration-200">
                            <i class="fas fa-tools text-xs"></i>
                            <span>Perbaiki Stok</span>
                        </button>
                    </form>
                </div>
            </div>
        </div>
        @endif
    </div>

    <!-- Notifications -->
    @if(session('success'))
    <div class="bg-green-50 dark:bg-green-900/30 border border-green-200 dark:border-green-800 text-green-800 dark:text-green-200 px-4 py-3 rounded-lg flex items-center gap-3">
        <i class="fas fa-check-circle text-green-500"></i>
        <span>{{ session('success') }}</span>
    </div>
    @endif

    @if(session('info'))
    <div class="bg-blue-50 dark:bg-blue-900/30 border border-blue-200 dark:border-blue-800 text-blue-800 dark:text-blue-200 px-4 py-3 rounded-lg flex items-center gap-3">
        <i class="fas fa-info-circle text-blue-500"></i>
        <span>{{ session('info') }}</span>
    </div>
    @endif

    @if(session('fix_stock_results'))
    <div class="bg-amber-50 dark:bg-amber-900/30 border border-amber-200 dark:border-amber-800 rounded-lg p-4 mb-4">
        <h3 class="text-sm font-semibold text-amber-800 dark:text-amber-200 mb-3 flex items-center gap-2">
            <i class="fas fa-tools"></i>
            Detail Perbaikan Stok
        </h3>
        @foreach(session('fix_stock_results') as $result)
            <div class="mb-3 last:mb-0 border-b border-amber-200 dark:border-amber-700 pb-3 last:border-b-0">
                <div class="text-xs font-medium text-amber-700 dark:text-amber-300 mb-2">
                    <strong>Produksi #{{ $result['production_id'] }}:</strong>
                    @if($result['status'] === 'success')
                        <span class="text-green-600 dark:text-green-400 ml-2">{{ $result['fixed'] }} item diperbaiki</span>
                    @elseif($result['status'] === 'error')
                        <span class="text-red-600 dark:text-red-400 ml-2">Error: {{ $result['message'] }}</span>
                    @else
                        <span class="text-gray-600 dark:text-gray-400 ml-2">{{ $result['message'] }}</span>
                    @endif
                </div>
                @if(isset($result['details']) && count($result['details']) > 0)
                    <div class="bg-white dark:bg-gray-800 rounded p-3 text-xs space-y-1.5 max-h-60 overflow-y-auto font-mono">
                        @foreach($result['details'] as $detail)
                            <div class="text-gray-700 dark:text-gray-300 whitespace-pre-wrap">{!! $detail !!}</div>
                        @endforeach
                    </div>
                @endif
            </div>
        @endforeach
    </div>
    @endif

    @if($errors->any())
    <div class="bg-red-50 dark:bg-red-900/30 border border-red-200 dark:border-red-800 text-red-800 dark:text-red-200 px-4 py-3 rounded-lg">
        <ul class="list-disc list-inside text-sm">
            @foreach($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
    </div>
    @endif

    {{-- ============================================== --}}
    {{-- ASSIGN TEKNISI SECTION (ADMIN ONLY) --}}
    {{-- ============================================== --}}
    @if(!$production->teknisi_id && !in_array($production->status, ['selesai', 'dibatalkan']))
    <div class="bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-5 mb-6">
        <div class="flex items-start gap-4">
            <div class="flex-shrink-0">
                <div class="w-10 h-10 bg-blue-100 dark:bg-blue-900/40 rounded-lg flex items-center justify-center">
                    <i class="fas fa-user-plus text-blue-600 dark:text-blue-400 text-lg"></i>
                </div>
            </div>
            <div class="flex-1">
                <h3 class="text-base font-semibold text-gray-900 dark:text-white mb-1">
                    Tugaskan ke Teknisi
                </h3>
                <p class="text-sm text-gray-600 dark:text-gray-400 mb-4">
                    Pilih teknisi yang akan mengerjakan produksi ini.
                </p>
                <form action="{{ route('admin.productions.assign-teknisi', $production) }}" method="POST" class="flex flex-wrap items-end gap-3">
                    @csrf
                    <div class="flex-1 min-w-[200px]">
                        <label for="teknisi_id" class="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">Pilih Teknisi</label>
                        <select name="teknisi_id" id="teknisi_id" required
                            class="w-full px-4 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-500 transition-colors duration-200">
                            <option value="">-- Pilih Teknisi --</option>
                            @foreach(\App\Models\User::where('user_type', 'teknisi')->get() as $teknisi)
                                <option value="{{ $teknisi->id }}">{{ $teknisi->name }} ({{ $teknisi->email }})</option>
                            @endforeach
                        </select>
                    </div>
                    <button type="submit" class="bg-blue-500 hover:bg-blue-600 text-white font-medium px-6 py-2.5 rounded-lg transition-colors duration-200 flex items-center gap-2">
                        <i class="fas fa-paper-plane"></i>
                        <span>Tugaskan</span>
                    </button>
                </form>
            </div>
        </div>
    </div>
    @elseif($production->teknisi_id && !in_array($production->status, ['selesai', 'dibatalkan']))
    <div class="bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 rounded-lg p-5 mb-6">
        <div class="flex items-center justify-between flex-wrap gap-4">
            <div class="flex items-center gap-3">
                <div class="w-10 h-10 bg-green-100 dark:bg-green-900/40 rounded-lg flex items-center justify-center">
                    <i class="fas fa-user-check text-green-600 dark:text-green-400 text-lg"></i>
                </div>
                <div>
                    <h3 class="text-base font-semibold text-gray-900 dark:text-white">
                        Sudah Ditugaskan
                    </h3>
                    <p class="text-sm text-gray-600 dark:text-gray-400">
                        Teknisi: <span class="font-medium text-gray-900 dark:text-white">{{ $production->teknisi->name ?? 'N/A' }}</span>
                        @if($production->assigned_at)
                            <span class="text-gray-500 dark:text-gray-400 ml-2">({{ $production->assigned_at->format('d M Y H:i') }})</span>
                        @endif
                    </p>
                </div>
            </div>
            <form action="{{ route('admin.productions.unassign-teknisi', $production) }}" method="POST" class="inline" onsubmit="return confirm('Yakin ingin membatalkan penugasan teknisi ini?')">
                @csrf
                <button type="submit" class="bg-red-500 hover:bg-red-600 text-white font-medium px-4 py-2 rounded-lg transition-colors duration-200 flex items-center gap-2">
                    <i class="fas fa-user-times"></i>
                    <span>Batalkan</span>
                </button>
            </form>
        </div>
    </div>
    @endif

    <!-- Info Cards Row -->
    <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 mb-6">
        <!-- Info Produksi -->
        <div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-4">
            <div class="flex items-center gap-2 mb-3">
                <div class="p-2 bg-blue-100 dark:bg-blue-900/40 rounded-lg">
                    <i class="fas fa-industry text-blue-600 dark:text-blue-400 text-sm"></i>
                </div>
                <h3 class="text-sm font-semibold text-gray-900 dark:text-white">Info Produksi</h3>
            </div>
            <div class="space-y-2 text-sm">
                <div class="flex justify-between">
                    <span class="text-gray-500 dark:text-gray-400">Qty:</span>
                    <span class="font-semibold text-gray-900 dark:text-white">{{ $orderQty }} unit</span>
                </div>
                <div class="flex justify-between">
                    <span class="text-gray-500 dark:text-gray-400">Teknisi:</span>
                    <span class="font-medium text-gray-900 dark:text-white text-xs truncate">{{ $production->teknisi->name ?? 'Belum ditugaskan' }}</span>
                </div>
                <div class="flex justify-between">
                    <span class="text-gray-500 dark:text-gray-400">Status:</span>
                    @php
                        $statusConfig = [
                            'menunggu' => ['bg' => 'bg-gray-100 dark:bg-gray-700/50', 'text' => 'text-gray-700 dark:text-gray-300', 'label' => 'Menunggu'],
                            'dalam_proses' => ['bg' => 'bg-yellow-100 dark:bg-yellow-900/40', 'text' => 'text-yellow-700 dark:text-yellow-300', 'label' => 'Dalam Proses'],
                            'selesai' => ['bg' => 'bg-green-100 dark:bg-green-900/40', 'text' => 'text-green-700 dark:text-green-300', 'label' => 'Selesai'],
                            'dibatalkan' => ['bg' => 'bg-red-100 dark:bg-red-900/40', 'text' => 'text-red-700 dark:text-red-300', 'label' => 'Dibatalkan'],
                        ];
                        $status = $statusConfig[$production->status] ?? $statusConfig['menunggu'];
                    @endphp
                    <span class="inline-flex items-center px-2 py-0.5 text-xs font-medium rounded-md {{ $status['bg'] }} {{ $status['text'] }}">
                        {{ $status['label'] }}
                    </span>
                </div>
            </div>
        </div>

        <!-- Info Order -->
        <div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-4">
            <div class="flex items-center gap-2 mb-3">
                <div class="p-2 bg-emerald-100 dark:bg-emerald-900/40 rounded-lg">
                    <i class="fas fa-shopping-cart text-emerald-600 dark:text-emerald-400 text-sm"></i>
                </div>
                <h3 class="text-sm font-semibold text-gray-900 dark:text-white">Info Pesanan</h3>
            </div>
            <div class="space-y-2 text-sm">
                <div class="flex justify-between">
                    <span class="text-gray-500 dark:text-gray-400">Order ID:</span>
                    <span class="font-medium text-gray-900 dark:text-white">#{{ $production->order->id ?? 'N/A' }}</span>
                </div>
                <div class="flex justify-between">
                    <span class="text-gray-500 dark:text-gray-400">Produk:</span>
                    <span class="font-medium text-gray-900 dark:text-white text-xs truncate" title="{{ $production->product->product_title ?? 'N/A' }}">{{ Str::limit($production->product->product_title ?? 'N/A', 15) }}</span>
                </div>
                <div class="flex justify-between">
                    <span class="text-gray-500 dark:text-gray-400">Harga:</span>
                    <span class="font-semibold text-emerald-600 dark:text-emerald-400">Rp {{ number_format($production->order->price ?? 0, 0, ',', '.') }}</span>
                </div>
            </div>
        </div>

        <!-- Quick Stats -->
        <div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-4">
            <div class="flex items-center gap-2 mb-3">
                <div class="p-2 bg-purple-100 dark:bg-purple-900/40 rounded-lg">
                    <i class="fas fa-chart-pie text-purple-600 dark:text-purple-400 text-sm"></i>
                </div>
                <h3 class="text-sm font-semibold text-gray-900 dark:text-white">Ringkasan</h3>
            </div>
            <div class="space-y-2 text-sm">
                <div class="flex justify-between">
                    <span class="text-gray-500 dark:text-gray-400">Bahan:</span>
                    <span class="font-medium text-gray-900 dark:text-white">{{ $production->productionMaterials->count() }} item</span>
                </div>
                <div class="flex justify-between">
                    <span class="text-gray-500 dark:text-gray-400">Sparepart:</span>
                    <span class="font-medium text-gray-900 dark:text-white">{{ $production->productionSpareparts->count() }} item</span>
                </div>
                <div class="flex justify-between">
                    <span class="text-gray-500 dark:text-gray-400">Total:</span>
                    <span class="font-bold text-indigo-600 dark:text-indigo-400">Rp {{ number_format($totalCost, 0, ',', '.') }}</span>
                </div>
            </div>
        </div>

        <!-- Payment Info -->
        <div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-4">
            <div class="flex items-center gap-2 mb-3">
                <div class="p-2 bg-orange-100 dark:bg-orange-900/40 rounded-lg">
                    <i class="fas fa-credit-card text-orange-600 dark:text-orange-400 text-sm"></i>
                </div>
                <h3 class="text-sm font-semibold text-gray-900 dark:text-white">Pembayaran</h3>
            </div>
            <div class="space-y-2 text-sm">
                <div class="flex justify-between">
                    <span class="text-gray-500 dark:text-gray-400">Metode:</span>
                    <span class="font-medium text-gray-900 dark:text-white">{{ strtoupper($production->order->payment_method ?? 'N/A') }}</span>
                </div>
                <div class="flex justify-between">
                    <span class="text-gray-500 dark:text-gray-400">Status:</span>
                    @php
                        $paymentStatus = $production->order->status ?? 'menunggu';
                        $paymentStatusConfig = [
                            'selesai' => ['bg' => 'bg-green-100 dark:bg-green-900/40', 'text' => 'text-green-700 dark:text-green-300', 'label' => 'Lunas'],
                            'diproses' => ['bg' => 'bg-blue-100 dark:bg-blue-900/40', 'text' => 'text-blue-700 dark:text-blue-300', 'label' => 'Diproses'],
                            'menunggu_verifikasi' => ['bg' => 'bg-yellow-100 dark:bg-yellow-900/40', 'text' => 'text-yellow-700 dark:text-yellow-300', 'label' => 'Verifikasi'],
                        ];
                        $paymentStatusStyle = $paymentStatusConfig[$paymentStatus] ?? ['bg' => 'bg-gray-100 dark:bg-gray-700/50', 'text' => 'text-gray-700 dark:text-gray-300', 'label' => ucfirst($paymentStatus)];
                    @endphp
                    <span class="inline-flex items-center px-2 py-0.5 text-xs font-medium rounded-md {{ $paymentStatusStyle['bg'] }} {{ $paymentStatusStyle['text'] }}">
                        {{ $paymentStatusStyle['label'] }}
                    </span>
                </div>
                @if($production->submitted_at)
                <div class="flex justify-between">
                    <span class="text-gray-500 dark:text-gray-400">Diajukan:</span>
                    <span class="font-medium text-gray-900 dark:text-white text-xs">{{ $production->submitted_at->format('d/m/Y') }}</span>
                </div>
                @endif
            </div>
        </div>
    </div>

    <!-- Timeline Progress -->
    @include('admin.master.productions.partials.timeline', ['production' => $production])

    {{-- ============================================== --}}
    {{-- REQUEST ITEM DARI TEKNISI - URGENT NOTIFICATION --}}
    {{-- ============================================== --}}
    @php
        $itemRequests = $production->itemRequests ?? collect();
        $pendingRequests = $itemRequests->where('status', 'pending');
    @endphp
    
    @if($pendingRequests->count() > 0)
    <div class="bg-orange-50 dark:bg-orange-900/20 border border-orange-200 dark:border-orange-800 rounded-lg overflow-hidden mb-6">
        <div class="px-5 py-4 bg-orange-500 dark:bg-orange-600 text-white flex items-center justify-between">
            <div class="flex items-center gap-3">
                <div class="p-2 bg-white/20 rounded-lg flex items-center justify-center">
                    <i class="fas fa-bell text-white text-sm"></i>
                </div>
                <div>
                    <h3 class="text-base font-semibold">Request Item Menunggu Persetujuan</h3>
                    <p class="text-xs text-orange-100">{{ $pendingRequests->count() }} request baru dari teknisi perlu ditinjau</p>
                </div>
            </div>
            <span class="px-3 py-1 bg-white/20 rounded-md text-xs font-semibold animate-pulse">{{ $pendingRequests->count() }} Pending</span>
        </div>

        <div class="p-5">
            <div class="overflow-x-auto">
                <table class="w-full">
                    <thead class="bg-orange-100 dark:bg-orange-900/30 border-b border-orange-200 dark:border-orange-800">
                        <tr>
                            <th class="px-4 py-3.5 text-left text-xs font-semibold text-orange-800 dark:text-orange-200 uppercase">Item</th>
                            <th class="px-4 py-3.5 text-center text-xs font-semibold text-orange-800 dark:text-orange-200 uppercase">Tipe</th>
                            <th class="px-4 py-3.5 text-center text-xs font-semibold text-orange-800 dark:text-orange-200 uppercase">Jumlah</th>
                            <th class="px-4 py-3.5 text-center text-xs font-semibold text-orange-800 dark:text-orange-200 uppercase">Satuan</th>
                            <th class="px-4 py-3.5 text-right text-xs font-semibold text-orange-800 dark:text-orange-200 uppercase">Harga/Unit</th>
                            <th class="px-4 py-3.5 text-right text-xs font-semibold text-orange-800 dark:text-orange-200 uppercase">Total</th>
                            <th class="px-4 py-3.5 text-center text-xs font-semibold text-orange-800 dark:text-orange-200 uppercase">Stok</th>
                            <th class="px-4 py-3.5 text-center text-xs font-semibold text-orange-800 dark:text-orange-200 uppercase">Status Ketersediaan</th>
                            <th class="px-4 py-3.5 text-left text-xs font-semibold text-orange-800 dark:text-orange-200 uppercase">Alasan</th>
                            <th class="px-4 py-3.5 text-left text-xs font-semibold text-orange-800 dark:text-orange-200 uppercase">Diminta Oleh</th>
                            <th class="px-4 py-3.5 text-center text-xs font-semibold text-orange-800 dark:text-orange-200 uppercase">Aksi</th>
                        </tr>
                    </thead>
                    <tbody class="divide-y divide-orange-200 dark:divide-orange-800 bg-white dark:bg-gray-800">
                        @foreach($pendingRequests as $request)
                        <tr class="hover:bg-orange-50/50 dark:hover:bg-orange-900/20 transition-colors duration-200">
                            <td class="px-4 py-3.5">
                                <div class="font-medium text-gray-900 dark:text-white text-sm">{{ $request->item_name_display }}</div>
                                @if($request->is_new_item)
                                <span class="text-xs text-blue-600 dark:text-blue-400"><i class="fas fa-star mr-0.5"></i>Item Baru</span>
                                @endif
                            </td>
                            <td class="px-4 py-3.5 text-center">
                                @if($request->item_type === 'material')
                                <span class="inline-flex items-center gap-1.5 px-2.5 py-1 text-xs font-medium rounded-md bg-emerald-100 dark:bg-emerald-900/40 text-emerald-700 dark:text-emerald-300">
                                    <i class="fas fa-cube text-xs"></i> Bahan
                                </span>
                                @else
                                <span class="inline-flex items-center gap-1.5 px-2.5 py-1 text-xs font-medium rounded-md bg-blue-100 dark:bg-blue-900/40 text-blue-700 dark:text-blue-300">
                                    <i class="fas fa-cog text-xs"></i> Sparepart
                                </span>
                                @endif
                            </td>
                            @php
                                $quantity = (int)$request->quantity;
                                // Ambil harga: prioritas dari relasi material/sparepart, jika tidak ada cari di master berdasarkan nama, terakhir pakai estimated_price
                                $estimatedPrice = 0;
                                if ($request->item_type === 'material' && $request->material) {
                                    $estimatedPrice = $request->material->price ?? $request->estimated_price ?? 0;
                                } elseif ($request->item_type === 'sparepart' && $request->sparepart) {
                                    $estimatedPrice = $request->sparepart->price ?? $request->estimated_price ?? 0;
                                } else {
                                    // Item baru: coba cari di master barang berdasarkan nama
                                    if ($request->item_name) {
                                        if ($request->item_type === 'material') {
                                            // Coba exact match dulu
                                            $foundMaterial = \App\Models\Material::where('name', $request->item_name)->first();
                                            // Jika tidak ada, coba partial match
                                            if (!$foundMaterial) {
                                                $foundMaterial = \App\Models\Material::where('name', 'LIKE', '%' . trim($request->item_name) . '%')->first();
                                            }
                                            if ($foundMaterial) {
                                                $estimatedPrice = $foundMaterial->price ?? $request->estimated_price ?? 0;
                                            } else {
                                                $estimatedPrice = $request->estimated_price ?? 0;
                                            }
                                        } else {
                                            // Coba exact match dulu
                                            $foundSparepart = \App\Models\Sparepart::where('name', $request->item_name)->first();
                                            // Jika tidak ada, coba partial match
                                            if (!$foundSparepart) {
                                                $foundSparepart = \App\Models\Sparepart::where('name', 'LIKE', '%' . trim($request->item_name) . '%')->first();
                                            }
                                            if ($foundSparepart) {
                                                $estimatedPrice = $foundSparepart->price ?? $request->estimated_price ?? 0;
                                            } else {
                                                $estimatedPrice = $request->estimated_price ?? 0;
                                            }
                                        }
                                    } else {
                                        $estimatedPrice = $request->estimated_price ?? 0;
                                    }
                                }
                                $totalPrice = $quantity * $estimatedPrice;
                                // Ambil stok terbaru dari database (fresh)
                                $currentStock = 0;
                                if ($request->item_type === 'material' && $request->material_id) {
                                    $material = \App\Models\Material::find($request->material_id);
                                    $currentStock = $material ? $material->stock : 0;
                                } elseif ($request->item_type === 'sparepart' && $request->sparepart_id) {
                                    $sparepart = \App\Models\Sparepart::find($request->sparepart_id);
                                    $currentStock = $sparepart ? $sparepart->stock : 0;
                                }
                                $totalNeeded = $quantity * $orderQty;
                                $stockStatus = 'available';
                                $stockStatusLabel = 'Tersedia';
                                $stockStatusClass = 'bg-green-100 dark:bg-green-900/40 text-green-700 dark:text-green-300';
                                $stockStatusIcon = 'check-circle';
                                
                                if ($currentStock < $totalNeeded) {
                                    if ($currentStock == 0) {
                                        $stockStatus = 'pending_purchase';
                                        $stockStatusLabel = 'Perlu Pembelian';
                                        $stockStatusClass = 'bg-red-100 dark:bg-red-900/40 text-red-700 dark:text-red-300';
                                        $stockStatusIcon = 'times-circle';
                                    } else {
                                        $stockStatus = 'insufficient';
                                        $stockStatusLabel = 'Perlu Pembelian (Kurang)';
                                        $stockStatusClass = 'bg-amber-100 dark:bg-amber-900/40 text-amber-700 dark:text-amber-300';
                                        $stockStatusIcon = 'exclamation-triangle';
                                    }
                                }
                            @endphp
                            <td class="px-4 py-3.5 text-center font-medium text-gray-900 dark:text-white text-sm">{{ $quantity }}</td>
                            <td class="px-4 py-3.5 text-center text-gray-600 dark:text-gray-400 text-sm">{{ $request->unit }}</td>
                            <td class="px-4 py-3.5 text-right text-gray-600 dark:text-gray-400 text-sm">
                                @if($estimatedPrice > 0)
                                    Rp {{ number_format($estimatedPrice, 0, ',', '.') }}
                                @else
                                    <span class="text-gray-400">-</span>
                                @endif
                            </td>
                            <td class="px-4 py-3.5 text-right font-semibold text-gray-900 dark:text-white text-sm">
                                @if($totalPrice > 0)
                                    Rp {{ number_format($totalPrice, 0, ',', '.') }}
                                @else
                                    <span class="text-gray-400">-</span>
                                @endif
                            </td>
                            <td class="px-4 py-3.5 text-center">
                                <div class="flex flex-col items-center gap-1">
                                    <span class="text-sm font-medium text-gray-900 dark:text-white">{{ $currentStock }}</span>
                                    <span class="text-xs text-gray-500">Butuh: {{ $totalNeeded }}</span>
                                </div>
                            </td>
                            <td class="px-4 py-3.5 text-center">
                                <span class="inline-flex items-center gap-1 px-2.5 py-1 text-xs font-semibold rounded-md {{ $stockStatusClass }}">
                                    <i class="fas fa-{{ $stockStatusIcon }} text-xs"></i>
                                    {{ $stockStatusLabel }}
                                </span>
                                @if($stockStatus !== 'available')
                                <div class="mt-1 text-[10px] text-gray-500">
                                    @if($stockStatus === 'insufficient')
                                    Kurang: {{ $totalNeeded - $currentStock }} {{ $request->unit }}
                                    @else
                                    Stok: 0
                                    @endif
                                </div>
                                @endif
                            </td>
                            <td class="px-4 py-3.5 text-sm text-gray-600 dark:text-gray-400">{{ Str::limit($request->reason, 50) }}</td>
                            <td class="px-4 py-3.5">
                                <div class="text-sm">
                                    <span class="font-medium text-gray-900 dark:text-white">{{ $request->requester->name ?? 'N/A' }}</span>
                                    <br><span class="text-xs text-gray-500 dark:text-gray-400">{{ $request->created_at->format('d/m/Y H:i') }}</span>
                                </div>
                            </td>
                            <td class="px-4 py-3.5 text-center">
                                <div class="flex items-center justify-center gap-2 flex-wrap">
                                    <form action="{{ route('admin.productions.item-requests.reject', [$production, $request]) }}" method="POST" class="inline" onsubmit="return confirm('Yakin ingin menolak request ini?')">
                                        @csrf
                                        <button type="submit" class="w-9 h-9 bg-red-500 hover:bg-red-600 text-white rounded-lg flex items-center justify-center transition-colors duration-200" title="Tolak Request">
                                            <i class="fas fa-times text-base"></i>
                                        </button>
                                    </form>
                                    <a href="{{ route('admin.transaksi.purchases.create', [
                                        'from_item_request' => $request->id,
                                        'item_type' => $request->item_type,
                                        'item_name' => $request->item_name_display,
                                        'quantity' => $request->quantity,
                                        'unit' => $request->unit,
                                        'estimated_price' => $request->estimated_price,
                                        'material_id' => $request->material_id,
                                        'sparepart_id' => $request->sparepart_id,
                                    ]) }}" 
                                       class="w-9 h-9 bg-blue-500 hover:bg-blue-600 text-white rounded-lg flex items-center justify-center transition-colors duration-200 shadow-md hover:shadow-lg" 
                                       title="Setujui & Buat Pembelian (akan auto-approve)">
                                        <i class="fas fa-shopping-cart text-base"></i>
                                    </a>
                                </div>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>
    </div>
    @endif

    {{-- ============================================== --}}
    {{-- TABEL USULAN PERTAMA, KEDUA, KETIGA (ADMIN) --}}
    {{-- ============================================== --}}
    @php
        $itemRequests = $production->itemRequests ?? collect();
        $proposalGroups = $itemRequests->groupBy('proposal_number')->sortKeys();
        $nonPendingRequests = $itemRequests->where('status', '!=', 'pending');
    @endphp
    
    @if($proposalGroups->count() > 0)
    <div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 mb-6 overflow-hidden">
        <div class="px-5 py-4 border-b border-gray-200 dark:border-gray-700 bg-gradient-to-r from-indigo-600 to-indigo-700">
            <div class="flex items-center justify-between">
                <div class="flex items-center gap-3">
                    <div class="p-2 bg-white/20 rounded-lg">
                        <i class="fas fa-list-ol text-white text-sm"></i>
                    </div>
                    <div>
                        <h3 class="text-base font-semibold text-white">Usulan Bahan & Sparepart</h3>
                        <p class="text-xs text-indigo-100">
                            Dikelompokkan berdasarkan usulan pertama, kedua, ketiga
                            @if($pendingRequests->count() > 0)
                            · <span class="text-orange-200">Item pending juga ada di notifikasi di atas</span>
                            @endif
                        </p>
                    </div>
                </div>
                @if($itemRequests->count() > 0)
                <div class="flex items-center gap-2">
                    @php
                        $statusCounts = [
                            'pending' => $itemRequests->where('status', 'pending')->count(),
                            'approved' => $itemRequests->where('status', 'approved')->count(),
                            'purchased' => $itemRequests->where('status', 'purchased')->count(),
                            'received' => $itemRequests->where('status', 'received')->count(),
                        ];
                    @endphp
                    <div class="flex items-center gap-1.5 px-3 py-1 bg-white/10 rounded-md text-xs">
                        <span class="text-indigo-100">Total:</span>
                        <span class="font-semibold text-white">{{ $itemRequests->count() }} item</span>
                    </div>
                </div>
                @endif
            </div>
        </div>

        <div class="p-5 space-y-6">
            @foreach($proposalGroups as $proposalNumber => $requests)
            <div class="border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden">
                <div class="px-4 py-3 bg-gray-50 dark:bg-gray-700/50 border-b border-gray-200 dark:border-gray-700">
                    <h4 class="text-sm font-semibold text-gray-900 dark:text-white flex items-center gap-2">
                        <span class="w-6 h-6 rounded-full bg-indigo-100 dark:bg-indigo-900/40 text-indigo-700 dark:text-indigo-300 flex items-center justify-center text-xs font-bold">
                            {{ $proposalNumber ?? '1' }}
                        </span>
                        Usulan {{ $proposalNumber == 1 ? 'Pertama' : ($proposalNumber == 2 ? 'Kedua' : ($proposalNumber == 3 ? 'Ketiga' : 'Ke-' . $proposalNumber)) }}
                        <span class="ml-auto text-xs font-normal text-gray-500">
                            {{ $requests->count() }} item
                        </span>
                    </h4>
                </div>
                
                <div class="overflow-x-auto">
                    <table class="w-full">
                        <thead class="bg-gray-50 dark:bg-gray-700/50">
                            <tr class="text-xs uppercase">
                                <th class="px-4 py-2 text-left font-semibold text-gray-600 dark:text-gray-300">Item</th>
                                <th class="px-4 py-2 text-center font-semibold text-gray-600 dark:text-gray-300">Tipe</th>
                                <th class="px-4 py-2 text-center font-semibold text-gray-600 dark:text-gray-300">Jumlah</th>
                                <th class="px-4 py-2 text-center font-semibold text-gray-600 dark:text-gray-300">Satuan</th>
                                <th class="px-4 py-2 text-right font-semibold text-gray-600 dark:text-gray-300">Harga/Unit</th>
                                <th class="px-4 py-2 text-right font-semibold text-gray-600 dark:text-gray-300">Total</th>
                                <th class="px-4 py-2 text-center font-semibold text-gray-600 dark:text-gray-300">Stok</th>
                                <th class="px-4 py-2 text-center font-semibold text-gray-600 dark:text-gray-300">Status Ketersediaan</th>
                                <th class="px-4 py-2 text-left font-semibold text-gray-600 dark:text-gray-300">Alasan</th>
                                <th class="px-4 py-2 text-center font-semibold text-gray-600 dark:text-gray-300">Status</th>
                                <th class="px-4 py-2 text-center font-semibold text-gray-600 dark:text-gray-300">Aksi</th>
                            </tr>
                        </thead>
                        <tbody class="divide-y divide-gray-200 dark:divide-gray-700 bg-white dark:bg-gray-800">
                            @foreach($requests as $request)
                            <tr class="hover:bg-gray-50 dark:hover:bg-gray-700/30 {{ $request->status === 'pending' ? 'bg-orange-50/30 dark:bg-orange-900/10' : '' }}">
                                <td class="px-4 py-3">
                                    <div class="font-medium text-gray-900 dark:text-white text-sm flex items-center gap-2">
                                        {{ $request->item_name_display }}
                                        @if($request->status === 'pending')
                                        <span class="px-1.5 py-0.5 bg-orange-100 dark:bg-orange-900/40 text-orange-700 dark:text-orange-300 text-[10px] font-medium rounded" title="Juga ada di notifikasi di atas">
                                            <i class="fas fa-bell mr-0.5"></i>Pending
                                        </span>
                                        @endif
                                    </div>
                                    @if($request->is_new_item)
                                    <span class="text-xs text-blue-600 dark:text-blue-400"><i class="fas fa-star mr-0.5"></i>Item Baru</span>
                                    @endif
                                </td>
                                <td class="px-4 py-3 text-center">
                                    @if($request->item_type === 'material')
                                    <span class="inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded-full bg-emerald-100 text-emerald-700">
                                        <i class="fas fa-cube"></i> Bahan
                                    </span>
                                    @else
                                    <span class="inline-flex items-center gap-1 px-2 py-0.5 text-xs font-medium rounded-full bg-blue-100 text-blue-700">
                                        <i class="fas fa-cog"></i> Sparepart
                                    </span>
                                    @endif
                                </td>
                                @php
                                    $quantity = (int)$request->quantity;
                                    // Ambil harga: prioritas dari relasi material/sparepart, jika tidak ada cari di master berdasarkan nama, terakhir pakai estimated_price
                                    $estimatedPrice = 0;
                                    if ($request->item_type === 'material' && $request->material) {
                                        $estimatedPrice = $request->material->price ?? $request->estimated_price ?? 0;
                                    } elseif ($request->item_type === 'sparepart' && $request->sparepart) {
                                        $estimatedPrice = $request->sparepart->price ?? $request->estimated_price ?? 0;
                                    } else {
                                        // Item baru: coba cari di master barang berdasarkan nama
                                        if ($request->item_name) {
                                            if ($request->item_type === 'material') {
                                                // Coba exact match dulu
                                                $foundMaterial = \App\Models\Material::where('name', $request->item_name)->first();
                                                // Jika tidak ada, coba partial match
                                                if (!$foundMaterial) {
                                                    $foundMaterial = \App\Models\Material::where('name', 'LIKE', '%' . trim($request->item_name) . '%')->first();
                                                }
                                                if ($foundMaterial) {
                                                    $estimatedPrice = $foundMaterial->price ?? $request->estimated_price ?? 0;
                                                } else {
                                                    $estimatedPrice = $request->estimated_price ?? 0;
                                                }
                                            } else {
                                                // Coba exact match dulu
                                                $foundSparepart = \App\Models\Sparepart::where('name', $request->item_name)->first();
                                                // Jika tidak ada, coba partial match
                                                if (!$foundSparepart) {
                                                    $foundSparepart = \App\Models\Sparepart::where('name', 'LIKE', '%' . trim($request->item_name) . '%')->first();
                                                }
                                                if ($foundSparepart) {
                                                    $estimatedPrice = $foundSparepart->price ?? $request->estimated_price ?? 0;
                                                } else {
                                                    $estimatedPrice = $request->estimated_price ?? 0;
                                                }
                                            }
                                        } else {
                                            $estimatedPrice = $request->estimated_price ?? 0;
                                        }
                                    }
                                    $totalPrice = $quantity * $estimatedPrice;
                                    // Ambil stok terbaru dari database (fresh)
                                    $currentStock = 0;
                                    if ($request->item_type === 'material' && $request->material_id) {
                                        $material = \App\Models\Material::find($request->material_id);
                                        $currentStock = $material ? $material->stock : 0;
                                    } elseif ($request->item_type === 'sparepart' && $request->sparepart_id) {
                                        $sparepart = \App\Models\Sparepart::find($request->sparepart_id);
                                        $currentStock = $sparepart ? $sparepart->stock : 0;
                                    }
                                    $totalNeeded = $quantity * $orderQty;
                                    $stockStatus = 'available';
                                    $stockStatusLabel = 'Tersedia';
                                    $stockStatusClass = 'bg-green-100 dark:bg-green-900/40 text-green-700 dark:text-green-300';
                                    $stockStatusIcon = 'check-circle';
                                    
                                    if ($currentStock < $totalNeeded) {
                                        if ($currentStock == 0) {
                                            $stockStatus = 'pending_purchase';
                                            $stockStatusLabel = 'Perlu Pembelian';
                                            $stockStatusClass = 'bg-red-100 dark:bg-red-900/40 text-red-700 dark:text-red-300';
                                            $stockStatusIcon = 'times-circle';
                                        } else {
                                            $stockStatus = 'insufficient';
                                            $stockStatusLabel = 'Perlu Pembelian (Kurang)';
                                            $stockStatusClass = 'bg-amber-100 dark:bg-amber-900/40 text-amber-700 dark:text-amber-300';
                                            $stockStatusIcon = 'exclamation-triangle';
                                        }
                                    }
                                @endphp
                                <td class="px-4 py-3 text-center font-medium text-gray-900 dark:text-white">{{ $quantity }}</td>
                                <td class="px-4 py-3 text-center text-gray-600 dark:text-gray-400">{{ $request->unit }}</td>
                                <td class="px-4 py-3 text-right text-gray-600 dark:text-gray-400 text-sm">
                                    @if($estimatedPrice > 0)
                                        Rp {{ number_format($estimatedPrice, 0, ',', '.') }}
                                    @else
                                        <span class="text-gray-400">-</span>
                                    @endif
                                </td>
                                <td class="px-4 py-3 text-right font-semibold text-gray-900 dark:text-white text-sm">
                                    @if($totalPrice > 0)
                                        Rp {{ number_format($totalPrice, 0, ',', '.') }}
                                    @else
                                        <span class="text-gray-400">-</span>
                                    @endif
                                </td>
                                <td class="px-4 py-3 text-center">
                                    <div class="flex flex-col items-center gap-1">
                                        <span class="text-sm font-medium text-gray-900 dark:text-white">{{ $currentStock }}</span>
                                        <span class="text-xs text-gray-500">Butuh: {{ $totalNeeded }}</span>
                                    </div>
                                </td>
                                <td class="px-4 py-3 text-center">
                                    <span class="inline-flex items-center gap-1 px-2.5 py-1 text-xs font-semibold rounded-md {{ $stockStatusClass }}">
                                        <i class="fas fa-{{ $stockStatusIcon }} text-xs"></i>
                                        {{ $stockStatusLabel }}
                                    </span>
                                    @if($stockStatus !== 'available')
                                    <div class="mt-1 text-[10px] text-gray-500">
                                        @if($stockStatus === 'insufficient')
                                        Kurang: {{ $totalNeeded - $currentStock }} {{ $request->unit }}
                                        @else
                                        Stok: 0
                                        @endif
                                    </div>
                                    @endif
                                </td>
                                <td class="px-4 py-3 text-sm text-gray-600 dark:text-gray-400">{{ Str::limit($request->reason, 50) }}</td>
                                <td class="px-4 py-3 text-center">
                                    <span class="inline-flex items-center gap-1 px-2 py-1 text-xs font-medium rounded-full {{ $request->status_badge_class }}">
                                        @if($request->status === 'pending')
                                        <i class="fas fa-clock text-[10px]"></i>
                                        @elseif($request->status === 'approved')
                                        <i class="fas fa-check-circle text-[10px]"></i>
                                        @elseif($request->status === 'rejected')
                                        <i class="fas fa-times-circle text-[10px]"></i>
                                        @elseif($request->status === 'purchased')
                                        <i class="fas fa-shopping-cart text-[10px]"></i>
                                        @elseif($request->status === 'sent')
                                        <i class="fas fa-paper-plane text-[10px]"></i>
                                        @elseif($request->status === 'received')
                                        <i class="fas fa-check-double text-[10px]"></i>
                                        @endif
                                        {{ $request->status_label }}
                                    </span>
                                </td>
                                <td class="px-4 py-3 text-center">
                                    <div class="flex items-center justify-center gap-1">
                                        @if($request->status === 'pending')
                                        <form action="{{ route('admin.productions.item-requests.reject', [$production, $request]) }}" method="POST" class="inline">
                                            @csrf
                                            <button type="submit" class="w-8 h-8 bg-red-500 hover:bg-red-600 text-white rounded-lg flex items-center justify-center transition-colors" title="Tolak">
                                                <i class="fas fa-times text-xs"></i>
                                            </button>
                                        </form>
                                        <a href="{{ route('admin.transaksi.purchases.create', [
                                            'from_item_request' => $request->id,
                                            'item_type' => $request->item_type,
                                            'item_name' => $request->item_name_display,
                                            'quantity' => $request->quantity,
                                            'unit' => $request->unit,
                                            'estimated_price' => $request->estimated_price,
                                            'material_id' => $request->material_id,
                                            'sparepart_id' => $request->sparepart_id,
                                        ]) }}" 
                                           class="w-8 h-8 bg-blue-500 hover:bg-blue-600 text-white rounded-lg flex items-center justify-center transition-colors" 
                                           title="Setujui & Buat Pembelian">
                                            <i class="fas fa-shopping-cart text-xs"></i>
                                        </a>
                                        @elseif($request->status === 'approved' && !$request->purchase_id)
                                        <a href="{{ route('admin.transaksi.purchases.create', [
                                            'from_item_request' => $request->id,
                                            'item_type' => $request->item_type,
                                            'item_name' => $request->item_name_display,
                                            'quantity' => $request->quantity,
                                            'unit' => $request->unit,
                                            'estimated_price' => $request->estimated_price,
                                            'material_id' => $request->material_id,
                                            'sparepart_id' => $request->sparepart_id,
                                        ]) }}" 
                                           class="w-8 h-8 bg-blue-500 hover:bg-blue-600 text-white rounded-lg flex items-center justify-center transition-colors" 
                                           title="Buat Pembelian">
                                            <i class="fas fa-shopping-cart text-xs"></i>
                                        </a>
                                        @elseif($request->status === 'purchased' && $request->purchase_id)
                                        <form action="{{ route('admin.productions.send-item-request', [$production, $request]) }}" method="POST" class="inline">
                                            @csrf
                                            <button type="submit" class="px-3 py-1.5 bg-green-500 hover:bg-green-600 text-white text-xs font-medium rounded-lg transition-colors flex items-center gap-1" title="Kirim Item ke Teknisi">
                                                <i class="fas fa-paper-plane text-xs"></i>
                                                <span>Kirim</span>
                                            </button>
                                        </form>
                                        @elseif($request->status === 'sent')
                                        <span class="px-3 py-1.5 bg-indigo-100 dark:bg-indigo-900/40 text-indigo-700 dark:text-indigo-300 text-xs font-medium rounded-lg flex items-center gap-1" title="Item sudah dikirim, menunggu konfirmasi teknisi">
                                            <i class="fas fa-hourglass-half text-xs animate-pulse"></i>
                                            <span>Menunggu Konfirmasi</span>
                                        </span>
                                        @endif
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            </div>
            @endforeach
        </div>
    </div>
    @endif

    {{-- ============================================== --}}
    {{-- ADMIN INPUT SUGGESTED BAHAN/SPAREPART --}}
    {{-- ============================================== --}}
    @php
        $hasUnsentMaterials = $production->productionMaterials->where('is_admin_suggested', true)->whereNull('sent_to_teknisi_at')->count() > 0;
        $hasUnsentSpareparts = $production->productionSpareparts->where('is_admin_suggested', true)->whereNull('sent_to_teknisi_at')->count() > 0;
        $hasUnsentItems = $hasUnsentMaterials || $hasUnsentSpareparts;
    @endphp
    
    @if(!in_array($production->status, ['selesai', 'dibatalkan']) && (!$production->teknisi_id || $production->planning_status === 'planning'))
    <div class="bg-blue-50 dark:bg-blue-900/20 border border-blue-200 dark:border-blue-800 rounded-lg p-5 mb-6">
        <div class="flex items-start gap-3 mb-4">
            <div class="p-2 bg-blue-100 dark:bg-blue-900/40 rounded-lg">
                <i class="fas fa-info-circle text-blue-600 dark:text-blue-400 text-sm"></i>
            </div>
            <div class="flex-1">
                <h3 class="text-base font-semibold text-gray-900 dark:text-white mb-1">Input Bahan & Sparepart Suggested</h3>
                <p class="text-sm text-gray-600 dark:text-gray-400">Admin bisa input bahan dan sparepart sebagai "suggested" untuk teknisi.</p>
            </div>
        </div>

        <form action="{{ route('admin.productions.suggest-materials-spareparts', $production) }}" method="POST" class="space-y-4">
            @csrf
            
            <!-- Materials Section -->
            <div class="mb-4">
                <h4 class="text-sm font-semibold text-gray-800 dark:text-white mb-3">Bahan Suggested</h4>
                <div id="suggestedMaterialsContainer" class="space-y-3">
                    <div class="suggested-material-row bg-white dark:bg-gray-800 p-3 rounded-lg border border-gray-200 dark:border-gray-600">
                        <div class="grid grid-cols-1 md:grid-cols-5 gap-3">
                            <div>
                                <label class="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1">Bahan</label>
                                <select name="production_materials[0][material_id]" class="suggested-material-select w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
                                    <option value="">-- Pilih Bahan --</option>
                                    @foreach(\App\Models\Material::where('is_active', true)->get() as $material)
                                        <option value="{{ $material->id }}" data-price="{{ $material->price }}" data-unit="{{ $material->unit }}">{{ $material->name }} (Stock: {{ $material->stock }})</option>
                                    @endforeach
                                </select>
                            </div>
                            <div>
                                <label class="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1">Qty</label>
                                <input type="number" name="production_materials[0][quantity]" min="0" step="0.01" class="w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white" value="0">
                            </div>
                            <div>
                                <label class="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1">Unit</label>
                                <input type="text" name="production_materials[0][unit]" class="suggested-material-unit w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white" placeholder="kg">
                            </div>
                            <div>
                                <label class="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1">Harga/Unit</label>
                                <input type="number" name="production_materials[0][unit_cost]" min="0" class="suggested-material-cost w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white" placeholder="0">
                            </div>
                            <div class="flex items-end">
                                <button type="button" onclick="this.closest('.suggested-material-row').remove()" class="w-full bg-red-500 hover:bg-red-600 text-white text-xs font-semibold px-3 py-2 rounded-lg">
                                    <i class="fas fa-trash mr-1"></i>Hapus
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <button type="button" id="addSuggestedMaterialBtn" class="mt-2 bg-blue-500 hover:bg-blue-600 text-white text-xs font-semibold px-4 py-2 rounded-lg">
                    <i class="fas fa-plus mr-1"></i>Tambah Bahan
                </button>
            </div>

            <!-- Spareparts Section -->
            <div class="mb-4">
                <h4 class="text-sm font-semibold text-gray-800 dark:text-white mb-3">Sparepart Suggested</h4>
                <div id="suggestedSparepartsContainer" class="space-y-3">
                    <div class="suggested-sparepart-row bg-white dark:bg-gray-800 p-3 rounded-lg border border-gray-200 dark:border-gray-600">
                        <div class="grid grid-cols-1 md:grid-cols-5 gap-3">
                            <div>
                                <label class="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1">Sparepart</label>
                                <select name="production_spareparts[0][sparepart_id]" class="suggested-sparepart-select w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
                                    <option value="">-- Pilih Sparepart --</option>
                                    @foreach(\App\Models\Sparepart::where('is_active', true)->get() as $sparepart)
                                        <option value="{{ $sparepart->id }}" data-price="{{ $sparepart->price }}" data-unit="{{ $sparepart->unit }}">{{ $sparepart->name }} (Stock: {{ $sparepart->stock }})</option>
                                    @endforeach
                                </select>
                            </div>
                            <div>
                                <label class="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1">Qty</label>
                                <input type="number" name="production_spareparts[0][quantity]" min="0" step="0.01" class="w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white" value="0">
                            </div>
                            <div>
                                <label class="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1">Unit</label>
                                <input type="text" name="production_spareparts[0][unit]" class="suggested-sparepart-unit w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white" placeholder="pcs">
                            </div>
                            <div>
                                <label class="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1">Harga/Unit</label>
                                <input type="number" name="production_spareparts[0][unit_cost]" min="0" class="suggested-sparepart-cost w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white" placeholder="0">
                            </div>
                            <div class="flex items-end">
                                <button type="button" onclick="this.closest('.suggested-sparepart-row').remove()" class="w-full bg-red-500 hover:bg-red-600 text-white text-xs font-semibold px-3 py-2 rounded-lg">
                                    <i class="fas fa-trash mr-1"></i>Hapus
                                </button>
                            </div>
                        </div>
                    </div>
                </div>
                <button type="button" id="addSuggestedSparepartBtn" class="mt-2 bg-purple-500 hover:bg-purple-600 text-white text-xs font-semibold px-4 py-2 rounded-lg">
                    <i class="fas fa-plus mr-1"></i>Tambah Sparepart
                </button>
            </div>

            <div class="flex items-center justify-end gap-3 pt-4 border-t border-blue-200 dark:border-blue-800">
                <button type="submit" class="bg-blue-500 hover:bg-blue-600 text-white font-medium px-6 py-2 rounded-lg transition-colors duration-200">
                    <i class="fas fa-save mr-2"></i>Simpan sebagai Suggested
                </button>
            </div>
        </form>
        
        @if($production->teknisi_id && $hasUnsentItems)
        <div class="mt-4 bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800 rounded-lg p-4">
            <div class="flex items-center justify-between">
                <div class="flex items-center gap-3">
                    <div class="p-2 bg-green-100 dark:bg-green-900/40 rounded-lg">
                        <i class="fas fa-paper-plane text-green-600 dark:text-green-400 text-sm"></i>
                    </div>
                    <p class="text-sm font-semibold text-gray-900 dark:text-white">Ada item yang belum dikirim ke teknisi</p>
                </div>
                <form action="{{ route('admin.productions.send-to-teknisi', $production) }}" method="POST" class="inline">
                    @csrf
                    <button type="submit" class="bg-green-500 hover:bg-green-600 text-white font-medium px-6 py-2 rounded-lg transition-colors duration-200">
                        <i class="fas fa-paper-plane mr-2"></i>Kirim ke Teknisi
                    </button>
                </form>
            </div>
        </div>
        @endif
    </div>
    @endif

    <!-- Tabel Bahan & Sparepart -->
    <div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 mb-6">
        <div class="px-5 py-4 border-b border-gray-200 dark:border-gray-700">
            <div class="flex items-center gap-3">
                <div class="p-2 bg-indigo-100 dark:bg-indigo-900/40 rounded-lg">
                    <i class="fas fa-boxes text-indigo-600 dark:text-indigo-400 text-sm"></i>
                </div>
                <div>
                    <h3 class="text-base font-semibold text-gray-900 dark:text-white">Daftar Bahan & Sparepart</h3>
                    <p class="text-xs text-gray-500 dark:text-gray-400">{{ $production->productionMaterials->count() + $production->productionSpareparts->count() }} item · {{ $orderQty }} unit produk</p>
                </div>
            </div>
        </div>

        @php
            $allItems = collect();
            $orderQty = $production->quantity ?? $production->order->quantity ?? 1;
            $isProductionCompleted = in_array($production->status, ['selesai', 'dibatalkan']);
            
            foreach($production->productionMaterials as $pm) {
                $totalNeeded = $pm->quantity * $orderQty;
                $currentStock = $pm->material->stock ?? 0;
                
                // Jika produksi sudah selesai, tampilkan status yang sesuai
                if ($isProductionCompleted) {
                    $stockStatus = 'completed';
                    $stockStatusLabel = 'Sudah Digunakan';
                    $stockStatusClass = 'bg-blue-100 dark:bg-blue-900/40 text-blue-700 dark:text-blue-300';
                    $stockStatusIcon = 'check-double';
                    // Untuk produksi selesai, tampilkan jumlah yang digunakan, bukan stok saat ini
                    $currentStock = $totalNeeded;
                } else {
                    // Logika untuk produksi yang belum selesai
                    $stockStatus = 'available';
                    $stockStatusLabel = 'Tersedia/Jumlah Mencukupi';
                    $stockStatusClass = 'bg-green-100 text-green-700';
                    $stockStatusIcon = 'check-circle';

                    // Untuk item request yang sudah diterima (is_additional = true dan is_received = true)
                    // Stok di master barang sudah dikurangi saat admin kirim, jadi stok yang ditampilkan
                    // adalah stok yang "tersedia untuk produksi" (quantity yang sudah diterima)
                    if ($pm->is_additional && $pm->is_received) {
                        // Item request yang sudah diterima: stok yang tersedia = quantity yang sudah diterima
                        $currentStock = $pm->quantity * $orderQty;
                        $stockStatus = 'available';
                        $stockStatusLabel = 'Tersedia (Diterima)';
                        $stockStatusClass = 'bg-green-100 text-green-700';
                        $stockStatusIcon = 'check-circle';
                    } elseif ($currentStock < $totalNeeded) {
                        if ($currentStock == 0) {
                            $stockStatus = 'pending_purchase';
                            $stockStatusLabel = 'Perlu Pembelian';
                            $stockStatusClass = 'bg-red-100 text-red-700';
                            $stockStatusIcon = 'times-circle';
                        } else {
                            $stockStatus = 'insufficient';
                            $stockStatusLabel = 'Perlu Pembelian (Kurang)';
                            $stockStatusClass = 'bg-amber-100 text-amber-700';
                            $stockStatusIcon = 'exclamation-triangle';
                        }
                    }
                }
                
                $allItems->push([
                    'id' => $pm->id,
                    'item_id' => $pm->material_id,
                    'type' => 'material',
                    'name' => $pm->material->name ?? 'N/A',
                    'quantity' => $pm->quantity,
                    'unit' => $pm->unit,
                    'unit_cost' => $pm->unit_cost,
                    'total_cost' => $pm->total_cost,
                    'stock' => $currentStock,
                    'total_needed' => $totalNeeded,
                    'stock_ok' => $currentStock >= $totalNeeded,
                    'stock_status' => $stockStatus,
                    'stock_status_label' => $stockStatusLabel,
                    'stock_status_class' => $stockStatusClass,
                    'stock_status_icon' => $stockStatusIcon,
                    'is_received' => $pm->is_received ?? false,
                    'material_id' => $pm->material_id,
                    'sparepart_id' => null,
                ]);
            }
            foreach($production->productionSpareparts as $ps) {
                $totalNeeded = $ps->quantity * $orderQty;
                $currentStock = $ps->sparepart->stock ?? 0;
                
                // Jika produksi sudah selesai, tampilkan status yang sesuai
                if ($isProductionCompleted) {
                    $stockStatus = 'completed';
                    $stockStatusLabel = 'Sudah Digunakan';
                    $stockStatusClass = 'bg-blue-100 dark:bg-blue-900/40 text-blue-700 dark:text-blue-300';
                    $stockStatusIcon = 'check-double';
                    // Untuk produksi selesai, tampilkan jumlah yang digunakan, bukan stok saat ini
                    $currentStock = $totalNeeded;
                } else {
                    // Logika untuk produksi yang belum selesai
                    $stockStatus = 'available';
                    $stockStatusLabel = 'Tersedia/Jumlah Mencukupi';
                    $stockStatusClass = 'bg-green-100 text-green-700';
                    $stockStatusIcon = 'check-circle';

                    // Untuk item request yang sudah diterima (is_additional = true dan is_received = true)
                    // Stok di master barang sudah dikurangi saat admin kirim, jadi stok yang ditampilkan
                    // adalah stok yang "tersedia untuk produksi" (quantity yang sudah diterima)
                    if ($ps->is_additional && $ps->is_received) {
                        // Item request yang sudah diterima: stok yang tersedia = quantity yang sudah diterima
                        $currentStock = $ps->quantity * $orderQty;
                        $stockStatus = 'available';
                        $stockStatusLabel = 'Tersedia (Diterima)';
                        $stockStatusClass = 'bg-green-100 text-green-700';
                        $stockStatusIcon = 'check-circle';
                    } elseif ($currentStock < $totalNeeded) {
                        if ($currentStock == 0) {
                            $stockStatus = 'pending_purchase';
                            $stockStatusLabel = 'Perlu Pembelian';
                            $stockStatusClass = 'bg-red-100 text-red-700';
                            $stockStatusIcon = 'times-circle';
                        } else {
                            $stockStatus = 'insufficient';
                            $stockStatusLabel = 'Perlu Pembelian (Kurang)';
                            $stockStatusClass = 'bg-amber-100 text-amber-700';
                            $stockStatusIcon = 'exclamation-triangle';
                        }
                    }
                }
                
                $allItems->push([
                    'id' => $ps->id,
                    'item_id' => $ps->sparepart_id,
                    'type' => 'sparepart',
                    'name' => $ps->sparepart->name ?? 'N/A',
                    'quantity' => $ps->quantity,
                    'unit' => $ps->unit,
                    'unit_cost' => $ps->unit_cost,
                    'total_cost' => $ps->total_cost,
                    'stock' => $currentStock,
                    'total_needed' => $totalNeeded,
                    'stock_ok' => $currentStock >= $totalNeeded,
                    'stock_status' => $stockStatus,
                    'stock_status_label' => $stockStatusLabel,
                    'stock_status_class' => $stockStatusClass,
                    'stock_status_icon' => $stockStatusIcon,
                    'is_received' => $ps->is_received ?? false,
                    'material_id' => null,
                    'sparepart_id' => $ps->sparepart_id,
                ]);
            }
            $receivedCount = $allItems->where('is_received', true)->count();
            $totalItems = $allItems->count();
        @endphp
        
        @if($allItems->count() > 0)
        <div class="overflow-x-auto">
            <table class="w-full">
                <thead class="bg-gray-50 dark:bg-gray-700/50 border-b border-gray-200 dark:border-gray-600">
                    <tr>
                        <th class="px-4 py-3.5 text-left text-xs font-semibold text-gray-600 dark:text-gray-300 uppercase">Nama Item</th>
                        <th class="px-4 py-3.5 text-center text-xs font-semibold text-gray-600 dark:text-gray-300 uppercase">Tipe</th>
                        <th class="px-4 py-3.5 text-center text-xs font-semibold text-gray-600 dark:text-gray-300 uppercase">Jumlah</th>
                        <th class="px-4 py-3.5 text-center text-xs font-semibold text-gray-600 dark:text-gray-300 uppercase">Satuan</th>
                        <th class="px-4 py-3.5 text-right text-xs font-semibold text-gray-600 dark:text-gray-300 uppercase">Harga/Unit</th>
                        <th class="px-4 py-3.5 text-right text-xs font-semibold text-gray-600 dark:text-gray-300 uppercase">Total</th>
                        @if(!$isProductionCompleted)
                        <th class="px-4 py-3.5 text-center text-xs font-semibold text-gray-600 dark:text-gray-300 uppercase">Stok</th>
                        <th class="px-4 py-3.5 text-center text-xs font-semibold text-gray-600 dark:text-gray-300 uppercase">Status Ketersediaan</th>
                        @else
                        <th class="px-4 py-3.5 text-center text-xs font-semibold text-gray-600 dark:text-gray-300 uppercase">Jumlah Digunakan</th>
                        <th class="px-4 py-3.5 text-center text-xs font-semibold text-gray-600 dark:text-gray-300 uppercase">Status</th>
                        @endif
                        @if($production->planning_status === 'approved')
                        <th class="px-4 py-3.5 text-center text-xs font-semibold text-gray-600 dark:text-gray-300 uppercase">Diterima</th>
                        @endif
                        @if(!$isProductionCompleted)
                        <th class="px-4 py-3.5 text-center text-xs font-semibold text-gray-600 dark:text-gray-300 uppercase">Aksi</th>
                        @endif
                    </tr>
                </thead>
                <tbody class="bg-white dark:bg-gray-800 divide-y divide-gray-200 dark:divide-gray-700">
                    @foreach($allItems as $item)
                    <tr class="hover:bg-blue-50/50 dark:hover:bg-gray-700/80 transition-colors duration-200">
                        <td class="px-4 py-3.5">
                            <span class="font-medium text-gray-900 dark:text-white text-sm">{{ $item['name'] }}</span>
                        </td>
                        <td class="px-4 py-3.5 text-center">
                            @if($item['type'] === 'material')
                            <span class="inline-flex items-center gap-1.5 px-2.5 py-1 text-xs font-medium rounded-md bg-emerald-100 dark:bg-emerald-900/40 text-emerald-700 dark:text-emerald-300">
                                <i class="fas fa-cube text-xs"></i> Bahan
                            </span>
                            @else
                            <span class="inline-flex items-center gap-1.5 px-2.5 py-1 text-xs font-medium rounded-md bg-blue-100 dark:bg-blue-900/40 text-blue-700 dark:text-blue-300">
                                <i class="fas fa-cog text-xs"></i> Sparepart
                            </span>
                            @endif
                        </td>
                        <td class="px-4 py-3.5 text-center font-medium text-gray-900 dark:text-white text-sm">{{ $item['quantity'] }}</td>
                        <td class="px-4 py-3.5 text-center text-gray-600 dark:text-gray-400 text-sm">{{ $item['unit'] }}</td>
                        <td class="px-4 py-3.5 text-right text-gray-600 dark:text-gray-400 text-sm">Rp {{ number_format($item['unit_cost'], 0, ',', '.') }}</td>
                        <td class="px-4 py-3.5 text-right font-semibold text-gray-900 dark:text-white text-sm">Rp {{ number_format($item['total_cost'], 0, ',', '.') }}</td>
                        @if(!$isProductionCompleted)
                        <td class="px-4 py-3.5 text-center">
                            <div class="flex flex-col items-center gap-1">
                                <span class="text-sm font-medium text-gray-900 dark:text-white">{{ $item['stock'] }}</span>
                                <span class="text-xs text-gray-500">Butuh: {{ $item['total_needed'] }}</span>
                            </div>
                        </td>
                        <td class="px-4 py-3.5 text-center">
                            <span class="inline-flex items-center gap-1 px-2.5 py-1 text-xs font-semibold rounded-md {{ $item['stock_status_class'] }}">
                                <i class="fas fa-{{ $item['stock_status_icon'] }} text-xs"></i>
                                {{ $item['stock_status_label'] }}
                            </span>
                            @if($item['stock_status'] !== 'available' && $item['stock_status'] !== 'completed')
                            <div class="mt-1 text-[10px] text-gray-500">
                                @if($item['stock_status'] === 'insufficient')
                                Kurang: {{ $item['total_needed'] - $item['stock'] }} {{ $item['unit'] }}
                                @else
                                Stok: 0
                                @endif
                            </div>
                            @endif
                        </td>
                        @else
                        <td class="px-4 py-3.5 text-center">
                            <div class="flex flex-col items-center gap-1">
                                <span class="text-sm font-medium text-gray-900 dark:text-white">{{ $item['total_needed'] }}</span>
                                <span class="text-xs text-gray-500">{{ $item['unit'] }}</span>
                            </div>
                        </td>
                        <td class="px-4 py-3.5 text-center">
                            <span class="inline-flex items-center gap-1 px-2.5 py-1 text-xs font-semibold rounded-md {{ $item['stock_status_class'] }}">
                                <i class="fas fa-{{ $item['stock_status_icon'] }} text-xs"></i>
                                {{ $item['stock_status_label'] }}
                            </span>
                        </td>
                        @endif
                        @if($production->planning_status === 'approved')
                        <td class="px-4 py-3.5 text-center">
                            @if($item['is_received'])
                            <span class="inline-flex items-center gap-1 px-2.5 py-1 text-xs font-medium rounded-md bg-green-100 dark:bg-green-900/40 text-green-700 dark:text-green-300">
                                <i class="fas fa-check-circle text-xs"></i> Ya
                            </span>
                            @else
                            <span class="inline-flex items-center gap-1 px-2.5 py-1 text-xs font-medium rounded-md bg-amber-100 dark:bg-amber-900/40 text-amber-700 dark:text-amber-300">
                                <i class="fas fa-clock text-xs"></i> Belum
                            </span>
                            @endif
                        </td>
                        @endif
                        @if(!$isProductionCompleted)
                        <td class="px-4 py-3.5 text-center">
                            @if(in_array($item['stock_status'], ['pending_purchase', 'insufficient']))
                            <a href="{{ route('admin.transaksi.purchases.create', [
                                'from_production' => $production->id,
                                'item_type' => $item['type'],
                                'item_name' => $item['name'],
                                'quantity' => $item['total_needed'],
                                'unit' => $item['unit'],
                                'estimated_price' => $item['unit_cost'],
                                'material_id' => $item['material_id'],
                                'sparepart_id' => $item['sparepart_id'],
                            ]) }}" 
                               class="inline-flex items-center justify-center w-9 h-9 bg-blue-500 hover:bg-blue-600 text-white rounded-lg transition-colors duration-200 shadow-md hover:shadow-lg" 
                               title="Buat Pembelian untuk {{ $item['name'] }}">
                                <i class="fas fa-shopping-cart text-sm"></i>
                            </a>
                            @else
                            <span class="text-gray-400 dark:text-gray-600 text-xs">-</span>
                            @endif
                        </td>
                        @endif
                    </tr>
                    @endforeach
                </tbody>
                <tfoot class="bg-gray-50 dark:bg-gray-700/50 border-t border-gray-200 dark:border-gray-600">
                    <tr>
                        <td colspan="5" class="px-4 py-3.5">
                            <div class="flex flex-wrap items-center gap-3 text-sm">
                                <span class="inline-flex items-center gap-1.5 text-emerald-700 dark:text-emerald-300">
                                    <i class="fas fa-cube text-xs"></i> Bahan: Rp {{ number_format($materialTotal, 0, ',', '.') }}
                                </span>
                                <span class="inline-flex items-center gap-1.5 text-blue-700 dark:text-blue-300">
                                    <i class="fas fa-cog text-xs"></i> Sparepart: Rp {{ number_format($sparepartTotal, 0, ',', '.') }}
                                </span>
                                @if(!$isProductionCompleted)
                                @php
                                    $insufficientStock = $allItems->filter(fn($i) => !$i['stock_ok'])->count();
                                @endphp
                                @if($insufficientStock > 0)
                                <span class="inline-flex items-center gap-1.5 text-red-600 dark:text-red-400 font-medium">
                                    <i class="fas fa-exclamation-triangle text-xs"></i> {{ $insufficientStock }} item perlu pembelian
                                </span>
                                @endif
                                @endif
                            </div>
                        </td>
                        <td class="px-4 py-3.5 text-right font-bold text-gray-900 dark:text-white">
                            Total: Rp {{ number_format($directTotal, 0, ',', '.') }}
                        </td>
                        @if(!$isProductionCompleted)
                        <td></td>
                        <td></td>
                        <td></td>
                        @else
                        <td></td>
                        <td></td>
                        @endif
                        @if($production->planning_status === 'approved')
                        <td class="px-4 py-3.5 text-center">
                            <span class="inline-flex items-center gap-1 px-2.5 py-1 text-xs font-semibold rounded-md {{ $receivedCount == $totalItems ? 'bg-green-100 dark:bg-green-900/40 text-green-700 dark:text-green-300' : 'bg-amber-100 dark:bg-amber-900/40 text-amber-700 dark:text-amber-300' }}">
                                {{ $receivedCount }}/{{ $totalItems }}
                            </span>
                        </td>
                        @endif
                    </tr>
                </tfoot>
                </table>
            </div>
        @else
        <div class="p-12 text-center">
            <div class="w-16 h-16 bg-gray-100 dark:bg-gray-700 rounded-full flex items-center justify-center mx-auto mb-4">
                <i class="fas fa-inbox text-2xl text-gray-400 dark:text-gray-500"></i>
            </div>
            <p class="text-gray-500 dark:text-gray-400 font-medium">Belum ada bahan atau sparepart ditambahkan</p>
            <p class="text-sm text-gray-400 dark:text-gray-500 mt-1">Teknisi akan menginput bahan dan sparepart setelah ditugaskan</p>
        </div>
        @endif
    </div>

    <!-- Cost Summary -->
    <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mb-6">
        @if($laborTotal > 0)
        <div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-4">
            <div class="flex items-center justify-between">
                <div class="flex items-center gap-3">
                    <div class="p-2 bg-orange-100 dark:bg-orange-900/40 rounded-lg">
                        <i class="fas fa-users text-orange-600 dark:text-orange-400 text-sm"></i>
                    </div>
                    <div>
                        <h3 class="text-sm font-semibold text-gray-900 dark:text-white">Biaya Tenaga Kerja</h3>
                        <p class="text-xs text-gray-500 dark:text-gray-400">
                            Upah untuk {{ $orderQty }} unit
                            @if($production->servicePackage)
                                <br><span class="text-blue-600 dark:text-blue-400"><i class="fas fa-tag mr-1"></i>{{ $production->servicePackage->name }}</span>
                            @endif
                        </p>
                    </div>
                </div>
                <div class="text-right">
                    <p class="text-lg font-bold text-orange-600 dark:text-orange-400">Rp {{ number_format($laborTotal, 0, ',', '.') }}</p>
                    <p class="text-xs text-gray-500 dark:text-gray-400">Per unit: Rp {{ number_format($laborTotal / max($orderQty, 1), 0, ',', '.') }}</p>
                    @if($production->labor_package_count && $production->labor_package_count != $orderQty)
                        <p class="text-xs text-gray-500 dark:text-gray-400 mt-1">Jumlah paket: {{ $production->labor_package_count }}</p>
                    @endif
                </div>
            </div>
        </div>
        @endif

        <!-- Total Cost Summary -->
        <div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-4">
            <div class="flex items-center justify-between">
                <div class="flex items-center gap-3">
                    <div class="p-2 bg-indigo-100 dark:bg-indigo-900/40 rounded-lg">
                        <i class="fas fa-calculator text-indigo-600 dark:text-indigo-400 text-sm"></i>
                    </div>
                    <div>
                        <h3 class="text-sm font-semibold text-gray-900 dark:text-white">Total Biaya Produksi</h3>
                        <p class="text-xs text-gray-500 dark:text-gray-400">
                            Langsung: Rp {{ number_format($directTotal, 0, ',', '.') }}
                            @if($laborTotal > 0)
                                · Labor: Rp {{ number_format($laborTotal, 0, ',', '.') }}
                            @endif
                        </p>
                    </div>
                </div>
                <div class="text-right">
                    <p class="text-lg font-bold text-indigo-600 dark:text-indigo-400">Rp {{ number_format($actualTotal, 0, ',', '.') }}</p>
                    <p class="text-xs text-gray-500 dark:text-gray-400">Per unit: Rp {{ number_format($actualTotal / max($orderQty, 1), 0, ',', '.') }}</p>
                </div>
            </div>
        </div>
    </div>

    <!-- Catatan Produksi (Inline Edit) -->
    @if(!in_array($production->status, ['selesai', 'dibatalkan']))
    <div class="bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 p-5">
        <div class="flex items-center justify-between mb-4">
            <h3 class="text-base font-semibold text-gray-800 dark:text-white flex items-center gap-2">
                <i class="fas fa-sticky-note text-amber-600 dark:text-amber-400"></i> Catatan Produksi
            </h3>
            <button type="button" onclick="toggleNotesEdit()" id="editNotesBtn"
                class="inline-flex items-center px-3 py-1.5 text-sm font-medium rounded-md bg-blue-500 hover:bg-blue-600 text-white transition-colors duration-200">
                <i class="fas fa-edit mr-1.5"></i>
                <span id="editNotesBtnText">{{ $production->notes ? 'Edit Catatan' : 'Tambah Catatan' }}</span>
            </button>
        </div>

        <!-- Display Notes -->
        <div id="notesDisplay" class="{{ $production->notes ? '' : 'hidden' }}">
            @if($production->notes)
                <div class="bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded-lg p-4">
                    <p class="text-sm text-amber-800 dark:text-amber-200 whitespace-pre-wrap">{{ $production->notes }}</p>
                </div>
            @else
                <p class="text-sm text-gray-500 dark:text-gray-400 italic">Belum ada catatan</p>
            @endif
        </div>

        <!-- Edit Form -->
        <form id="notesEditForm" action="{{ route('admin.productions.update', $production->id) }}" method="POST" class="hidden">
            @csrf
            @method('PUT')
            <div class="space-y-3">
                <textarea name="notes" id="notesInput" rows="4"
                    class="w-full px-4 py-2.5 border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white focus:outline-none focus:ring-2 focus:ring-blue-500 transition-colors duration-200"
                    placeholder="Tambahkan catatan untuk teknisi...">{{ $production->notes ?? '' }}</textarea>
                <div class="flex items-center gap-2">
                    <button type="submit"
                        class="inline-flex items-center px-4 py-2 text-sm font-medium rounded-md bg-blue-500 hover:bg-blue-600 text-white transition-colors duration-200">
                        <i class="fas fa-save mr-1.5"></i> Simpan
                    </button>
                    <button type="button" onclick="cancelNotesEdit()"
                        class="inline-flex items-center px-4 py-2 text-sm font-medium rounded-md bg-gray-200 hover:bg-gray-300 dark:bg-gray-600 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300 transition-colors duration-200">
                        <i class="fas fa-times mr-1.5"></i> Batal
                    </button>
                </div>
            </div>
        </form>
    </div>
    @else
        @if($production->notes)
        <div class="bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded-lg p-4">
            <h3 class="text-sm font-semibold text-amber-800 dark:text-amber-200 mb-2 flex items-center gap-2">
                <i class="fas fa-sticky-note text-amber-600 dark:text-amber-400"></i> Catatan Produksi
            </h3>
            <p class="text-sm text-amber-700 dark:text-amber-300 whitespace-pre-wrap">{{ $production->notes }}</p>
        </div>
        @endif
    @endif


    <script>
        // Toggle Maintenance Tools
        function toggleMaintenanceTools() {
            const tools = document.getElementById('maintenanceTools');
            if (tools) {
                tools.classList.toggle('hidden');
            }
        }

        // Close maintenance tools when clicking outside
        document.addEventListener('click', function(event) {
            const tools = document.getElementById('maintenanceTools');
            const button = event.target.closest('button[onclick="toggleMaintenanceTools()"]');
            if (tools && !button && !tools.contains(event.target)) {
                tools.classList.add('hidden');
            }
        });

        // Toggle Notes Edit
        function toggleNotesEdit() {
            const display = document.getElementById('notesDisplay');
            const form = document.getElementById('notesEditForm');
            const btn = document.getElementById('editNotesBtn');
            const btnText = document.getElementById('editNotesBtnText');
            
            if (display && form && btn) {
                display.classList.add('hidden');
                form.classList.remove('hidden');
                btn.classList.add('hidden');
                const textarea = document.getElementById('notesInput');
                if (textarea) {
                    textarea.focus();
                    // Set cursor to end
                    textarea.setSelectionRange(textarea.value.length, textarea.value.length);
                }
            }
        }

        function cancelNotesEdit() {
            const display = document.getElementById('notesDisplay');
            const form = document.getElementById('notesEditForm');
            const btn = document.getElementById('editNotesBtn');
            
            if (display && form && btn) {
                display.classList.remove('hidden');
                form.classList.add('hidden');
                btn.classList.remove('hidden');
                // Reset textarea to original value
                const originalNotes = @json($production->notes ?? '');
                const textarea = document.getElementById('notesInput');
                if (textarea) {
                    textarea.value = originalNotes;
                }
            }
        }

        // Update notes display after successful save (if redirected back)
        document.addEventListener('DOMContentLoaded', function() {
            @if(session('success') && str_contains(session('success'), 'Catatan'))
                // If notes were just updated, refresh the display
                const notesDisplay = document.getElementById('notesDisplay');
                const notesInput = document.getElementById('notesInput');
                if (notesDisplay && notesInput) {
                    const newNotes = notesInput.value;
                    if (newNotes.trim()) {
                        notesDisplay.innerHTML = `
                            <div class="bg-amber-50 dark:bg-amber-900/20 border border-amber-200 dark:border-amber-800 rounded-lg p-4">
                                <p class="text-sm text-amber-800 dark:text-amber-200 whitespace-pre-wrap">${newNotes}</p>
                            </div>
                        `;
                        notesDisplay.classList.remove('hidden');
                        // Update button text
                        const btnText = document.getElementById('editNotesBtnText');
                        if (btnText) btnText.textContent = 'Edit Catatan';
                    } else {
                        notesDisplay.innerHTML = '<p class="text-sm text-gray-500 dark:text-gray-400 italic">Belum ada catatan</p>';
                        notesDisplay.classList.remove('hidden');
                        // Update button text
                        const btnText = document.getElementById('editNotesBtnText');
                        if (btnText) btnText.textContent = 'Tambah Catatan';
                    }
                }
            @endif
        });

        let suggestedMaterialIndex = 1;
        let suggestedSparepartIndex = 1;

        document.addEventListener('change', function(e) {
            if (e.target.classList.contains('suggested-material-select')) {
                const row = e.target.closest('.suggested-material-row');
                const selectedOption = e.target.options[e.target.selectedIndex];
                if (selectedOption && selectedOption.value) {
                    const unitInput = row.querySelector('.suggested-material-unit');
                    const costInput = row.querySelector('.suggested-material-cost');
                    if (unitInput) unitInput.value = selectedOption.dataset.unit || '';
                    if (costInput) costInput.value = selectedOption.dataset.price || '';
                }
            }
            if (e.target.classList.contains('suggested-sparepart-select')) {
                const row = e.target.closest('.suggested-sparepart-row');
                const selectedOption = e.target.options[e.target.selectedIndex];
                if (selectedOption && selectedOption.value) {
                    const unitInput = row.querySelector('.suggested-sparepart-unit');
                    const costInput = row.querySelector('.suggested-sparepart-cost');
                    if (unitInput) unitInput.value = selectedOption.dataset.unit || '';
                    if (costInput) costInput.value = selectedOption.dataset.price || '';
                }
            }
        });

        document.getElementById('addSuggestedMaterialBtn')?.addEventListener('click', function() {
            const container = document.getElementById('suggestedMaterialsContainer');
            const row = document.createElement('div');
            row.className = 'suggested-material-row bg-white dark:bg-gray-700 p-3 rounded-lg border border-gray-200 dark:border-gray-600';
            row.innerHTML = `
                <div class="grid grid-cols-1 md:grid-cols-5 gap-3">
                    <div>
                        <label class="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1">Bahan</label>
                        <select name="production_materials[${suggestedMaterialIndex}][material_id]" class="suggested-material-select w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
                            <option value="">-- Pilih Bahan --</option>
                            @foreach(\App\Models\Material::where('is_active', true)->get() as $material)
                            <option value="{{ $material->id }}" data-price="{{ $material->price }}" data-unit="{{ $material->unit }}">{{ $material->name }} (Stock: {{ $material->stock }})</option>
                            @endforeach
                        </select>
                    </div>
                    <div>
                    <label class="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1">Qty</label>
                    <input type="number" name="production_materials[${suggestedMaterialIndex}][quantity]" min="0" step="0.01" class="w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white" value="0">
                    </div>
                    <div>
                        <label class="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1">Unit</label>
                    <input type="text" name="production_materials[${suggestedMaterialIndex}][unit]" class="suggested-material-unit w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white" placeholder="kg">
                    </div>
                    <div>
                    <label class="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1">Harga/Unit</label>
                    <input type="number" name="production_materials[${suggestedMaterialIndex}][unit_cost]" min="0" class="suggested-material-cost w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white" placeholder="0">
                    </div>
                    <div class="flex items-end">
                    <button type="button" onclick="this.closest('.suggested-material-row').remove()" class="w-full bg-red-500 hover:bg-red-600 text-white text-xs font-semibold px-3 py-2 rounded-lg">
                            <i class="fas fa-trash mr-1"></i>Hapus
                        </button>
                    </div>
                </div>
            `;
            container.appendChild(row);
            suggestedMaterialIndex++;
        });

        document.getElementById('addSuggestedSparepartBtn')?.addEventListener('click', function() {
            const container = document.getElementById('suggestedSparepartsContainer');
            const row = document.createElement('div');
            row.className = 'suggested-sparepart-row bg-white dark:bg-gray-700 p-3 rounded-lg border border-gray-200 dark:border-gray-600';
            row.innerHTML = `
                <div class="grid grid-cols-1 md:grid-cols-5 gap-3">
                    <div>
                        <label class="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1">Sparepart</label>
                        <select name="production_spareparts[${suggestedSparepartIndex}][sparepart_id]" class="suggested-sparepart-select w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white">
                            <option value="">-- Pilih Sparepart --</option>
                            @foreach(\App\Models\Sparepart::where('is_active', true)->get() as $sparepart)
                            <option value="{{ $sparepart->id }}" data-price="{{ $sparepart->price }}" data-unit="{{ $sparepart->unit }}">{{ $sparepart->name }} (Stock: {{ $sparepart->stock }})</option>
                            @endforeach
                        </select>
                    </div>
                    <div>
                    <label class="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1">Qty</label>
                    <input type="number" name="production_spareparts[${suggestedSparepartIndex}][quantity]" min="0" step="0.01" class="w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white" value="0">
                    </div>
                    <div>
                        <label class="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1">Unit</label>
                    <input type="text" name="production_spareparts[${suggestedSparepartIndex}][unit]" class="suggested-sparepart-unit w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white" placeholder="pcs">
                    </div>
                    <div>
                    <label class="block text-xs font-medium text-gray-700 dark:text-gray-300 mb-1">Harga/Unit</label>
                    <input type="number" name="production_spareparts[${suggestedSparepartIndex}][unit_cost]" min="0" class="suggested-sparepart-cost w-full px-3 py-2 text-sm border border-gray-300 dark:border-gray-600 rounded-lg bg-white dark:bg-gray-700 text-gray-900 dark:text-white" placeholder="0">
                    </div>
                    <div class="flex items-end">
                    <button type="button" onclick="this.closest('.suggested-sparepart-row').remove()" class="w-full bg-red-500 hover:bg-red-600 text-white text-xs font-semibold px-3 py-2 rounded-lg">
                            <i class="fas fa-trash mr-1"></i>Hapus
                        </button>
                    </div>
                </div>
            `;
            container.appendChild(row);
            suggestedSparepartIndex++;
        });
    </script>
@endsection