@extends('layouts.app')

@section('head')
    <title>Inventaris Jembatan</title>
    <style>
        .table thead th {
            border: 3px solid #000;
        }

        .table td {
            border: 2px solid #000;
        }

        .table tbody tr {
            border: 2px solid #000;
        }
    </style>
@endsection

@section('content')
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div
                        class="card-header bg-gradient bg-primary text-white d-flex justify-content-between align-items-center py-3">
                        <div>
                            <h3 class="card-title mb-0">
                                <i class="bi bi-bridge me-2"></i>
                                Inventaris Jembatan
                            </h3>
                            <small class="text-white-50">Menu ini berisi data inventaris jembatan</small>
                        </div>
                    </div>
                    <div class="card-body">
                        <form action="{{ route('inventaris.store_inventaris') }}" method="post"
                            enctype="multipart/form-data">
                            @csrf
                            @method('POST')
                            <input type="hidden" name="id_jembatan" value="{{ $id_jembatan }}">
                            <input type="hidden" name="id_head" value="1">
                            <h3>Keamanan Jembatan</h3>
                            <table class="table table-bordered mb-3">
                                <thead>
                                    <tr>
                                        <th>Elemen Pemeriksaan</th>
                                        <th>Penjelasan</th>
                                        <th>Ya/Tidak</th>
                                        <th>Lokasi</th>
                                        <th>Foto</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $currentNama = null;
                                        $rowspan = 0;
                                        $items = $inventaris2
                                            ->filter(function ($item) {
                                                return $item->inventaris1 && $item->inventaris1->id_head == 1;
                                            })
                                            ->groupBy('id_inventaris_1');
                                    @endphp

                                    @foreach ($items as $groupedItems)
                                        @php $rowspan = $groupedItems->count(); @endphp
                                        @foreach ($groupedItems as $index => $item)
                                            <tr>
                                                @if ($index === 0)
                                                    <td style="vertical-align: middle" rowspan="{{ $rowspan }}">
                                                        {{ $item->inventaris1->nama }}</td>
                                                @endif
                                                <td style="width: 300px">{{ $item->nama_inventaris }}</td>
                                                <td>
                                                    @php
                                                        $inventarisItem = $inventaris
                                                            ->where('id_inven', $item->id)
                                                            ->first();
                                                    @endphp
                                                    <input type="radio" name="nilai_{{ $item->id }}" value="1"
                                                        {{ $inventarisItem && $inventarisItem->ya_tidak == 1 ? 'checked' : '' }}>
                                                    Ya
                                                    <input type="radio" name="nilai_{{ $item->id }}" value="0"
                                                        {{ $inventarisItem && $inventarisItem->ya_tidak == 0 ? 'checked' : '' }}>
                                                    Tidak
                                                </td>
                                                <td>
                                                    <input type="text" class="form-control"
                                                        name="lokasi_{{ $item->id }}"
                                                        value="{{ $inventaris->where('id_inven', $item->id)->first()->lokasi ?? '' }}">
                                                </td>
                                                <td style="width: 250px">
                                                    @php
                                                        $inventarisItem = $inventaris
                                                            ->where('id_inven', $item->id)
                                                            ->first();
                                                        $fotoPath = $inventarisItem
                                                            ? asset('foto_inventaris_baru/' . $inventarisItem->foto)
                                                            : '';
                                                    @endphp
                                                    <img id="preview_{{ $item->id }}" src="{{ $fotoPath }}"
                                                        alt="Preview"
                                                        style="max-width: 100px; max-height: 100px; {{ $fotoPath ? '' : 'display: none;' }}"
                                                        class="mb-2">
                                                    <input type="file" class="form-control"
                                                        name="foto_{{ $item->id }}" id="foto_{{ $item->id }}"
                                                        onchange="previewImage(this, 'preview_{{ $item->id }}')">
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endforeach
                                </tbody>
                            </table>
                            <button type="submit" class="btn btn-primary">Simpan</button>
                        </form>

                        <form action="{{ route('inventaris.store_inventaris') }}" method="post"
                            enctype="multipart/form-data">
                            @csrf
                            @method('POST')
                            <input type="hidden" name="id_jembatan" value="{{ $id_jembatan }}">
                            <input type="hidden" name="id_head" value="2">
                            <h3>Keselamatan Jembatan</h3>
                            <table class="table table-bordered mb-3">
                                <thead>
                                    <tr>
                                        <th>Elemen Pemeriksaan</th>
                                        <th>Penjelasan</th>
                                        <th>Ya/Tidak</th>
                                        <th>Lokasi</th>
                                        <th>Foto</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $currentNama = null;
                                        $rowspan = 0;
                                        $items = $inventaris2
                                            ->filter(function ($item) {
                                                return $item->inventaris1 && $item->inventaris1->id_head == 2;
                                            })
                                            ->groupBy('id_inventaris_1');
                                    @endphp

                                    @foreach ($items as $groupedItems)
                                        @php $rowspan = $groupedItems->count(); @endphp
                                        @foreach ($groupedItems as $index => $item)
                                            <tr>
                                                @if ($index === 0)
                                                    <td style="vertical-align: middle" rowspan="{{ $rowspan }}">
                                                        {{ $item->inventaris1->nama }}</td>
                                                @endif
                                                <td style="width: 300px">{{ $item->nama_inventaris }}</td>
                                                <td>
                                                    @php
                                                        $inventarisItem = $inventaris
                                                            ->where('id_inven', $item->id)
                                                            ->first();
                                                    @endphp
                                                    <input type="radio" name="nilai_{{ $item->id }}" value="1"
                                                        {{ $inventarisItem && $inventarisItem->ya_tidak == 1 ? 'checked' : '' }}>
                                                    Ya
                                                    <input type="radio" name="nilai_{{ $item->id }}" value="0"
                                                        {{ $inventarisItem && $inventarisItem->ya_tidak == 0 ? 'checked' : '' }}>
                                                    Tidak
                                                </td>
                                                <td>
                                                    <input type="text" class="form-control"
                                                        name="lokasi_{{ $item->id }}"
                                                        value="{{ $inventaris->where('id_inven', $item->id)->first()->lokasi ?? '' }}">
                                                </td>
                                                <td style="width: 250px">
                                                    @php
                                                        $inventarisItem = $inventaris
                                                            ->where('id_inven', $item->id)
                                                            ->first();
                                                        $fotoPath = $inventarisItem
                                                            ? asset('foto_inventaris_baru/' . $inventarisItem->foto)
                                                            : '';
                                                    @endphp
                                                    <img id="preview_{{ $item->id }}" src="{{ $fotoPath }}"
                                                        alt="Preview"
                                                        style="max-width: 100px; max-height: 100px; {{ $fotoPath ? '' : 'display: none;' }}"
                                                        class="mb-2">
                                                    <input type="file" class="form-control"
                                                        name="foto_{{ $item->id }}" id="foto_{{ $item->id }}"
                                                        onchange="previewImage(this, 'preview_{{ $item->id }}')">
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endforeach
                                </tbody>
                            </table>
                            <button type="submit" class="btn btn-primary">Simpan</button>
                        </form>

                        <form action="{{ route('inventaris.store_inventaris') }}" method="post"
                            enctype="multipart/form-data">
                            @csrf
                            @method('POST')
                            <input type="hidden" name="id_jembatan" value="{{ $id_jembatan }}">
                            <input type="hidden" name="id_head" value="3">
                            <h3>Kenyamanan Jembatan</h3>
                            <table class="table table-bordered mb-3">
                                <thead>
                                    <tr>
                                        <th>Elemen Pemeriksaan</th>
                                        <th>Penjelasan</th>
                                        <th>Ya/Tidak</th>
                                        <th>Lokasi</th>
                                        <th>Foto</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $currentNama = null;
                                        $rowspan = 0;
                                        $items = $inventaris2
                                            ->filter(function ($item) {
                                                return $item->inventaris1 && $item->inventaris1->id_head == 3;
                                            })
                                            ->groupBy('id_inventaris_1');
                                    @endphp

                                    @foreach ($items as $groupedItems)
                                        @php $rowspan = $groupedItems->count(); @endphp
                                        @foreach ($groupedItems as $index => $item)
                                            <tr>
                                                @if ($index === 0)
                                                    <td style="vertical-align: middle" rowspan="{{ $rowspan }}">
                                                        {{ $item->inventaris1->nama }}</td>
                                                @endif
                                                <td style="width: 300px">{{ $item->nama_inventaris }}</td>
                                                <td>
                                                    @php
                                                        $inventarisItem = $inventaris
                                                            ->where('id_inven', $item->id)
                                                            ->first();
                                                    @endphp
                                                    <input type="radio" name="nilai_{{ $item->id }}" value="1"
                                                        {{ $inventarisItem && $inventarisItem->ya_tidak == 1 ? 'checked' : '' }}>
                                                    Ya
                                                    <input type="radio" name="nilai_{{ $item->id }}" value="0"
                                                        {{ $inventarisItem && $inventarisItem->ya_tidak == 0 ? 'checked' : '' }}>
                                                    Tidak
                                                </td>
                                                <td>
                                                    <input type="text" class="form-control"
                                                        name="lokasi_{{ $item->id }}"
                                                        value="{{ $inventaris->where('id_inven', $item->id)->first()->lokasi ?? '' }}">
                                                </td>
                                                <td style="width: 250px">
                                                    @php
                                                        $inventarisItem = $inventaris
                                                            ->where('id_inven', $item->id)
                                                            ->first();
                                                        $fotoPath = $inventarisItem
                                                            ? asset('foto_inventaris_baru/' . $inventarisItem->foto)
                                                            : '';
                                                    @endphp
                                                    <img id="preview_{{ $item->id }}" src="{{ $fotoPath }}"
                                                        alt="Preview"
                                                        style="max-width: 100px; max-height: 100px; {{ $fotoPath ? '' : 'display: none;' }}"
                                                        class="mb-2">
                                                    <input type="file" class="form-control"
                                                        name="foto_{{ $item->id }}" id="foto_{{ $item->id }}"
                                                        onchange="previewImage(this, 'preview_{{ $item->id }}')">
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endforeach
                                </tbody>
                            </table>
                            <button type="submit" class="btn btn-primary">Simpan</button>
                        </form>

                        <form action="{{ route('inventaris.store_inventaris') }}" method="post"
                            enctype="multipart/form-data">
                            @csrf
                            @method('POST')
                            <input type="hidden" name="id_jembatan" value="{{ $id_jembatan }}">
                            <input type="hidden" name="id_head" value="4">
                            <h3>Pemeliharaan, Rehabilitasi, Penggantian, dan Pembangunan</h3>
                            <table class="table table-bordered mb-3">
                                <thead>
                                    <tr>
                                        <th>Elemen Pemeriksaan</th>
                                        <th>Penjelasan</th>
                                        <th>Ya/Tidak</th>
                                        <th>Lokasi</th>
                                        <th>Foto</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $currentNama = null;
                                        $rowspan = 0;
                                        $items = $inventaris2
                                            ->filter(function ($item) {
                                                return $item->inventaris1 && $item->inventaris1->id_head == 4;
                                            })
                                            ->groupBy('id_inventaris_1');
                                    @endphp

                                    @foreach ($items as $groupedItems)
                                        @php $rowspan = $groupedItems->count(); @endphp
                                        @foreach ($groupedItems as $index => $item)
                                            <tr>
                                                @if ($index === 0)
                                                    <td style="vertical-align: middle" rowspan="{{ $rowspan }}">
                                                        {{ $item->inventaris1->nama }}</td>
                                                @endif
                                                <td style="width: 300px">{{ $item->nama_inventaris }}</td>
                                                <td>
                                                    @php
                                                        $inventarisItem = $inventaris
                                                            ->where('id_inven', $item->id)
                                                            ->first();
                                                    @endphp
                                                    <input type="radio" name="nilai_{{ $item->id }}"
                                                        value="1"
                                                        {{ $inventarisItem && $inventarisItem->ya_tidak == 1 ? 'checked' : '' }}>
                                                    Ya
                                                    <input type="radio" name="nilai_{{ $item->id }}"
                                                        value="0"
                                                        {{ $inventarisItem && $inventarisItem->ya_tidak == 0 ? 'checked' : '' }}>
                                                    Tidak
                                                </td>
                                                <td>
                                                    <input type="text" class="form-control"
                                                        name="lokasi_{{ $item->id }}"
                                                        value="{{ $inventaris->where('id_inven', $item->id)->first()->lokasi ?? '' }}">
                                                </td>
                                                <td style="width: 250px">
                                                    @php
                                                        $inventarisItem = $inventaris
                                                            ->where('id_inven', $item->id)
                                                            ->first();
                                                        $fotoPath = $inventarisItem
                                                            ? asset('foto_inventaris_baru/' . $inventarisItem->foto)
                                                            : '';
                                                    @endphp
                                                    <img id="preview_{{ $item->id }}" src="{{ $fotoPath }}"
                                                        alt="Preview"
                                                        style="max-width: 100px; max-height: 100px; {{ $fotoPath ? '' : 'display: none;' }}"
                                                        class="mb-2">
                                                    <input type="file" class="form-control"
                                                        name="foto_{{ $item->id }}" id="foto_{{ $item->id }}"
                                                        onchange="previewImage(this, 'preview_{{ $item->id }}')">
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endforeach
                                </tbody>
                            </table>
                            <button type="submit" class="btn btn-primary">Simpan</button>
                        </form>
                        
                        <form action="{{ route('inventaris.store_inventaris') }}" method="post"
                            enctype="multipart/form-data">
                            @csrf
                            @method('POST')
                            <input type="hidden" name="id_jembatan" value="{{ $id_jembatan }}">
                            <input type="hidden" name="id_head" value="5">
                            <h3>Kondisi Sosial dan Kemasyarakatan</h3>
                            <table class="table table-bordered mb-3">
                                <thead>
                                    <tr>
                                        <th>Elemen Pemeriksaan</th>
                                        <th>Penjelasan</th>
                                        <th>Ya/Tidak</th>
                                        <th>Lokasi</th>
                                        <th>Foto</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @php
                                        $currentNama = null;
                                        $rowspan = 0;
                                        $items = $inventaris2
                                            ->filter(function ($item) {
                                                return $item->inventaris1 && $item->inventaris1->id_head == 5;
                                            })
                                            ->groupBy('id_inventaris_1');
                                    @endphp

                                    @foreach ($items as $groupedItems)
                                        @php $rowspan = $groupedItems->count(); @endphp
                                        @foreach ($groupedItems as $index => $item)
                                            <tr>
                                                @if ($index === 0)
                                                    <td style="vertical-align: middle" rowspan="{{ $rowspan }}">
                                                        {{ $item->inventaris1->nama }}</td>
                                                @endif
                                                <td style="width: 300px">{{ $item->nama_inventaris }}</td>
                                                <td>
                                                    @php
                                                        $inventarisItem = $inventaris
                                                            ->where('id_inven', $item->id)
                                                            ->first();
                                                    @endphp
                                                    <input type="radio" name="nilai_{{ $item->id }}"
                                                        value="1"
                                                        {{ $inventarisItem && $inventarisItem->ya_tidak == 1 ? 'checked' : '' }}>
                                                    Ya
                                                    <input type="radio" name="nilai_{{ $item->id }}"
                                                        value="0"
                                                        {{ $inventarisItem && $inventarisItem->ya_tidak == 0 ? 'checked' : '' }}>
                                                    Tidak
                                                </td>
                                                <td>
                                                    <input type="text" class="form-control"
                                                        name="lokasi_{{ $item->id }}"
                                                        value="{{ $inventaris->where('id_inven', $item->id)->first()->lokasi ?? '' }}">
                                                </td>
                                                <td style="width: 250px">
                                                    @php
                                                        $inventarisItem = $inventaris
                                                            ->where('id_inven', $item->id)
                                                            ->first();
                                                        $fotoPath = $inventarisItem
                                                            ? asset('foto_inventaris_baru/' . $inventarisItem->foto)
                                                            : '';
                                                    @endphp
                                                    <img id="preview_{{ $item->id }}" src="{{ $fotoPath }}"
                                                        alt="Preview"
                                                        style="max-width: 100px; max-height: 100px; {{ $fotoPath ? '' : 'display: none;' }}"
                                                        class="mb-2">
                                                    <input type="file" class="form-control"
                                                        name="foto_{{ $item->id }}" id="foto_{{ $item->id }}"
                                                        onchange="previewImage(this, 'preview_{{ $item->id }}')">
                                                </td>
                                            </tr>
                                        @endforeach
                                    @endforeach
                                </tbody>
                            </table>
                            <button type="submit" class="btn btn-primary">Simpan</button>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>




    @if (session('success'))
        <div class="alert alert-success alert-dismissible fade show mt-3" role="alert">
            {{ session('success') }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
    @endif
@endsection

@section('script')
    <script>
        function previewImage(input, previewId) {
            const preview = document.getElementById(previewId);
            const file = input.files[0];

            if (file) {
                const reader = new FileReader();
                reader.onload = function(e) {
                    preview.src = e.target.result;
                    preview.style.display = 'block';
                }
                reader.readAsDataURL(file);
            } else {
                preview.src = '#';
                preview.style.display = 'none';
            }
        }
    </script>
@endsection