{{-- resources/views/manufacturing/work-orders/index.blade.php --}}
@extends('layouts.app')
@section('title', 'Work Orders')
@section('content')
<div class="page-header">
    <div><div class="page-title">Work Orders</div><div class="page-subtitle">Production job scheduling</div></div>
    <div class="page-actions">
        <a href="{{ route('manufacturing.work-orders.create') }}" class="btn btn-primary"><i class="fas fa-plus"></i> New Work Order</a>
        <a href="{{ route('manufacturing.bom.index') }}" class="btn btn-secondary"><i class="fas fa-sitemap"></i> BOM List</a>
    </div>
</div>
<div class="card mb-4" style="padding:14px 16px;">
    <form method="GET" style="display:flex;gap:10px;align-items:center;">
        <select name="status" class="form-control" style="max-width:180px;"><option value="">All Status</option>@foreach(['draft','submitted','in_process','completed','stopped','cancelled'] as $s)<option value="{{ $s }}" {{ request('status')===$s?'selected':'' }}>{{ ucfirst(str_replace('_',' ',$s)) }}</option>@endforeach</select>
        <button type="submit" class="btn btn-primary"><i class="fas fa-search"></i></button>
    </form>
</div>
<div class="card">
    <div class="table-wrapper">
        <table>
            <thead><tr><th>WO #</th><th>Finished Item</th><th>Planned Qty</th><th>Produced</th><th>Progress</th><th>Start Date</th><th>End Date</th><th>Status</th><th class="text-center">Actions</th></tr></thead>
            <tbody>
                @forelse($orders as $wo)
                <tr>
                    <td class="font-mono" style="font-size:12px;color:var(--primary);">{{ $wo->number }}</td>
                    <td style="font-weight:600;">{{ $wo->finishedItem->name }}</td>
                    <td>{{ $wo->planned_qty }} {{ $wo->bom->unit }}</td>
                    <td>{{ $wo->produced_qty }}</td>
                    <td>
                        <div style="display:flex;align-items:center;gap:8px;">
                            <div style="flex:1;height:6px;background:var(--bg);border-radius:3px;overflow:hidden;">
                                <div style="width:{{ $wo->progress }}%;height:100%;background:{{ $wo->progress>=100?'var(--success)':'var(--primary)' }};border-radius:3px;"></div>
                            </div>
                            <span style="font-size:12px;min-width:30px;">{{ $wo->progress }}%</span>
                        </div>
                    </td>
                    <td style="font-size:12px;">{{ $wo->planned_start_date->format('d M Y') }}</td>
                    <td style="font-size:12px;">{{ $wo->planned_end_date->format('d M Y') }}</td>
                    <td>
                        @php $cls=['draft'=>'secondary','submitted'=>'info','in_process'=>'warning','completed'=>'success','stopped'=>'danger','cancelled'=>'secondary']; @endphp
                        <span class="badge badge-{{ $cls[$wo->status]??'secondary' }}">{{ ucfirst(str_replace('_',' ',$wo->status)) }}</span>
                    </td>
                    <td class="text-center">
                        <div style="display:flex;gap:4px;justify-content:center;">
                            <a href="{{ route('manufacturing.work-orders.show',$wo) }}" class="btn btn-xs btn-secondary"><i class="fas fa-eye"></i></a>
                            @if($wo->status==='draft')
                            <form method="POST" action="{{ route('manufacturing.work-orders.submit',$wo) }}" style="display:inline;">@csrf @method('PATCH')<button type="submit" class="btn btn-xs btn-success" onclick="return confirm('Start production?')"><i class="fas fa-play"></i></button></form>
                            @endif
                        </div>
                    </td>
                </tr>
                @empty
                <tr><td colspan="9" class="text-center text-muted" style="padding:40px;">No work orders found</td></tr>
                @endforelse
            </tbody>
        </table>
    </div>
</div>
@endsection