@extends('layouts.app')
@section('title', 'Work orders')

@section('content')
    <div class="page-head">
        <div><h1>Field work orders</h1><p>{{ $workOrders->total() }} job(s) in this view.</p></div>
        <div class="page-actions">
            <a href="{{ route('field.board') }}" class="btn secondary">Dispatch board</a>
            <a href="{{ route('work-orders.create') }}" class="btn">+ New work order</a>
        </div>
    </div>

    <div class="grid grid-6 mb-2">
        @include('components.kpi', ['label' => 'Open', 'value' => $counts['open'], 'variant' => 'warn',
            'href' => route('work-orders.index', ['status' => 'open'])])
        @include('components.kpi', ['label' => 'Assigned', 'value' => $counts['assigned'], 'variant' => 'info',
            'href' => route('work-orders.index', ['status' => 'assigned'])])
        @include('components.kpi', ['label' => 'In progress', 'value' => $counts['in_progress'],
            'href' => route('work-orders.index', ['status' => 'in_progress'])])
        @include('components.kpi', ['label' => 'Completed today', 'value' => $counts['completed_today'], 'variant' => 'good', 'href' => '#'])
        @include('components.kpi', ['label' => 'Cancelled', 'value' => $counts['cancelled'], 'variant' => 'bad',
            'href' => route('work-orders.index', ['status' => 'cancelled'])])
        @include('components.kpi', ['label' => 'Material cost', 'value' => money($counts['material_cost']), 'href' => '#'])
    </div>

    <form class="filters" method="GET">
        <div class="field" style="flex:2 1 240px;">
            <label>Search</label>
            <input type="search" name="q" value="{{ $filters['q'] ?? '' }}" placeholder="Job no., customer, address…">
        </div>
        <div class="field">
            <label>Status</label>
            <select name="status" data-auto-submit>
                <option value="">All</option>
                @foreach (['open','assigned','in_progress','on_hold','completed','cancelled'] as $s)
                    <option value="{{ $s }}" @selected(($filters['status'] ?? '') === $s)>{{ title_case_words($s) }}</option>
                @endforeach
            </select>
        </div>
        <div class="field">
            <label>Type</label>
            <select name="type" data-auto-submit>
                <option value="">All</option>
                @foreach (['installation','repair','maintenance','relocation','removal','inspection','upgrade'] as $t)
                    <option value="{{ $t }}" @selected(($filters['type'] ?? '') === $t)>{{ title_case_words($t) }}</option>
                @endforeach
            </select>
        </div>
        <div class="field">
            <label>Technician</label>
            <select name="technician" data-auto-submit>
                <option value="">Everyone</option>
                @foreach ($technicians as $technician)
                    <option value="{{ $technician->id }}" @selected(($filters['technician'] ?? '') == $technician->id)>{{ $technician->name }}</option>
                @endforeach
            </select>
        </div>
        <div class="field" style="flex:0 0 auto;"><label>&nbsp;</label><button type="submit" class="btn secondary">Filter</button></div>
    </form>

    <div class="card">
        <div class="card-body tight">
            <div class="table-wrap">
                <table class="data">
                    <thead>
                    <tr>
                        <th>Job</th><th>Customer</th><th>Type</th><th>Priority</th><th>Technician</th>
                        <th>Scheduled</th><th>Status</th><th class="num">Materials</th><th></th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse ($workOrders as $wo)
                        <tr>
                            <td>
                                <a href="{{ route('work-orders.show', $wo) }}" class="mono strong">{{ $wo->work_order_number }}</a>
                                <div class="tiny muted truncate" style="max-width:200px;">{{ $wo->description }}</div>
                            </td>
                            <td class="small">
                                @if ($wo->customer)
                                    <a href="{{ route('customers.show', $wo->customer) }}">{{ $wo->customer->display_name }}</a>
                                @else
                                    <span class="muted">No customer</span>
                                @endif
                                <div class="tiny muted truncate" style="max-width:180px;">{{ $wo->site_address }}</div>
                            </td>
                            <td><span class="badge info">{{ title_case_words($wo->type) }}</span></td>
                            <td><span class="badge {{ $wo->priority === 'urgent' ? 'danger' : ($wo->priority === 'high' ? 'warning' : 'muted') }}">
                                {{ $wo->priority }}</span></td>
                            <td class="small">{{ $wo->technician?->name ?: 'Unassigned' }}
                                @if ($wo->technician)
                                    <div class="tiny muted">{{ $wo->technician->jobs_today_count }} job(s) today</div>
                                @endif</td>
                            <td class="small nowrap">{{ $wo->scheduled_start?->format('d M H:i') ?? '—' }}</td>
                            <td><span class="badge {{ status_color($wo->status) }}"><span class="dot"></span>{{ title_case_words($wo->status) }}</span></td>
                            <td class="num">{{ money($wo->material_cost) }}</td>
                            <td class="right"><a href="{{ route('work-orders.show', $wo) }}" class="btn xs secondary">Open</a></td>
                        </tr>
                    @empty
                        <tr><td colspan="9">
                            @include('components.empty-state', ['icon' => '&#128295;', 'title' => 'No work orders found',
                                'message' => 'Create a job to dispatch a technician.',
                                'action' => '<a href="'.route('work-orders.create').'" class="btn sm">+ New work order</a>'])
                        </td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        @if ($workOrders->hasPages())<div class="card-foot">{{ $workOrders->links('partials.pagination') }}</div>@endif
    </div>
@endsection