@extends('mitra.layouts.app')

@section('title', 'Detail Laporan Kerusakan')

@section('content')
    <div class="mb-6">
        <a href="{{ route('mitra.laporan-kerusakan-barang.index') }}" class="text-sm text-blue-600 hover:underline">← Kembali</a>
        <h1 class="text-2xl font-bold text-gray-900 dark:text-white mt-2">Detail</h1>
        <p class="text-sm text-gray-500">{{ $sppg->nama }}</p>
    </div>

    <div class="bg-white dark:bg-gray-800 rounded-xl shadow border border-gray-200 dark:border-gray-700 p-6 text-sm space-y-2 mb-6">
        <p><strong>Barang:</strong> {{ $laporanKerusakan->inventoryBarang->nama }}</p>
        <p><strong>Qty / Jenis:</strong> {{ $laporanKerusakan->qty }} — {{ $laporanKerusakan->jenis_laporan }}</p>
        <p><strong>Status:</strong> {{ $laporanKerusakan->status_label }}</p>
        @if($laporanKerusakan->catatan_kepala)
            <p><strong>Catatan Kepala:</strong></p>
            <div class="text-gray-800 dark:text-gray-200 whitespace-pre-wrap">{{ $laporanKerusakan->catatan_kepala }}</div>
        @endif
    </div>

    @if($laporanKerusakan->status === \App\Models\LaporanKerusakan::STATUS_DITERUSKAN_MITRA)
        <form method="post" action="{{ route('mitra.laporan-kerusakan-barang.selesai', $laporanKerusakan) }}" onsubmit="return confirm('Tandai laporan ini selesai?');">
            @csrf
            <button type="submit" class="px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700">Tandai selesai</button>
        </form>
    @endif
@endsection