@extends('layouts.app')

@section('title', 'Detail Inspeksi')
@section('page-title', 'Detail Inspeksi')

@section('content')
<div class="container-fluid">
<div class="col-md-10 mx-auto">

{{-- INFO INSPEKSI --}}
<div class="card mb-4">
<div class="card-header d-flex justify-content-between">
    <b>Informasi Inspeksi</b>
    <a href="{{ route('inspeksi.index') }}" class="btn btn-sm btn-secondary">Kembali</a>
</div>
<div class="card-body">
<table class="table table-bordered">
<tr><th>Montir</th><td>{{ $inspeksi->montir->name ?? '-' }}</td></tr>
<tr><th>Tanggal</th><td>{{ $inspeksi->inspection_date?->format('d-m-Y') }}</td></tr>
<tr><th>Lokasi</th><td>{{ $inspeksi->branch }}</td></tr>
<tr><th>Status</th><td>{{ ucfirst($inspeksi->status) }}</td></tr>
<tr><th>Catatan</th><td>{{ $inspeksi->catatan ?? '-' }}</td></tr>
</table>
</div>
</div>

{{-- RIWAYAT CEK ALAT --}}
<div class="card">
<div class="card-header"><b>Riwayat Cek Alat Montir</b></div>
<div class="card-body">

@forelse($inspeksi->cekAlat as $item)
<div class="border rounded p-3 mb-3">

<b>Daftar Alat:</b>
@if(is_array($item->alat))
<ul>
@foreach($item->alat as $alat)
<li>{{ $alat }}</li>
@endforeach
</ul>
@else
<p>-</p>
@endif

<p><b>Catatan:</b> {{ $item->catatan ?? '-' }}</p>

<b>Foto:</b><br>
@if(is_array($item->foto))
<div class="d-flex gap-2 flex-wrap">
@foreach($item->foto as $foto)
<img src="{{ asset('storage/'.$foto) }}"
     class="rounded border"
     width="120">
@endforeach
</div>
@else
-
@endif

</div>
@empty
<div class="text-muted text-center py-4">
Belum ada cek alat untuk inspeksi ini
</div>
@endforelse

</div>
</div>

</div>
</div>
@endsection