@extends('layouts.app')
@section('title', 'Field board')

@section('content')
    <div class="page-head">
        <div><h1>Field board — {{ today()->format('l j F Y') }}</h1>
            <p>Technician load and today's scheduled jobs.</p></div>
        <div class="row-actions">
            <a href="{{ route('work-orders.index') }}" class="btn ghost">Work orders</a>
            <a href="{{ route('work-orders.create') }}" class="btn">+ New work order</a>
        </div>
    </div>

    <div class="kpi-grid">
        @include('components.kpi', ['label' => 'Jobs today', 'value' => number_format($jobs->count()), 'variant' => 'info'])
        @include('components.kpi', ['label' => 'Technicians on roster', 'value' => number_format($technicians->count()), 'variant' => 'info'])
        @include('components.kpi', ['label' => 'Open jobs (all time)',
            'value' => number_format($technicians->sum('open_jobs')), 'variant' => 'warn'])
        @include('components.kpi', ['label' => 'Completed today',
            'value' => number_format($jobs->where('status', 'completed')->count()), 'variant' => 'good'])
    </div>

    {{-- Technician load --}}
    <div class="card">
        <div class="card-head"><h2>Technician load</h2></div>
        <div class="card-body tight">
            <div class="table-wrap">
                <table class="data">
                    <thead>
                    <tr>
                        <th>Technician</th><th>Contact</th><th>Skills</th><th>Service areas</th>
                        <th class="num">Open jobs</th><th class="num">Capacity</th><th class="num">Rating</th><th>Status</th>
                    </tr>
                    </thead>
                    <tbody>
                    @forelse ($technicians as $tech)
                        @php
                            $capacity = (int) ($tech->max_jobs_per_day ?: 4);
                            $load = (int) $tech->open_jobs;
                            $saturated = $load >= $capacity;
                        @endphp
                        <tr>
                            <td>
                                <strong>{{ $tech->name }}</strong>
                                @if ($tech->vehicle_plate)
                                    <div class="muted small mono">{{ $tech->vehicle_plate }}</div>
                                @endif
                            </td>
                            <td class="small">
                                {{ $tech->phone }}
                                @if ($tech->email)<div class="muted">{{ $tech->email }}</div>@endif
                            </td>
                            <td class="small">
                                @foreach ((array) ($tech->skills ?? []) as $skill)
                                    <span class="chip">{{ title_case_words(str_replace('_', ' ', $skill)) }}</span>
                                @endforeach
                            </td>
                            <td class="small muted">{{ implode(', ', (array) ($tech->service_areas ?? [])) ?: '—' }}</td>
                            <td class="num {{ $saturated ? 'danger' : '' }}">{{ $load }}</td>
                            <td class="num">{{ $capacity }}</td>
                            <td class="num">{{ $tech->rating ? number_format((float) $tech->rating, 1).' ★' : '—' }}</td>
                            <td><span class="badge {{ status_color($tech->status) }}">{{ title_case_words($tech->status) }}</span></td>
                        </tr>
                    @empty
                        <tr><td colspan="8">
                            @include('components.empty-state', [
                                'title' => 'No technicians on the roster',
                                'message' => 'Add technicians under Inventory before dispatching work.',
                            ])
                        </td></tr>
                    @endforelse
                    </tbody>
                </table>
            </div>
        </div>
    </div>

    {{-- Today's jobs, grouped by technician --}}
    <div class="card">
        <div class="card-head">
            <h2>Today's schedule</h2>
            <span class="muted small">{{ $jobs->count() }} job(s) scheduled for today</span>
        </div>
        <div class="card-body">
            @if ($jobs->isEmpty())
                @include('components.empty-state', [
                    'title' => 'Nothing scheduled today',
                    'message' => 'No work order has a start time falling on today.',
                ])
            @else
                @foreach ($jobs->groupBy(fn ($j) => $j->technician?->name ?? 'Unassigned') as $techName => $techJobs)
                    <h3 class="group-title">{{ $techName }}
                        <span class="muted small">({{ $techJobs->count() }})</span>
                    </h3>
                    <div class="table-wrap">
                        <table class="data">
                            <thead>
                            <tr>
                                <th>Time</th><th>Reference</th><th>Customer</th><th>Type</th>
                                <th>Address</th><th>Priority</th><th>Status</th><th></th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach ($techJobs as $job)
                                <tr>
                                    <td class="mono small">
                                        {{ $job->scheduled_start?->format('H:i') }}
                                        @if ($job->scheduled_end)
                                            <span class="muted">– {{ $job->scheduled_end->format('H:i') }}</span>
                                        @endif
                                    </td>
                                    <td class="mono">{{ $job->work_order_number }}</td>
                                    <td>{{ optional($job->customer)->display_name ?? '—' }}</td>
                                    <td><span class="chip">{{ title_case_words($job->type) }}</span></td>
                                    <td class="small">{{ Str::limit($job->address, 48) }}</td>
                                    <td><span class="badge {{ status_color($job->priority) }}">{{ title_case_words($job->priority) }}</span></td>
                                    <td><span class="badge {{ status_color($job->status) }}">{{ title_case_words($job->status) }}</span></td>
                                    <td class="right">
                                        <a href="{{ route('work-orders.show', $job) }}" class="btn small ghost">Open</a>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                @endforeach
            @endif
        </div>
    </div>
@endsection