@extends('layouts.app')
@section('title', 'Processing — ' . $job->job_number)
@section('breadcrumb')<a href="{{ route('processing.index') }}" class="hover:text-white">Processing</a> <i class="fas fa-chevron-right text-xs mx-1 text-slate-600"></i> <span class="text-white">{{ $job->job_number }}</span>@endsection

@section('content')
<div class="space-y-5">
    <div class="card p-5">
        <div class="flex items-center justify-between">
            <div>
                <div class="flex items-center gap-3 mb-1">
                    <h1>{{ $job->job_number }} — Processing</h1>
                    <span class="badge badge-{{ $job->stageColor() }}">{{ $job->stageLabel() }}</span>
                    @if($job->sent_to_manufacture)
                    <span class="badge" style="background:rgba(20,184,166,0.15);color:#2dd4bf;border:1px solid #0d9488;">
                        <i class="fas fa-industry mr-1"></i>Sent to Manufacture
                    </span>
                    @endif
                </div>
                <p>{{ $job->contact?->full_name }} · {{ $job->site_address }}, {{ $job->site_suburb }}</p>
            </div>
        </div>
    </div>

    @if(session('success'))
    <div class="card p-3 border-green-600 bg-green-900/20 text-green-300 flex items-center gap-2 text-sm">
        <i class="fas fa-check-circle"></i> {{ session('success') }}
    </div>
    @endif
    @if(session('error'))
    <div class="card p-3 border-red-600 bg-red-900/20 text-red-300 flex items-center gap-2 text-sm">
        <i class="fas fa-exclamation-circle"></i> {{ session('error') }}
    </div>
    @endif

    <!-- ═══════════════════════════════════════════════════════════════
         SEND TO MANUFACTURE BUTTON (replaces Factory Employee Task Assignments)
         ════════════════════════════════════════════════════════════ -->
    <div x-data="{ confirmOpen: false }" class="card p-5">
        <div class="flex items-center justify-between">
            <div>
                <h3 class="flex items-center gap-2">
                    <i class="fas fa-industry text-teal-400 text-sm"></i> Manufacture
                </h3>
                <p class="text-xs text-slate-500 mt-0.5">
                    @if($job->sent_to_manufacture)
                        Sent to manufacture by {{ $job->sentToManufactureBy?->name ?? 'Unknown' }}
                        on {{ $job->sent_to_manufacture_at?->format('d M Y, g:i A') }}.
                        Factory employees can now see and work on this job.
                    @else
                        When ready, send this job to the factory floor. Factory employees will be notified and can start their assigned tasks.
                    @endif
                </p>
            </div>
            @if(!$job->sent_to_manufacture)
            <button @click="confirmOpen = true" class="btn text-sm font-semibold"
                    style="background:rgba(20,184,166,0.15);color:#2dd4bf;border:1px solid #0d9488;">
                <i class="fas fa-industry mr-2"></i>Send To Manufacture
            </button>
            @else
            <span class="flex items-center gap-2 text-teal-400 text-sm font-semibold">
                <i class="fas fa-check-circle"></i> Already Sent
            </span>
            @endif
        </div>

        @if($job->sent_to_manufacture)
        <div class="mt-4 p-3 rounded-lg text-sm" style="background:rgba(20,184,166,0.07);border:1px solid #0d9488;">
            <div class="flex items-center gap-2 text-teal-300 mb-1">
                <i class="fas fa-info-circle"></i>
                <span class="font-medium">Manufacture Status</span>
            </div>
            @php
                $empAssignments = $job->employeeTaskAssignments->groupBy('user_id');
            @endphp
            @if($empAssignments->count() > 0)
            <div class="mt-2 space-y-2">
                @foreach($empAssignments as $userId => $assignments)
                @php $emp = $assignments->first()->user; @endphp
                <div class="flex items-center gap-3">
                    <div class="w-6 h-6 rounded-full bg-yellow-900 flex items-center justify-center text-xs font-bold text-yellow-300 flex-shrink-0">
                        {{ $emp?->initials ?? '?' }}
                    </div>
                    <span class="text-slate-300 text-xs font-medium w-32 flex-shrink-0">{{ $emp?->name ?? 'Unknown' }}</span>
                    <div class="flex flex-wrap gap-1">
                        @foreach($assignments as $a)
                        @php
                            $badge = match($a->task_status) {
                                'completed'   => 'badge-green',
                                'in_progress' => 'badge-blue',
                                'paused'      => 'badge-yellow',
                                default       => 'badge-gray',
                            };
                        @endphp
                        <span class="badge {{ $badge }} text-xs">{{ $a->taskType?->name }} — {{ ucfirst(str_replace('_',' ',$a->task_status)) }}</span>
                        @endforeach
                    </div>
                </div>
                @endforeach
            </div>
            @else
            <p class="text-slate-400 text-xs mt-1">No task assignments yet. Factory employees will see this job based on their configured tasks.</p>
            @endif
        </div>
        @endif

        {{-- Confirmation popup --}}
        <div x-show="confirmOpen" x-cloak class="fixed inset-0 z-50 flex items-center justify-center p-4" style="background: rgba(0,0,0,0.75)">
            <div class="card w-full max-w-sm p-6" @click.outside="confirmOpen = false">
                <div class="flex items-center gap-3 mb-4">
                    <div class="w-10 h-10 rounded-full flex items-center justify-center flex-shrink-0" style="background:rgba(20,184,166,0.2)">
                        <i class="fas fa-industry text-teal-400"></i>
                    </div>
                    <div>
                        <h4 class="text-white font-semibold">Send To Manufacture?</h4>
                        <p class="text-xs text-slate-400 mt-0.5">Job {{ $job->job_number }}</p>
                    </div>
                </div>
                <p class="text-sm text-slate-300 mb-5">
                    This will make the job visible to all factory employees and automatically create task assignments based on each employee's configured tasks. This action cannot be undone.
                </p>
                <div class="flex gap-3">
                    <button type="button" @click="confirmOpen = false" class="btn btn-secondary flex-1">Cancel</button>
                    <form method="POST" action="{{ route('processing.send_to_manufacture', $job) }}" class="flex-1">
                        @csrf
                        <button type="submit" class="w-full btn text-sm font-semibold" style="background:rgba(20,184,166,0.2);color:#2dd4bf;border:1px solid #0d9488;">
                            <i class="fas fa-industry mr-1"></i>Confirm
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>

    {{-- ═══════════════════════════════════════════════════════════════
         FACTORY EMPLOYEE TASK ASSIGNMENTS — commented out as per requirements
         (assignments are now auto-managed via Send To Manufacture + user_employee_tasks)
    ═════════════════════════════════════════════════════════════════
    <div class="card p-5">
        <div class="flex items-center justify-between">
            <div>
                <h3 class="flex items-center gap-2">
                    <i class="fas fa-user-hard-hat text-yellow-400 text-sm"></i> Factory Employee Task Assignments
                </h3>
                <p class="text-xs text-slate-500 mt-0.5">Assign employee tasks to factory employees for this job.</p>
            </div>
            ...
        </div>
    </div>
    --}}

    <!-- Add New Processing Order Form -->
    <div x-data="{ open: false }" class="card p-5">
        <div class="flex items-center justify-between">
            <h3 class="flex items-center gap-2"><i class="fas fa-plus-circle text-blue-400 text-sm"></i>New Processing Order</h3>
            <button @click="open = !open" class="btn btn-secondary text-xs" x-text="open ? 'Cancel' : '+ Add Order'"></button>
        </div>
        <div x-show="open" x-cloak class="mt-4">
            <form method="POST" action="{{ route('processing.store_order', $job) }}" class="grid grid-cols-1 md:grid-cols-2 gap-4">
                @csrf
                <div class="md:col-span-2">
                    <label class="block text-sm text-slate-400 mb-1">Description *</label>
                    <input type="text" name="description" class="input" required placeholder="e.g. Cabinet carcasses, Doors, Benchtop...">
                </div>
                <div>
                    <label class="block text-sm text-slate-400 mb-1">Supplier</label>
                    <input type="text" name="supplier" class="input" placeholder="Supplier name">
                </div>
                <div>
                    <label class="block text-sm text-slate-400 mb-1">Order Date</label>
                    <input type="date" name="order_date" class="input" value="{{ date('Y-m-d') }}">
                </div>
                <div>
                    <label class="block text-sm text-slate-400 mb-1">ETA Date</label>
                    <input type="date" name="eta_date" class="input">
                </div>
                <div>
                    <label class="block text-sm text-slate-400 mb-1">Total Items</label>
                    <input type="number" name="total_items" class="input" min="0" placeholder="0">
                </div>
                <div class="md:col-span-2">
                    <label class="block text-sm text-slate-400 mb-1">Notes</label>
                    <textarea name="notes" class="input" rows="2" placeholder="Any additional notes..."></textarea>
                </div>
                <div class="md:col-span-2 flex justify-end">
                    <button type="submit" class="btn btn-primary"><i class="fas fa-plus mr-1"></i>Create Processing Order</button>
                </div>
            </form>
        </div>
    </div>

    <!-- Processor Drawing Documents -->
    @include('jobs.partials._processor_drawings_tab', ['job' => $job])

    <!-- Processing Orders -->
    <div class="space-y-4">
        @forelse($job->processingOrders as $order)
        <div class="card p-5">
            <div class="flex items-start justify-between mb-4">
                <div>
                    <div class="flex items-center gap-2 mb-1">
                        <span class="text-sm font-bold text-white">{{ $order->po_number }}</span>
                        <span class="badge badge-{{ $order->statusColor() }}">{{ ucwords(str_replace('_', ' ', $order->status)) }}</span>
                    </div>
                    <p class="text-sm">{{ $order->description }}</p>
                    <div class="flex gap-4 mt-2 text-xs text-slate-500">
                        <span><i class="fas fa-building mr-1"></i>{{ $order->supplier }}</span>
                        @if($order->order_date)
                        <span><i class="fas fa-calendar mr-1"></i>Ordered {{ $order->order_date->format('d M Y') }}</span>
                        @endif
                        @if($order->eta_date)
                        <span><i class="fas fa-truck mr-1"></i>ETA {{ $order->eta_date->format('d M Y') }}</span>
                        @endif
                    </div>
                </div>
                <div class="text-right">
                    <div class="text-2xl font-bold text-white">{{ $order->progress_pct }}%</div>
                    <div class="text-xs text-slate-500">{{ $order->completed_items }}/{{ $order->total_items }} items</div>
                </div>
            </div>
            <div class="progress-bar"><div class="progress-fill" style="width: {{ $order->progress_pct }}%"></div></div>
        </div>
        @empty
        <div class="card p-8 text-center text-slate-500">
            <i class="fas fa-box text-3xl mb-3 text-slate-700 block"></i>No processing orders yet.
        </div>
        @endforelse
    </div>

    <!-- Tasks -->
    @if($job->tasks && $job->tasks->count() > 0)
    <div class="card p-5">
        <h3 class="mb-4">Job Tasks</h3>
        <div class="space-y-2">
            @foreach($job->tasks as $task)
            <div class="flex items-center gap-3 py-2 border-b border-slate-700 last:border-0">
                <div class="w-2 h-2 rounded-full flex-shrink-0 {{ $task->priority === 'high' ? 'bg-red-400' : ($task->priority === 'medium' ? 'bg-yellow-400' : 'bg-slate-500') }}"></div>
                <div class="flex-1 min-w-0">
                    <div class="text-sm text-white">{{ $task->title }}</div>
                    <div class="text-xs text-slate-500">{{ $task->assignedTo?->name }} · Due {{ $task->due_date?->format('d M') }}</div>
                </div>
                <span class="badge badge-{{ $task->status === 'completed' ? 'green' : ($task->status === 'in_progress' ? 'blue' : 'gray') }}">
                    {{ ucwords(str_replace('_', ' ', $task->status)) }}
                </span>
            </div>
            @endforeach
        </div>
    </div>
    @endif
</div>
<style>[x-cloak]{display:none!important}</style>
@endsection