@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 pb-0">
                    <div class="card-title">
                        <h3 class="card-label">Vehicle Overview — {{ $vehicle->unit_number }}</h3>
                    </div>
                    <div class="card-toolbar">
                        <a href="{{ route('vehicles.index') }}" class="btn btn-sm btn-light-primary mr-2">
                            <i class="fa fa-arrow-left"></i> Back to Vehicles
                        </a>
                    </div>
                </div>
                <div class="card-body">

                    <div class="row mb-4">
                        <div class="col-md-3">
                            <strong>Vehicle #</strong><br>{{ $vehicle->unit_number }}
                        </div>
                        <div class="col-md-3">
                            <strong>VIN</strong><br>{{ $vehicle->vin }}
                        </div>
                        <div class="col-md-3">
                            <strong>Type</strong><br>{{ ucfirst($vehicle->type) }}
                        </div>
                        <div class="col-md-3">
                            <strong>Status</strong><br>{{ ucfirst($vehicle->status) }}
                        </div>
                    </div>

                    <div class="row mb-4">
                        <div class="col-md-3">
                            <div class="p-3 bg-light-primary rounded">
                                <small>Last Inspection Date (Overall)</small><br>
                                <strong>{{ $overallLastDate ? $overallLastDate->format('Y-m-d') : '—' }}</strong>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="p-3 bg-light-info rounded">
                                <small>Last Inspection (Truck)</small><br>
                                <strong>
                                    {{ optional($statusByType['truck']['last_inspection'] ?? null)?->format('Y-m-d') ?? '—' }}
                                </strong>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="p-3 bg-light-info rounded">
                                <small>Last Inspection (Trailer)</small><br>
                                <strong>
                                    {{ optional($statusByType['trailer']['last_inspection'] ?? null)?->format('Y-m-d') ?? '—' }}
                                </strong>
                            </div>
                        </div>
                        <div class="col-md-3">
                            <div class="p-3 bg-light-warning rounded">
                                <small>Next Due Date (Earliest)</small><br>
                                <strong>{{ $overallNextDue ? $overallNextDue->format('Y-m-d') : '—' }}</strong><br>
                                <span class="badge mt-1
                                    @if($overallStatus === 'Overdue') badge-danger
                                    @elseif($overallStatus === 'Due Soon') badge-warning
                                    @elseif($overallStatus === 'Complete') badge-success
                                    @else badge-secondary @endif">
                                    {{ $overallStatus }}
                                </span>
                            </div>
                        </div>
                    </div>

                    <div class="row mb-4">
                        <div class="col-md-4">
                            <h5>Inspection Status by Type</h5>
                            <table class="table table-sm table-bordered">
                                <thead class="thead-light">
                                    <tr>
                                        <th>Type</th>
                                        <th>Last Inspection</th>
                                        <th>Next Due</th>
                                        <th>Status</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @foreach (['truck', 'trailer'] as $t)
                                        @php $info = $statusByType[$t] ?? null; @endphp
                                        <tr>
                                            <td>{{ ucfirst($t) }}</td>
                                            <td>{{ optional($info['last_inspection'] ?? null)?->format('Y-m-d') ?? '—' }}</td>
                                            <td>{{ optional($info['next_due'] ?? null)?->format('Y-m-d') ?? '—' }}</td>
                                            <td>{{ $info['status'] ?? 'Never inspected' }}</td>
                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                        </div>
                        <div class="col-md-4">
                            <h5>Maintenance Summary</h5>
                            <div class="p-3 bg-light-primary rounded">
                                <small>Total Maintenance Spend (Lifetime)</small><br>
                                <strong>${{ number_format($lifetimeMaintenanceTotal, 2) }}</strong>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <h5>Exports</h5>
                            <p class="mb-2">Maintenance history exports:</p>
                            <a href="{{ route('maintenance.history.export.csv', $vehicle->id) }}" class="btn btn-sm btn-secondary mr-2" target="_blank">
                                <i class="fa fa-file-csv"></i> Maintenance CSV
                            </a>
                            <a href="{{ route('maintenance.history.export.pdf', $vehicle->id) }}" class="btn btn-sm btn-danger" target="_blank">
                                <i class="fa fa-file-pdf"></i> Maintenance PDF
                            </a>
                            <hr>
                            <p class="mb-2">Inspection report (PDF):</p>
                            <a href="{{ route('reports.inspection.pdf', ['month' => 'all', 'vehicle_id' => $vehicle->id]) }}" class="btn btn-sm btn-outline-dark" target="_blank">
                                <i class="fa fa-file-pdf"></i> All Inspections PDF
                            </a>
                        </div>
                    </div>

                    <hr>

                    <h4 class="mb-3">Inspection History (All Months)</h4>
                    <div class="table-responsive mb-5">
                        <table class="table table-bordered table-sm">
                            <thead class="thead-light">
                                <tr>
                                    <th>Date</th>
                                    <th>Type</th>
                                    <th>Mechanic</th>
                                    <th>Status</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($inspections as $inspection)
                                    <tr>
                                        <td>{{ optional($inspection->inspection_date)->format('Y-m-d') ?? '—' }}</td>
                                        <td>{{ ucfirst($inspection->inspection_type ?? '') }}</td>
                                        <td>{{ $inspection->mechanic->name ?? '—' }}</td>
                                        <td>{{ ucfirst($inspection->status ?? '') }}</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="4" class="text-center text-muted">No inspections recorded for this vehicle yet.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                    <h4 class="mb-3">Maintenance History</h4>
                    <div class="table-responsive">
                        <table class="table table-bordered table-sm">
                            <thead class="thead-light">
                                <tr>
                                    <th>Date</th>
                                    <th>Type</th>
                                    <th>Description</th>
                                    <th>Total Cost</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse($maintenances as $m)
                                    <tr>
                                        <td>{{ optional($m->date_performed)->format('Y-m-d') ?? '—' }}</td>
                                        <td>{{ $m->maintenance_type }}</td>
                                        <td>{{ \Illuminate\Support\Str::limit($m->description ?? '', 80) }}</td>
                                        <td>${{ number_format($m->total_cost ?? 0, 2) }}</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="4" class="text-center text-muted">No maintenance records for this vehicle yet.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                </div>
            </div>

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

@include('admin.include.footer')