@extends('customer.layouts.app')
@section('title', 'Service History')
@section('content')
<div class="module-heading"><div><span class="eyebrow green">Completed services</span><h1>Service History</h1><p>Review your completed pest-control visits and service reports.</p></div></div>
<section class="module-card">@if($bookings->isEmpty())<div class="module-empty"><i class="fa-solid fa-clock-rotate-left"></i><h2>No completed services</h2><p>Your completed bookings will appear here.</p></div>@else<div class="responsive-table"><table class="portal-table"><thead><tr><th>Booking</th><th>Service</th><th>Service Date</th><th>Technician</th><th>Chemicals Used</th><th>Invoice</th><th></th></tr></thead><tbody>@foreach($bookings as $booking)<tr><td><strong>{{ $booking->booking_no }}</strong></td><td>{{ $booking->quotation->quotation_number ?? 'Pest Control Service' }}</td><td>{{ \Carbon\Carbon::parse($booking->service_date)->format('d M Y') }}</td><td>{{ $booking->latestAssignment?->technician?->technician_name ?? '-' }}</td><td>{{ $booking->latestAssignment?->serviceVisit?->chemicals_used ?? '-' }}</td><td>@if($booking->invoice)<a class="table-action" href="{{ route('customer.invoices.show', $booking->invoice) }}">{{ $booking->invoice->invoice_no }}</a>@else - @endif</td><td><a class="table-action" href="{{ route('customer.bookings.show', $booking) }}"><i class="fa-regular fa-eye"></i> View</a></td></tr>@endforeach</tbody></table></div>@endif</section>
@endsection