@extends('customer.layouts.app')

@section('title', 'Service Bookings')

@section('content')
<div class="module-heading heading-actions">
    <div><span class="eyebrow green">Your appointments</span><h1>Service Bookings</h1><p>Track the services you have scheduled with us.</p></div>
    <a class="primary-link" href="{{ route('customer.bookings.create') }}"><i class="fa-solid fa-plus"></i> Add booking</a>
</div>

<section class="module-card">
    @if($bookings->isEmpty())
        <div class="module-empty"><i class="fa-regular fa-calendar-check"></i><h2>No service bookings</h2><p>Choose an approved quotation to schedule your first service.</p><a class="primary-link" href="{{ route('customer.bookings.create') }}">Add service booking</a></div>
    @else
        <div class="responsive-table">
            <table class="portal-table">
                <thead><tr><th>Booking</th><th>Quotation</th><th>Schedule</th><th>Technician</th><th>Images</th><th>Status</th><th></th></tr></thead>
                <tbody>
                @foreach($bookings as $booking)
                    <tr>
                        <td><strong>{{ $booking->booking_no }}</strong></td>
                        <td>{{ $booking->quotation->quotation_number ?? '-' }}</td>
                        <td>{{ \Carbon\Carbon::parse($booking->service_date)->format('d M Y') }}{{ $booking->service_time ? ', '.\Carbon\Carbon::parse($booking->service_time)->format('h:i A') : '' }}</td>
                        <td>{{ $booking->latestAssignment?->technician?->technician_name ?? 'Not assigned' }}</td>
                        <td>{{ $booking->images->count() }}</td>
                        <td><span class="status-pill">{{ $booking->service_status }}</span></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