@extends('technician.layouts.app')
@section('title', 'Job History')
@section('content')
<div class="page-title"><div><h1>Job History</h1><p>Jobs you have attended and completed.</p></div></div>
@if($jobs->isEmpty())
    <div class="empty-jobs"><i class="fas fa-clock-rotate-left"></i><p>No completed job history found.</p></div>
@else
    <div class="tech-table-card">
        <div class="tech-table-wrap">
            <table class="tech-jobs-table">
                <thead><tr><th>Booking</th><th>Customer</th><th>Service Date</th><th>Service Address</th><th>Completed At</th><th>Status</th><th>Action</th></tr></thead>
                <tbody>
                @foreach($jobs as $assignment)
                    @php($booking = $assignment->serviceBooking)
                    <tr>
                        <td><strong>{{ $booking->booking_no }}</strong></td>
                        <td>{{ $booking->customer->customer_name ?? 'Customer unavailable' }}</td>
                        <td><span class="table-icon-text"><i class="fas fa-calendar-check"></i>{{ \Carbon\Carbon::parse($booking->service_date)->format('d M Y') }}</span></td>
                        <td><span class="table-address">{{ $booking->service_address ?? 'Address not provided' }}</span></td>
                        <td>{{ $assignment->serviceVisit?->checked_out_at?->format('d M Y, h:i A') ?? $assignment->updated_at->format('d M Y, h:i A') }}</td>
                        <td><span class="job-status">{{ $assignment->work_status }}</span></td>
                        <td><a class="tech-button table-button" href="{{ route('technician.history.show', $assignment) }}"><i class="fas fa-eye"></i> View</a></td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endif
@endsection