@extends('technician.layouts.app')
@section('title', 'My Jobs')
@section('content')
<div class="page-title">
    <div><h1>My Jobs</h1><p>Your assigned and active jobs.</p></div>
</div>
@if($jobs->isEmpty())
    <div class="empty-jobs">No active assigned jobs found.</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 Schedule</th><th>Service Address</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-alt"></i>{{ \Carbon\Carbon::parse($booking->service_date)->format('d M Y') }}{{ $booking->service_time ? ', '.\Carbon\Carbon::parse($booking->service_time)->format('h:i A') : '' }}</span></td>
                        <td><span class="table-address">{{ $booking->service_address ?? 'Address not provided' }}</span></td>
                        <td><span class="job-status">{{ $assignment->work_status }}</span></td>
                        <td><a class="tech-button table-button" href="{{ route('technician.jobs.show', $assignment) }}"><i class="fas fa-eye"></i> Open</a></td>
                    </tr>
                @endforeach
                </tbody>
            </table>
        </div>
    </div>
@endif
@endsection