{{-- =====================================================
        TITLE
    ====================================================== --}}
    <title>
        @yield('title', 'MANAJEMENASET') | Universitas Sari Mutiara Indonesia
    </title>

    {{-- =====================================================
        FAVICON / LOGO KAMPUS
    ====================================================== --}}
    <link
        rel="icon"
        type="image/png"
        href="{{ asset('images/logo-usm.png') }}"
    >

    <link
        rel="apple-touch-icon"
        href="{{ asset('images/logo-usm.png') }}"
    >

<link rel="stylesheet" href="{{ asset('css/pemeriksaan-inventaris.css') }}">

<div class="pemeriksaan-container">

    <div class="page-header">

        <h1>Pemeriksaan Inventaris</h1>

        <a href="{{ route('inventaris') }}" class="btn-kembali">
            ← Kembali
        </a>

    </div>

    <!-- INFORMASI INVENTARIS -->
    <div class="card">

        <div class="card-header">
            Informasi Inventaris
        </div>

        <div class="info-grid">

            <div class="info-item">
                <span>Kode Inventaris</span>
                <strong>{{ $inventaris->kode_inventaris }}</strong>
            </div>

            <div class="info-item">
                <span>Gedung</span>
                <strong>{{ $inventaris->gedung->nama_gedung ?? '-' }}</strong>
            </div>

            <div class="info-item">
                <span>Ruangan</span>
                <strong>{{ $inventaris->ruangan->nama_ruangan ?? '-' }}</strong>
            </div>

            <div class="info-item">
                <span>Tanggal Pemeriksaan</span>
                <strong>{{ date('d-m-Y') }}</strong>
            </div>

            <div class="info-item">
                <span>Total Unit Barang</span>
                <strong>{{ $inventaris->detailInventaris->count() }}Unit</strong>
            </div>

        </div>

    </div>

    <!-- TABEL PEMERIKSAAN -->
    <div class="card">

        <div class="card-header">
            Pemeriksaan Kondisi Barang
        </div>

        <div class="table-wrapper">

        <form
            action="{{ route('inventaris.pemeriksaan.simpan',$inventaris->id_inventaris) }}"
            method="POST">

            @csrf
            <table>

                <thead>
                    <tr>
                        <th>No</th>
                        <th>Nama Barang</th>
                        <th>Merek</th>
                        <th>Tipe</th>
                        <th>Aksi Pemeriksaan</th>
                    </tr>
                </thead>

                <tbody>

                    @foreach ($inventaris->detailInventaris as $i => $detail)
                        <tr>

                            <td>{{ $i + 1 }}</td>

                            <td>
                                {{ $detail->barang->nama_barang }}
                            </td>

                            <td>
                                {{ $detail->barang->merek }}
                            </td>

                            <td>
                                {{ $detail->barang->tipe->nama_tipe ?? '-' }}
                            </td>

                            <td>
                                <select
                                    class="status-pemeriksaan"
                                    name="status[{{ $detail->id_detail_inventaris }}]">
                                    <option value="Baik"
                                        {{ $detail->kondisi == 'Baik' ? 'selected' : '' }}>
                                        Baik
                                    </option>

                                    <option value="Rusak Ringan"
                                        {{ $detail->kondisi == 'Rusak Ringan' ? 'selected' : '' }}>
                                        Rusak Ringan
                                    </option>

                                    <option value="Rusak Berat"
                                        {{ $detail->kondisi == 'Rusak Berat' ? 'selected' : '' }}>
                                        Rusak Berat
                                    </option>

                                </select>
                            </td>
                        </tr>
                    @endforeach
                </tbody>

            </table>

        </div>

    </div>

    <!-- CATATAN -->
    <div class="card">

        <div class="card-header">
            Keterangan Pemeriksaan
        </div>

        <textarea
            name="catatan"
            rows="6"
            placeholder="Masukkan catatan hasil pemeriksaan inventaris...">
        </textarea>

    </div>

            <!-- TOMBOL -->
            <div class="footer-action">

            <button
            type="button"
            class="btn-batal"
            onclick="window.location='{{ route('inventaris') }}'">

            ✖ Batal

        </button>

        <button
            type="submit"
            class="btn-simpan">

            💾 Simpan Pemeriksaan

        </button>

</form>

</div>

<script src="{{ asset('js/pemeriksaan-inventaris.js') }}"></script>