@extends('layouts.app')
@section('title', 'Works Order Report')
@section('breadcrumb')<a href="{{ route('reports.index') }}" class="hover:text-white">Reports</a> <i class="fas fa-chevron-right text-xs mx-1 text-slate-600"></i><span class="text-white">Works Orders</span>@endsection

@section('content')
<div class="space-y-5">

<div class="flex items-center justify-between">
    <div>
        <h1 class="mb-1">Works Order Report</h1>
        <p class="text-slate-400 text-sm">All works orders per job with items breakdown</p>
    </div>
    <a href="{{ route('reports.works-order.pdf', request()->query()) }}"
       class="btn" style="background:#7c3aed;color:#ede9fe;">
        <i class="fas fa-file-pdf mr-2"></i>Export PDF
    </a>
</div>

<form method="GET" action="{{ route('reports.works-order') }}" class="card p-4">
    <div class="flex flex-wrap items-end gap-3">
        <div>
            <label class="block text-xs text-slate-500 mb-1">Issue Date From</label>
            <input type="date" name="from" value="{{ $from }}" class="input" style="width:150px;">
        </div>
        <div>
            <label class="block text-xs text-slate-500 mb-1">Issue Date To</label>
            <input type="date" name="to" value="{{ $to }}" class="input" style="width:150px;">
        </div>
        <div>
            <label class="block text-xs text-slate-500 mb-1">Job (optional)</label>
            <select name="job_id" class="input" style="width:220px;">
                <option value="">All Jobs</option>
                @foreach($jobs as $j)
                <option value="{{ $j->id }}" {{ $selectedJobId == $j->id ? 'selected' : '' }}>{{ $j->job_number }} — {{ $j->contact?->full_name }}</option>
                @endforeach
            </select>
        </div>
        <div class="flex gap-2">
            <button type="submit" class="btn btn-primary"><i class="fas fa-filter mr-2"></i>Apply</button>
            <a href="{{ route('reports.works-order') }}" class="btn btn-secondary">Reset</a>
        </div>
    </div>
</form>

@forelse($worksOrders as $wo)
<div class="card overflow-hidden">
    {{-- Header --}}
    <div class="px-5 py-4 border-b border-slate-700 flex items-center justify-between" style="background:#0f172a;">
        <div>
            <h3 class="text-white font-semibold">
                {{ $wo->order_number }}
                <span class="ml-2 badge {{ $wo->status === 'completed' ? 'badge-green' : ($wo->status === 'in_progress' ? 'badge-amber' : 'badge-blue') }}">
                    {{ $wo->statusLabel() }}
                </span>
            </h3>
            <p class="text-sm text-slate-400 mt-0.5">
                <span class="text-blue-300 font-medium">{{ $wo->job?->job_number }}</span>
                &nbsp;·&nbsp; {{ $wo->job?->contact?->full_name ?? '—' }}
                &nbsp;·&nbsp; {{ $wo->job?->site_suburb ?? '—' }}
            </p>
        </div>
        <div class="text-right text-sm text-slate-400">
            <div>Type: <span class="text-white">{{ $wo->works_order_type ?? '—' }}</span></div>
            <div>Issued: <span class="text-white">{{ $wo->issued_date?->format('d M Y') ?? '—' }}</span></div>
            <div>Target: <span class="text-amber-300">{{ $wo->target_completion?->format('d M Y') ?? '—' }}</span></div>
        </div>
    </div>

    {{-- Details row --}}
    <div class="px-5 py-3 grid grid-cols-2 md:grid-cols-4 gap-4 border-b border-slate-700 text-sm">
        <div>
            <div class="text-xs text-slate-500 mb-0.5">Manufacture Date</div>
            <div class="text-slate-200">{{ $wo->manufacture_date?->format('d M Y') ?? '—' }}</div>
        </div>
        <div>
            <div class="text-xs text-slate-500 mb-0.5">Delivery Date</div>
            <div class="text-slate-200">{{ $wo->delivery_date?->format('d M Y') ?? '—' }}</div>
        </div>
        <div>
            <div class="text-xs text-slate-500 mb-0.5">Completion %</div>
            <div class="text-slate-200">{{ $wo->completionPct() }}%</div>
        </div>
        <div>
            <div class="text-xs text-slate-500 mb-0.5">Supervisor</div>
            <div class="text-slate-200">{{ $wo->supervisor?->name ?? '—' }}</div>
        </div>
    </div>

    @if($wo->scope_of_works)
    <div class="px-5 py-3 border-b border-slate-700">
        <div class="text-xs text-slate-500 mb-1">Scope of Works</div>
        <p class="text-sm text-slate-300">{{ $wo->scope_of_works }}</p>
    </div>
    @endif

    {{-- Items --}}
    @if($wo->items->isNotEmpty())
    <table class="w-full text-sm">
        <thead>
            <tr class="text-xs text-slate-400 uppercase border-b border-slate-700">
                <th class="px-4 py-2 text-left">#</th>
                <th class="px-4 py-2 text-left">Description</th>
                <th class="px-4 py-2 text-left">Trade</th>
                <th class="px-4 py-2 text-left">Assignee</th>
                <th class="px-4 py-2 text-center">Est. Hours</th>
                <th class="px-4 py-2 text-center">Status</th>
            </tr>
        </thead>
        <tbody>
            @foreach($wo->items as $item)
            <tr class="border-b border-slate-800">
                <td class="px-4 py-2 text-slate-500">{{ $loop->iteration }}</td>
                <td class="px-4 py-2 text-slate-200">{{ $item->description }}</td>
                <td class="px-4 py-2 text-slate-400">{{ \App\Models\WorksOrderItem::tradeLabel($item->trade) }}</td>
                <td class="px-4 py-2 text-slate-400">{{ $item->assignee?->name ?? '—' }}</td>
                <td class="px-4 py-2 text-center text-slate-400">{{ $item->estimated_hours ?? '—' }}</td>
                <td class="px-4 py-2 text-center">
                    <span class="badge {{ $item->status === 'done' ? 'badge-green' : ($item->status === 'in_progress' ? 'badge-blue' : 'badge-gray') }}">
                        {{ ucfirst(str_replace('_', ' ', $item->status)) }}
                    </span>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>
    @else
    <p class="px-5 py-3 text-sm text-slate-500 italic">No line items on this works order.</p>
    @endif

    @if($wo->faults->isNotEmpty())
    <div class="px-5 py-3 border-t border-slate-700 bg-red-900/10">
        <div class="text-xs text-red-400 font-semibold mb-2">FAULT ITEMS ({{ $wo->faults->count() }})</div>
        @foreach($wo->faults as $fault)
        <div class="text-xs text-slate-400 flex justify-between">
            <span>{{ $fault->fault_number }} · {{ $fault->fault_type ?? 'Fault' }}</span>
            <span class="text-red-400">${{ number_format($fault->cost ?? 0) }}</span>
        </div>
        @endforeach
    </div>
    @endif
</div>
@empty
<div class="card p-8 text-center text-slate-500">
    <i class="fas fa-clipboard-list text-3xl mb-3 block"></i>
    No works orders found for the selected criteria.
</div>
@endforelse

</div>
@endsection