@include('admin.include.header')
@include('admin.include.sidebar')

<div class="d-flex flex-row flex-column-fluid px-10">
    <div class="main d-flex flex-column flex-row-fluid">
        <div class="content flex-column-fluid" id="kt_content">

            <div class="card card-custom gutter-b">
                <div class="card-header border-0 pt-6">
                    <div class="card-title">
                        <h3 class="card-label">Inspection Detail</h3>
                    </div>
                    <div class="card-toolbar">
                        <a href="{{ route('inspection.export.pdf', $inspection->id) }}" target="_blank" class="btn btn-sm btn-danger">
                            <i class="fa fa-file-pdf mr-1"></i> Export PDF
                        </a>
                        <a href="{{ url('dashboard') }}#inspection_list_table" class="btn btn-sm btn-secondary ml-2">Back to Dashboard</a>
                    </div>
                </div>
                <div class="card-body">
                    @php
                        $displayVehicle = $inspection->vehicle?->unit_number ?? $inspection->answers->first()?->vehicle_name ?? $inspection->answers->first()?->vehicle?->unit_number ?? '—';
                        $displayVin = $inspection->vehicle?->vin ?? $inspection->answers->first()?->vin ?? '—';
                        $displayDate = $inspection->inspection_date ? $inspection->inspection_date->format('M d, Y H:i') : ($inspection->answers->first()?->created_at?->format('M d, Y H:i') ?? '—');

                        // Per-question counts across all categories
                        $allAnswers   = $inspection->answers;
                        $passCount    = $allAnswers->where('status', 'pass')->count();
                        $fixCount     = $allAnswers->where('status', 'fix')->count();
                        $failCount    = $allAnswers->where('status', 'fail')->count();
                        $overallCount = $allAnswers->count();
                    @endphp
                    <div class="row mb-4">
                        <div class="col-md-6">
                            <p class="mb-1"><strong>Vehicle:</strong> {{ $displayVehicle }}</p>
                            <p class="mb-1"><strong>VIN:</strong> {{ $displayVin }}</p>
                            <p class="mb-1"><strong>Inspection date:</strong> {{ $displayDate }}</p>
                        </div>
                        <div class="col-md-6">
                            @php
                                $displayMechanic = null;
                                foreach ($inspection->answers->sortByDesc('created_at') as $a) {
                                    $m = $a->mechanic;
                                    if ($m && $m->id != 1) { $displayMechanic = $m; break; }
                                }
                                if (!$displayMechanic && $inspection->mechanic && $inspection->mechanic->id != 1) $displayMechanic = $inspection->mechanic;
                            @endphp
                            <p class="mb-1"><strong>Mechanic:</strong> {{ $displayMechanic?->name ?? '—' }}</p>
                            <p class="mb-1">
                                <strong>Overall questions:</strong> {{ $overallCount }}
                            </p>
                            <p class="mb-1">
                                <span class="badge badge-success mr-1">Pass: {{ $passCount }}</span>
                                <span class="badge badge-warning mr-1">Fix: {{ $fixCount }}</span>
                                <span class="badge badge-danger">Fail: {{ $failCount }}</span>
                            </p>
                            @if($inspection->due_date)
                                <p class="mb-1"><strong>Due date:</strong> {{ $inspection->due_date->format('M d, Y') }}</p>
                            @endif
                        </div>
                    </div>

                    <h5 class="mb-3">Category-wise questions & answers</h5>
                    @forelse($byCategory as $category => $answers)
                        <div class="mb-4">
                            <h6 class="text-primary border-bottom pb-2">{{ $category }}</h6>
                            <div class="table-responsive">
                                <table class="table table-bordered table-sm">
                                    <thead class="thead-light">
                                        <tr>
                                            <th>Question</th>
                                            <th style="width:100px">Answer</th>
                                            <th>Notes</th>
                                            <th style="width:180px">Photos</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @foreach($answers as $a)
                                            <tr>
                                                <td>{{ $a->question ?: '—' }}</td>
                                                <td>
                                                    <span class="badge badge-{{ $a->status === 'pass' ? 'success' : ($a->status === 'fix' ? 'warning' : 'danger') }}">
                                                        {{ ucfirst($a->status ?? '—') }}
                                                    </span>
                                                </td>
                                                <td>{{ $a->notes ?: '—' }}</td>
                                                <td>
                                                    @php $answerImages = $a->images ?? collect(); @endphp
                                                    @if($answerImages->isNotEmpty())
                                                        @foreach($answerImages as $img)
                                                            <a href="{{ asset('storage/' . $img->path) }}" target="_blank" class="d-block mb-1">
                                                                <img src="{{ asset('storage/' . $img->path) }}" alt="Photo" class="img-thumbnail" style="max-height:60px; max-width:80px;">
                                                            </a>
                                                        @endforeach
                                                    @elseif(is_array($a->photo_paths) && count($a->photo_paths) > 0)
                                                        @foreach($a->photo_paths as $path)
                                                            <a href="{{ asset('storage/' . $path) }}" target="_blank" class="d-block mb-1">
                                                                <img src="{{ asset('storage/' . $path) }}" alt="Photo" class="img-thumbnail" style="max-height:60px; max-width:80px;">
                                                            </a>
                                                        @endforeach
                                                    @else
                                                        —
                                                    @endif
                                                </td>
                                            </tr>
                                        @endforeach
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    @empty
                        <p class="text-muted">No answers recorded for this inspection.</p>
                    @endforelse
                </div>
            </div>

        </div>
    </div>
</div>

@include('admin.include.footer')