@extends('layouts.app')
@section('title','Ordens de serviço')
@section('content')
@php($statusLabels = ['draft'=>'Rascunho','in_production'=>'Em produção','ready'=>'Pronto para entrega','delivered'=>'Entregue','cancelled'=>'Cancelada'])
<div class="row between" style="margin-bottom:18px">
    <div><h1 style="margin-bottom:4px">Ordens de serviço</h1><div class="muted">Acompanhe cada pedido da montagem até a entrega.</div></div>
    <a class="btn primary" href="{{ route('orders.create') }}">Nova ordem</a>
</div>
<div class="card" style="margin-bottom:16px">
    <form class="row" method="GET">
        <input style="max-width:360px" name="q" value="{{ $q }}" placeholder="Buscar por código ou cliente">
        <select style="max-width:220px" name="status"><option value="">Todos os status</option>@foreach($statusLabels as $value=>$label)<option value="{{ $value }}" @selected(request('status')===$value)>{{ $label }}</option>@endforeach</select>
        <button class="btn" type="submit">Filtrar</button>
        @if(request()->filled('q') || request()->filled('status'))<a class="btn secondary" href="{{ route('orders.index') }}">Limpar</a>@endif
    </form>
</div>
<div class="card" style="overflow:auto">
    <table><thead><tr><th>OS</th><th>Cliente</th><th>Pedido</th><th>Previsão</th><th>Total</th><th>Status</th><th></th></tr></thead><tbody>
        @forelse($orders as $order)
            <tr>
                <td><strong>{{ $order->code }}</strong></td>
                <td>{{ $order->customer->name }}</td>
                <td>{{ $order->ordered_at->format('d/m/Y') }}</td>
                <td>{{ $order->promised_at?->format('d/m/Y') ?? 'Não definida' }}</td>
                <td>R$ {{ number_format((float)$order->total_amount,2,',','.') }}</td>
                <td><span class="badge {{ $order->status==='delivered' ? 'ok' : ($order->status==='cancelled' ? 'bad' : '') }}">{{ $statusLabels[$order->status] ?? $order->status }}</span></td>
                <td><a class="btn secondary" href="{{ route('orders.show',$order) }}">Abrir</a></td>
            </tr>
        @empty
            <tr><td colspan="7" class="muted">Nenhuma ordem de serviço encontrada.</td></tr>
        @endforelse
    </tbody></table>
</div>
<div style="margin-top:16px">{{ $orders->links() }}</div>
@endsection