@extends('technician.layouts.app')
@section('title', 'History Details')
@section('content')
@php($booking = $assignment->serviceBooking)
@php($visit = $assignment->serviceVisit)
<div class="page-title"><div><h1>Completed Job Details</h1><p>{{ $booking->booking_no }}</p></div></div>
<div class="detail-grid">
    <section class="detail-card">
        <h3>Customer & Service</h3>
        <div class="detail-line"><span>Customer</span>{{ $booking->customer->customer_name ?? '-' }}</div>
        <div class="detail-line"><span>Service Schedule</span>{{ \Carbon\Carbon::parse($booking->service_date)->format('d M Y') }}{{ $booking->service_time ? ' · ' . \Carbon\Carbon::parse($booking->service_time)->format('h:i A') : '' }}</div>
        <div class="detail-line"><span>Service Address</span>{{ $booking->service_address ?? '-' }}</div>
        <div class="detail-line"><span>Instructions</span>{{ $assignment->instructions ?: 'No special instructions' }}</div>
    </section>
    <section class="detail-card">
        <h3>Visit History</h3>
        <div class="detail-line"><span>Job Status</span><span class="job-status">{{ $assignment->work_status }}</span></div>
        <div class="detail-line"><span>Check-In</span>{{ $visit?->checked_in_at?->format('d M Y, h:i A') ?? 'Not recorded' }}</div>
        <div class="detail-line"><span>Check-Out</span>{{ $visit?->checked_out_at?->format('d M Y, h:i A') ?? 'Not recorded' }}</div>
    </section>
</div>
@if($booking->images->isNotEmpty())
<section class="detail-card" style="margin-top:18px">
    <h3>Customer Booking Images</h3>
    <div class="photo-grid">@foreach($booking->images as $image)<a href="{{ asset('storage/'.$image->image_path) }}" target="_blank"><img class="visit-photo" src="{{ asset('storage/'.$image->image_path) }}" alt="Customer booking image {{ $loop->iteration }}"></a>@endforeach</div>
</section>
@endif
<section class="detail-card" style="margin-top:18px">
    <h3>Completion Report</h3>
    <div class="detail-line"><span>Completion Notes</span>{{ $visit?->completion_notes ?: 'No completion notes recorded.' }}</div>
    <div class="detail-line"><span>Chemicals Used</span>{{ $visit?->chemicals_used ?: 'Not recorded' }}</div>
    @if($visit?->before_photo || $visit?->after_photo)
        <div class="photo-grid">
            @if($visit?->before_photo)<div><small>Before</small><br><img class="visit-photo" src="{{ asset('storage/' . $visit->before_photo) }}" alt="Before service photo"></div>@endif
            @if($visit?->after_photo)<div><small>After</small><br><img class="visit-photo" src="{{ asset('storage/' . $visit->after_photo) }}" alt="After service photo"></div>@endif
        </div>
    @endif
</section>
@endsection