@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="card shadow-lg mx-4">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-lg">
                    <div class="nav-wrapper">
                        {{-- button back --}}
                        <button class="btn btn-secondary mb-0" onclick="history.back()"><i
                                class="fas fa-circle-left me-1">
                            </i><span class="font-weight-bold">Kembali</button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid my-5 py-2">
        <div class="row mb-5">
            <div class="col-lg-3">
                <div class="card position-sticky top-1">
                    <ul class="nav flex-column bg-white border-radius-lg p-3">
                        <li class="nav-item">
                            <a class="nav-link text-body d-flex align-items-center" data-scroll="" href="#profile">
                                <i class="ni ni-books me-2 text-dark opacity-6"></i>
                                <span class="text-sm">Detail Checklist</span>
                            </a>
                        </li>
                        @foreach ($table_kategori as $kategori)
                            @php
                                $result = DB::table('sys_enum')
                                    ->where(['idenum' => 'kategori', 'isactive' => '1', 'value' => $kategori->kategori])
                                    ->get();
                            @endphp
                            <li class="nav-item pt-2">
                                <a class="nav-link text-body d-flex align-items-center" data-scroll=""
                                    href="#{{ $result[0]->name }}">
                                    <i class="ni ni-badge me-2 text-dark opacity-6"></i>
                                    <span class="text-sm">{{ $result[0]->name }}</span>
                                </a>
                            </li>
                        @endforeach
                    </ul>
                </div>
            </div>
            <div class="col-lg-9 mt-lg-0 mt-4">
                <form role="form" method="POST" action="{{ URL::to($url_menu . '/' . $idencrypt) }}"
                    enctype="multipart/form-data" id="{{ $dmenu }}-form">
                    @csrf
                    @method('PUT')

                    <div class="card card-body" id="profile">
                        <div class="row justify-content-center align-items-center">
                            <div class="col-sm-auto col-4">
                                <div class="avatar avatar-xl position-relative">
                                    <img src="storage\icon.png" alt="bruce" class="w-100 border-radius-lg shadow-sm">
                                </div>
                            </div>
                            <div class="col-sm-auto col-8 my-auto">
                                <div class="h-100">
                                    <h5 class="mb-1 font-weight-bolder">
                                        Id Checklist : {{ $trs_checklist_h->id }}<br>
                                    </h5>
                                    <div class="d-flex flex-column">
                                        <span class="mb-2 text-s">Tanggal : <span
                                                class="text-dark font-weight-bold ms-sm-2">{{ date('l, d F Y', strtotime($trs_checklist_h->tanggal)) }}</span></span>
                                        <span class="text-s">Shift : <span
                                                class="text-dark ms-sm-2 font-weight-bold">{{ $trs_checklist_h->shift }}</span></span>
                                    </div>
                                </div>

                            </div>
                            <div class="col-sm-auto ms-sm-auto mt-sm-0 mt-3 d-flex">
                                <button class="btn btn-sm bg-gradient-dark">
                                    Lihat Genba
                                </button>
                            </div>
                        </div>
                    </div>

                    <input name="id_checklist_header" type="text" hidden value="{{ $trs_checklist_h->id }}">
                    @php
                        $count = 0;
                    @endphp

                    @foreach ($table_kategori as $kategori)
                        @php
                            $result = DB::table('sys_enum')
                                ->where(['idenum' => 'kategori', 'isactive' => '1', 'value' => $kategori->kategori])
                                ->get();
                            $notes_value = [];
                            $idListShowOnce = [];
                        @endphp

                        <div class="card mt-4" id="{{ $result[0]->name }}">
                            <div class="card-header" style="margin-bottom: -30px">
                                <h5>{{ $result[0]->name }}</h5>
                            </div>
                            <div class="card-body pt-0">
                                @foreach ($table_detail as $detail)
                                    @php
                                        // dd($detail);
                                        if ($count_genba != 0) {
                                            $count_row = DB::table('trs_genba_d')
                                                ->where([
                                                    'id_genba' => $table_genba_h[0]->id,
                                                    'id_list' => $detail->id,
                                                    'isactive' => '1',
                                                ])
                                                ->count();
                                            $data_row = DB::table('trs_genba_d')
                                                ->where([
                                                    'id_genba' => $table_genba_h[0]->id,
                                                    'id_list' => $detail->id,
                                                    'isactive' => '1',
                                                ])
                                                ->get();
                                            if ($count_table_checklist != 0) {
                                                if ($detail->id_list != null) {
                                                    if (in_array($detail->id_list, $idListShowOnce)) {
                                                        continue;
                                                    } else {
                                                        array_push($idListShowOnce, $detail->id_list);
                                                    }
                                                }
                                            }
                                        }

                                    @endphp

                                    @if ($kategori->kategori == $detail->kategori)
                                        @if ($detail->item_type == 'text')
                                            @php
                                                if ($count_table_checklist != 0) {
                                                    $notes_value[$count] = [$detail->check, $detail];
                                                } else {
                                                    $notes_value[$count] = ['', $detail];
                                                }
                                                $count += 1;
                                            @endphp
                                        @elseif ($detail->item_type == 'check')
                                            @php
                                                if ($count_table_checklist != 0) {
                                                    $check = $detail->check;
                                                    $bukti_gambar = $detail->bukti_gambar;
                                                    $notes = $detail->notes;

                                                    if ($notes == null) {
                                                        $notes = '';
                                                    }

                                                    if ($check == null) {
                                                        $check = '';
                                                    }

                                                    if ($check == 0) {
                                                        $check = '';
                                                    }

                                                    if ($bukti_gambar == null) {
                                                        $bukti_gambar = 'noimage.png';
                                                    }

                                                    if ($check == 1) {
                                                        $bukti_gambar = 'noimage.png';
                                                        $notes = '';
                                                    }
                                                } else {
                                                    $check = '';
                                                    $bukti_gambar = 'noimage.png';
                                                    $notes = '';
                                                }
                                                // dd($check == 1 ? 'hidden' : '');
                                            @endphp
                                            <div class="row mt-4">
                                                <div class="card-body pt-0 "style="background-color:beige">
                                                    <div class="d-flex">
                                                        <label>
                                                            <h6 class="mb-0">{{ $detail->check_name }}</h6>
                                                        </label>
                                                        {{-- <p class="text-sm text-secondary ms-auto me-3 my-auto">Benar</p>    --}}
                                                        <div class="form-check form-switch ms-auto my-auto">
                                                            <input class="form-check-input"
                                                                name="checkbox_{{ $detail->id }}"
                                                                id="checkbox_{{ $detail->id }}" type="checkbox"
                                                                onchange="showBukti(this.id)"
                                                                {{ $check == '1' ? 'checked' : '' }} disabled/>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>

                                            @if ($count_genba == 0 || $count_row == 0)
                                                <div class="mt-4" id="false_checkbox_{{ $detail->id }}"
                                                    {{ $check == 1 ? 'hidden' : '' }}>
                                                    <div class="col-sm-10 offset-1">
                                                        <span class="mb-2 text-s"><span
                                                                class="text-dark font-weight-bold ms-sm-2">Input Temuan
                                                                Baru</span></span>
                                                        <div class="position-relative">
                                                            <div>
                                                                <label for="file-input" style="left: -5px !important;"
                                                                    id="{{ $detail->id }}edit"
                                                                    class="btn btn-xxl btn-icon-only bg-gradient-primary position-absolute bottom-0 mb-n2">
                                                                    <i class="fa fa-pen top-0" data-bs-toggle="tooltip"
                                                                        data-bs-placement="top" title=""
                                                                        aria-hidden="true"
                                                                        data-bs-original-title="Edit Image"
                                                                        aria-label="Edit Image"></i>
                                                                    <span class="sr-only">Edit Image</span>
                                                                </label>
                                                                @php
                                                                    // dd($bukti_gambar);
                                                                @endphp
                                                                <span
                                                                    class="h-12 w-12 rounded-full overflow-hidden bg-gray-100">
                                                                    <img src="{{ asset('/storage' . '/' . $bukti_gambar) }}"
                                                                        id="{{ $detail->id }}preview" alt="image"
                                                                        class="w-30 border-radius-lg shadow-sm">
                                                                </span>
                                                            </div>
                                                        </div>
                                                        <input class="form-control" type="file" value=""
                                                            id="check_{{ $detail->id }}"
                                                            name="check_{{ $detail->id }}" style="display: none;" disabled>
                                                        <p class='text-primary text-xs pt-3 mb-0'>Maksimal Size :
                                                            <b>2048 KB</b>
                                                        </p>
                                                        <p class='text-primary text-xs pt-1'>Format Image :
                                                            <b>PNG,JPG,JPEG</b>
                                                        </p>

                                                        <label for="notes_{{ $detail->id }}">Notes</label>
                                                        <input class="form-control" value="{{ $notes }}"
                                                            name="notes_{{ $detail->id }}" disabled>
                                                    </div>

                                                    <!-- Modal -->
                                                    <div class="modal fade" id="imageModal" tabindex="-1"
                                                        role="dialog" aria-labelledby="imageModalLabel"
                                                        aria-hidden="true">
                                                        <div class="modal-dialog modal-dialog-centered" role="document">
                                                            <div class="modal-content">
                                                                <div class="modal-header">
                                                                    <h5 class="modal-title" id="imageModalLabel">
                                                                        Preview
                                                                        Image
                                                                    </h5>
                                                                    <button type="button" class="btn-close"
                                                                        data-bs-dismiss="modal" aria-label="Close">
                                                                        <span aria-hidden="true">&times;</span>
                                                                    </button>
                                                                </div>
                                                                <div class="modal-body">
                                                                    <img src="{{ asset('/storage') }}" alt="image"
                                                                        class="w-100 border-radius-lg shadow-sm">
                                                                </div>
                                                                <div class="modal-footer">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <script>
                                                        $("#check_{{ $detail->id }}").on('change', function(evt) {
                                                            const file = this.files[0]; // Get the first file from the file input
                                                            if (file) {
                                                                $("#{{ $detail->id }}preview").attr('src', URL.createObjectURL(
                                                                    file)); // Set the preview image source
                                                            }
                                                        });

                                                        $('#{{ $detail->id }}edit').click(function() {
                                                            $('input[name="check_{{ $detail->id }}"]').click();
                                                        });
                                                    </script>
                                                </div>
                                                @error('check_' . $detail->id)
                                                    <p style="margin-left:30px" class='text-danger text-xs pt-1'>
                                                        {{ $message }} </p>
                                                @enderror
                                            @else
                                                <div id="{{ $detail->id }}">
                                                    @foreach ($data_row as $row)
                                                        @php
                                                            if (
                                                                $count_table_checklist != 0 &&
                                                                $detail->id_list != null
                                                            ) {
                                                                if (
                                                                    isset(
                                                                        $bukti_gambar_genba[
                                                                            $detail->id_list . '_' . $row->id
                                                                        ],
                                                                    )
                                                                ) {
                                                                    $bukti_gambar =
                                                                        $bukti_gambar_genba[
                                                                            $detail->id_list . '_' . $row->id
                                                                        ];
                                                                } else {
                                                                    $bukti_gambar = 'noimage.png';
                                                                }

                                                                if (
                                                                    isset(
                                                                        $notes_checklist_genba[
                                                                            $detail->id_list . '_' . $row->id . '_notes'
                                                                        ],
                                                                    )
                                                                ) {
                                                                    $notes =
                                                                        $notes_checklist_genba[
                                                                            $detail->id_list . '_' . $row->id . '_notes'
                                                                        ];
                                                                } else {
                                                                    $notes = '';
                                                                }
                                                            }
                                                        @endphp
                                                        <div class="col-sm-10 offset-1 mt-4">
                                                            <div class="position-relative">
                                                                <!-- First image (Before) -->
                                                                <div class="row">
                                                                    <div class="col-6">
                                                                        <span class="mb-2 text-s"><span
                                                                                class="text-dark font-weight-bold ms-sm-2">Input
                                                                                Temuan Baru</span></span>
                                                                    </div>
                                                                    <div class="col-6" style="background-color:coral">
                                                                        <span class="mb-2 text-s"><span
                                                                                class="text-dark font-weight-bold ms-sm-2">{{ $row->notes }}</span></span>
                                                                    </div>
                                                                </div>
                                                                <div class="row"
                                                                    style="display: flex; align-items: center;">
                                                                    <!-- First image (Temuan) -->
                                                                    <div class="col-6 position-relative">
                                                                        <!-- Image -->
                                                                        <label for="file-input"
                                                                            style="left: -5px !important;"
                                                                            id="{{ $detail->id }}_{{ $row->id }}edit"
                                                                            class="btn btn-xxl btn-icon-only bg-gradient-primary position-absolute bottom-0 mb-n2">
                                                                            <i class="fa fa-pen top-0"
                                                                                data-bs-toggle="tooltip"
                                                                                data-bs-placement="top" title=""
                                                                                aria-hidden="true"
                                                                                data-bs-original-title="Edit Image"
                                                                                aria-label="Edit Image"></i>
                                                                            <span class="sr-only">Edit Image</span>
                                                                        </label>

                                                                        <span
                                                                            class="h-12 w-12 rounded-full overflow-hidden bg-gray-100">
                                                                            <img src="{{ asset('/storage' . '/' . $bukti_gambar) }}"
                                                                                id="{{ $detail->id }}_{{ $row->id }}preview"
                                                                                alt="Before Image"
                                                                                class="w-100 border-radius-lg shadow-sm">
                                                                        </span>

                                                                        <!-- "Temuan" Label in the Upper-Right Corner -->
                                                                        <span
                                                                            style="position: absolute; top: 5px; right: 15px; color: white; background-color: rgba(0, 0, 0, 0.5); padding: 5px 10px; font-size: 12px; border-radius: 5px;">
                                                                            Temuan
                                                                        </span>
                                                                    </div>

                                                                    <!-- Second image (Genba) -->
                                                                    <div class="col-6 position-relative"
                                                                        style="background-color:coral; padding-bottom:10px">
                                                                        <!-- Image -->
                                                                        <span
                                                                            class="h-12 w-12 rounded-full overflow-hidden bg-gray-100">
                                                                            <img src="{{ asset('/storage' . '/' . $row->bukti_gambar) }}"
                                                                                id="{{ $detail->id }}_{{ $row->id }}preview"
                                                                                alt="After Image"
                                                                                class="w-100 border-radius-lg shadow-sm">
                                                                        </span>

                                                                        <!-- "Genba" Label in the Upper-Right Corner -->
                                                                        <span
                                                                            style="position: absolute; top: 5px; right: 15px; color: white; background-color: rgba(0, 0, 0, 0.5); padding: 5px 10px; font-size: 12px; border-radius: 5px;">
                                                                            Genba
                                                                        </span>
                                                                    </div>
                                                                </div>


                                                            </div>
                                                            <input class="form-control" type="file" value=""
                                                                id="check_{{ $detail->id }}_{{ $row->id }}"
                                                                name="check_{{ $detail->id }}_{{ $row->id }}"
                                                                style="display: none;" disabled>
                                                            <p class='text-primary text-xs pt-3 mb-0'>Maksimal Size :
                                                                <b>2048 KB</b>
                                                            </p>
                                                            <p class='text-primary text-xs pt-1'>Format Image :
                                                                <b>PNG,JPG,JPEG</b>
                                                            </p>

                                                            <label
                                                                for="notes_{{ $detail->id }}_{{ $row->id }}">Notes</label>
                                                            <input class="form-control" value="{{ $notes }}"
                                                                name="notes_{{ $detail->id }}_{{ $row->id }}" disabled>
                                                            @error('check_' . $detail->id . '_' . $row->id)
                                                                <p class='text-danger text-xs pt-1'>
                                                                    {{ $message }} </p>
                                                            @enderror
                                                        </div>

                                                        <!-- Modal -->
                                                        <div class="modal fade" id="imageModal" tabindex="-1"
                                                            role="dialog" aria-labelledby="imageModalLabel"
                                                            aria-hidden="true">
                                                            <div class="modal-dialog modal-dialog-centered"
                                                                role="document">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <h5 class="modal-title" id="imageModalLabel">
                                                                            Preview
                                                                            Image
                                                                        </h5>
                                                                        <button type="button" class="btn-close"
                                                                            data-bs-dismiss="modal" aria-label="Close">
                                                                            <span aria-hidden="true">&times;</span>
                                                                        </button>
                                                                    </div>
                                                                    <div class="modal-body">
                                                                        <img src="{{ asset('/storage') }}" alt="image"
                                                                            class="w-100 border-radius-lg shadow-sm">
                                                                    </div>
                                                                    <div class="modal-footer">
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <script>
                                                            $("#check_{{ $detail->id }}_{{ $row->id }}").on('change', function(evt) {
                                                                const file = this.files[0]; // Get the first file from the file input
                                                                if (file) {
                                                                    $("#{{ $detail->id }}_{{ $row->id }}preview").attr('src', URL.createObjectURL(
                                                                        file)); // Set the preview image source
                                                                }
                                                            });

                                                            $('#{{ $detail->id }}_{{ $row->id }}edit').click(function() {
                                                                $('input[name="check_{{ $detail->id }}_{{ $row->id }}"]').click();
                                                            });
                                                        </script>
                                                    @endforeach
                                                </div>

                                                <div class="mt-4" id="false_checkbox_{{ $detail->id }}"
                                                    {{ $check == 1 ? 'hidden' : '' }}>
                                                    <div class="col-sm-10 offset-1">
                                                        <span class="mb-2 text-s"><span
                                                                class="text-dark font-weight-bold ms-sm-2">Input Temuan
                                                                Baru</span></span>
                                                        <div class="position-relative">
                                                            <div>
                                                                <label for="file-input" style="left: -5px !important;"
                                                                    id="{{ $detail->id }}edit"
                                                                    class="btn btn-xxl btn-icon-only bg-gradient-primary position-absolute bottom-0 mb-n2">
                                                                    <i class="fa fa-pen top-0" data-bs-toggle="tooltip"
                                                                        data-bs-placement="top" title=""
                                                                        aria-hidden="true"
                                                                        data-bs-original-title="Edit Image"
                                                                        aria-label="Edit Image"></i>
                                                                    <span class="sr-only">Edit Image</span>
                                                                </label>
                                                                @php
                                                                    // dd($bukti_gambar);
                                                                @endphp
                                                                <span
                                                                    class="h-12 w-12 rounded-full overflow-hidden bg-gray-100">
                                                                    <img src="{{ asset('/storage' . '/' . $bukti_gambar) }}"
                                                                        id="{{ $detail->id }}preview" alt="image"
                                                                        class="w-30 border-radius-lg shadow-sm">
                                                                </span>
                                                            </div>
                                                        </div>
                                                        <input class="form-control" type="file" value=""
                                                            id="check_{{ $detail->id }}"
                                                            name="check_{{ $detail->id }}" style="display: none;" disabled>
                                                        <p class='text-primary text-xs pt-3 mb-0'>Maksimal Size :
                                                            <b>2048 KB</b>
                                                        </p>
                                                        <p class='text-primary text-xs pt-1'>Format Image :
                                                            <b>PNG,JPG,JPEG</b>
                                                        </p>

                                                        <label for="notes_{{ $detail->id }}">Notes</label>
                                                        <input class="form-control" value="{{ $notes }}"
                                                            name="notes_{{ $detail->id }}" disabled>
                                                    </div>

                                                    <!-- Modal -->
                                                    <div class="modal fade" id="imageModal" tabindex="-1"
                                                        role="dialog" aria-labelledby="imageModalLabel"
                                                        aria-hidden="true">
                                                        <div class="modal-dialog modal-dialog-centered" role="document">
                                                            <div class="modal-content">
                                                                <div class="modal-header">
                                                                    <h5 class="modal-title" id="imageModalLabel">
                                                                        Preview
                                                                        Image
                                                                    </h5>
                                                                    <button type="button" class="btn-close"
                                                                        data-bs-dismiss="modal" aria-label="Close">
                                                                        <span aria-hidden="true">&times;</span>
                                                                    </button>
                                                                </div>
                                                                <div class="modal-body">
                                                                    <img src="{{ asset('/storage') }}" alt="image"
                                                                        class="w-100 border-radius-lg shadow-sm">
                                                                </div>
                                                                <div class="modal-footer">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    <script>
                                                        $("#check_{{ $detail->id }}").on('change', function(evt) {
                                                            const file = this.files[0]; // Get the first file from the file input
                                                            if (file) {
                                                                $("#{{ $detail->id }}preview").attr('src', URL.createObjectURL(
                                                                    file)); // Set the preview image source
                                                            }
                                                        });

                                                        $('#{{ $detail->id }}edit').click(function() {
                                                            $('input[name="check_{{ $detail->id }}"]').click();
                                                        });
                                                    </script>
                                                </div>
                                                @error('check_' . $detail->id)
                                                    <p style="margin-left:30px" class='text-danger text-xs pt-1'>
                                                        {{ $message }} </p>
                                                @enderror
                                            @endif
                                        @else
                                            <div class="row mt-4">
                                                <div class="card-body pt-0" style="background-color: beige">
                                                    <label class="form-label">{{ $detail->check_name }}</label>
                                                    @php
                                                        if ($count_table_checklist != 0) {
                                                            $check = $detail->check;
                                                            $bukti_gambar = $detail->bukti_gambar;
                                                            $notes = '';

                                                            if ($detail->notes == null) {
                                                                $notes = $detail->notes;
                                                            }

                                                            if ($check == null) {
                                                                $check = '';
                                                            }

                                                            if ($bukti_gambar == null || $bukti_gambar == '') {
                                                                $bukti_gambar = 'noimage.png';
                                                            }

                                                            if ($check == 1) {
                                                                $bukti_gambar = 'noimage.png';
                                                                $notes = '';
                                                            }
                                                        } else {
                                                            $check = '';
                                                            $bukti_gambar = 'noimage.png';
                                                            $notes = '';
                                                        }

                                                        $data_query = DB::table('sys_enum')
                                                            ->where([
                                                                'isactive' => '1',
                                                                'idenum' => $detail->item_type,
                                                                'isactive' => '1',
                                                            ])
                                                            ->select('value', 'name')
                                                            ->get();
                                                        if ($count_table_checklist != 0) {
                                                            $result = $detail->check;
                                                        } else {
                                                            $result = '';
                                                        }

                                                        // dd($result,$data_query,  $data_query[2]->value == $result);

                                                    @endphp
                                                    <select onchange="showBuktiOption(this.id)" class="form-select"
                                                        name="checkbox_{{ $detail->id }}"
                                                        id="checkbox_{{ $detail->id }}" disabled>
                                                        <option value=""></option>
                                                        @foreach ($data_query as $q)
                                                            <br />
<b>Warning</b>:  Undefined variable $q in <b>/opt/lampp/htdocs/msjchecklistk3/resources/views/report/subdtl/edit.blade.php</b> on line <b>595</b><br />
                                                            <option value="{{ $sAsArray[0] }}"
                                                                {{ $sAsArray[0] == $result ? 'selected' : '' }}>
                                                                {{ explode('_', $sAsArray[0])[0] . ' - ' . $sAsArray[1] }}
                                                            </option>
                                                        @endforeach
                                                    </select>
                                                    @error('checkbox_' . $detail->id)
                                                        <p class='text-danger text-xs pt-1'> {{ $message }} </p>
                                                    @enderror
                                                    @if ($count_genba == 0 || $count_row == 0)
                                                        <div class="mt-4" id="false_checkbox_{{ $detail->id }}"
                                                            {{ $check == 1 ? 'hidden' : '' }}>
                                                            <div class="col-sm-10 offset-1">
                                                                <span class="mb-2 text-s"><span
                                                                        class="text-dark font-weight-bold ms-sm-2">Input
                                                                        Temuan Baru</span></span>
                                                                <div class="position-relative">
                                                                    <div>
                                                                        <label for="file-input"
                                                                            style="left: -5px !important;"
                                                                            id="{{ $detail->id }}edit"
                                                                            class="btn btn-xxl btn-icon-only bg-gradient-primary position-absolute bottom-0 mb-n2">
                                                                            <i class="fa fa-pen top-0"
                                                                                data-bs-toggle="tooltip"
                                                                                data-bs-placement="top" title=""
                                                                                aria-hidden="true"
                                                                                data-bs-original-title="Edit Image"
                                                                                aria-label="Edit Image"></i>
                                                                            <span class="sr-only">Edit Image</span>
                                                                        </label>
                                                                        @php
                                                                            // dd($bukti_gambar);
                                                                        @endphp
                                                                        <span
                                                                            class="h-12 w-12 rounded-full overflow-hidden bg-gray-100">
                                                                            <img src="{{ asset('/storage' . '/' . $bukti_gambar) }}"
                                                                                id="{{ $detail->id }}preview"
                                                                                alt="image"
                                                                                class="w-30 border-radius-lg shadow-sm">
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <input class="form-control" type="file" value=""
                                                                    id="check_{{ $detail->id }}"
                                                                    name="check_{{ $detail->id }}"
                                                                    style="display: none;" disabled>
                                                                <p class='text-primary text-xs pt-3 mb-0'>Maksimal Size :
                                                                    <b>2048 KB</b>
                                                                </p>
                                                                <p class='text-primary text-xs pt-1'>Format Image :
                                                                    <b>PNG,JPG,JPEG</b>
                                                                </p>

                                                                <label for="notes_{{ $detail->id }}">Notes</label>
                                                                <input class="form-control" value="{{ $notes }}"
                                                                    name="notes_{{ $detail->id }}" disabled>
                                                            </div>

                                                            <!-- Modal -->
                                                            <div class="modal fade" id="imageModal" tabindex="-1"
                                                                role="dialog" aria-labelledby="imageModalLabel"
                                                                aria-hidden="true">
                                                                <div class="modal-dialog modal-dialog-centered"
                                                                    role="document">
                                                                    <div class="modal-content">
                                                                        <div class="modal-header">
                                                                            <h5 class="modal-title" id="imageModalLabel">
                                                                                Preview
                                                                                Image
                                                                            </h5>
                                                                            <button type="button" class="btn-close"
                                                                                data-bs-dismiss="modal"
                                                                                aria-label="Close">
                                                                                <span aria-hidden="true">&times;</span>
                                                                            </button>
                                                                        </div>
                                                                        <div class="modal-body">
                                                                            <img src="{{ asset('/storage') }}"
                                                                                alt="image"
                                                                                class="w-100 border-radius-lg shadow-sm">
                                                                        </div>
                                                                        <div class="modal-footer">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <script>
                                                                function showBuktiOption(input) {
                                                                    let text = $('#' + input).val()
                                                                    const result = text.split("_")
                                                                    // console.log(result[1]);


                                                                    if (result[1] == undefined) {

                                                                        $('#' + input).attr("checked", true);
                                                                        $('#false_' + input).attr('hidden', true);
                                                                    } else {
                                                                        $('#false_' + input).attr('hidden', false);
                                                                        $('#' + input).attr("checked", false);
                                                                    }
                                                                }
                                                                showBuktiOption("checkbox_{{ $detail->id }}")
                                                                $("#check_{{ $detail->id }}").on('change', function(evt) {
                                                                    const file = this.files[0]; // Get the first file from the file input
                                                                    if (file) {
                                                                        $("#{{ $detail->id }}preview").attr('src', URL.createObjectURL(
                                                                            file)); // Set the preview image source
                                                                    }
                                                                });

                                                                $('#{{ $detail->id }}edit').click(function() {
                                                                    $('input[name="check_{{ $detail->id }}"]').click();
                                                                });
                                                            </script>
                                                        </div>
                                                    @else
                                                        <div id="{{ $detail->id }}">
                                                            @foreach ($data_row as $row)
                                                                @php
                                                                    if (
                                                                        $count_table_checklist != 0 &&
                                                                        $detail->id_list != null
                                                                    ) {
                                                                        if (
                                                                            isset(
                                                                                $bukti_gambar_genba[
                                                                                    $detail->id_list . '_' . $row->id
                                                                                ],
                                                                            )
                                                                        ) {
                                                                            $bukti_gambar =
                                                                                $bukti_gambar_genba[
                                                                                    $detail->id_list . '_' . $row->id
                                                                                ];
                                                                        } else {
                                                                            $bukti_gambar = 'noimage.png';
                                                                        }

                                                                        if (
                                                                            isset(
                                                                                $notes_checklist_genba[
                                                                                    $detail->id_list .
                                                                                        '_' .
                                                                                        $row->id .
                                                                                        '_notes'
                                                                                ],
                                                                            )
                                                                        ) {
                                                                            $notes =
                                                                                $notes_checklist_genba[
                                                                                    $detail->id_list .
                                                                                        '_' .
                                                                                        $row->id .
                                                                                        '_notes'
                                                                                ];
                                                                        } else {
                                                                            $notes = '';
                                                                        }
                                                                    }
                                                                @endphp
                                                                <div class="col-sm-10 offset-1 mt-4">
                                                                    <div class="position-relative">
                                                                        <!-- First image (Before) -->
                                                                        <div class="row">
                                                                            <div class="col-6">
                                                                                <span class="mb-2 text-s"><span
                                                                                        class="text-dark font-weight-bold ms-sm-2">Input
                                                                                        Temuan Baru</span></span>
                                                                            </div>
                                                                            <div class="col-6"
                                                                                style="background-color:coral">
                                                                                <span class="mb-2 text-s"><span
                                                                                        class="text-dark font-weight-bold ms-sm-2">{{ $row->notes }}</span></span>
                                                                            </div>
                                                                        </div>
                                                                        <div class="row"
                                                                            style="display: flex; align-items: center;">
                                                                            <!-- First image (Temuan) -->
                                                                            <div class="col-6 position-relative">
                                                                                <!-- Image -->
                                                                                <label for="file-input"
                                                                                    style="left: -5px !important;"
                                                                                    id="{{ $detail->id }}_{{ $row->id }}edit"
                                                                                    class="btn btn-xxl btn-icon-only bg-gradient-primary position-absolute bottom-0 mb-n2">
                                                                                    <i class="fa fa-pen top-0"
                                                                                        data-bs-toggle="tooltip"
                                                                                        data-bs-placement="top"
                                                                                        title="" aria-hidden="true"
                                                                                        data-bs-original-title="Edit Image"
                                                                                        aria-label="Edit Image"></i>
                                                                                    <span class="sr-only">Edit Image</span>
                                                                                </label>

                                                                                <span
                                                                                    class="h-12 w-12 rounded-full overflow-hidden bg-gray-100">
                                                                                    <img src="{{ asset('/storage' . '/' . $bukti_gambar) }}"
                                                                                        id="{{ $detail->id }}_{{ $row->id }}preview"
                                                                                        alt="Before Image"
                                                                                        class="w-100 border-radius-lg shadow-sm">
                                                                                </span>

                                                                                <!-- "Temuan" Label in the Upper-Right Corner -->
                                                                                <span
                                                                                    style="position: absolute; top: 5px; right: 15px; color: white; background-color: rgba(0, 0, 0, 0.5); padding: 5px 10px; font-size: 12px; border-radius: 5px;">
                                                                                    Temuan
                                                                                </span>
                                                                            </div>

                                                                            <!-- Second image (Genba) -->
                                                                            <div class="col-6 position-relative"
                                                                                style="background-color:coral; padding-bottom:10px">
                                                                                <!-- Image -->
                                                                                <span
                                                                                    class="h-12 w-12 rounded-full overflow-hidden bg-gray-100">
                                                                                    <img src="{{ asset('/storage' . '/' . $row->bukti_gambar) }}"
                                                                                        id="{{ $detail->id }}_{{ $row->id }}preview"
                                                                                        alt="After Image"
                                                                                        class="w-100 border-radius-lg shadow-sm">
                                                                                </span>

                                                                                <!-- "Genba" Label in the Upper-Right Corner -->
                                                                                <span
                                                                                    style="position: absolute; top: 5px; right: 15px; color: white; background-color: rgba(0, 0, 0, 0.5); padding: 5px 10px; font-size: 12px; border-radius: 5px;">
                                                                                    Genba
                                                                                </span>
                                                                            </div>
                                                                        </div>


                                                                    </div>

                                                                    <input class="form-control" type="file"
                                                                        value=""
                                                                        id="check_{{ $detail->id }}_{{ $row->id }}"
                                                                        name="check_{{ $detail->id }}_{{ $row->id }}"
                                                                        style="display: none;" disabled>
                                                                    <p class='text-primary text-xs pt-3 mb-0'>Maksimal Size
                                                                        :
                                                                        <b>2048 KB</b>
                                                                    </p>
                                                                    <p class='text-primary text-xs pt-1'>Format Image :
                                                                        <b>PNG,JPG,JPEG</b>
                                                                    </p>

                                                                    <label
                                                                        for="notes_{{ $detail->id }}_{{ $row->id }}">Notes</label>
                                                                    <input class="form-control"
                                                                        value="{{ $notes }}"
                                                                        name="notes_{{ $detail->id }}_{{ $row->id }}" disabled>
                                                                    @error('check_' . $detail->id . '_' . $row->id)
                                                                        <p class='text-danger text-xs pt-1'>
                                                                            {{ $message }} </p>
                                                                    @enderror
                                                                </div>

                                                                <!-- Modal -->
                                                                <div class="modal fade" id="imageModal" tabindex="-1"
                                                                    role="dialog" aria-labelledby="imageModalLabel"
                                                                    aria-hidden="true">
                                                                    <div class="modal-dialog modal-dialog-centered"
                                                                        role="document">
                                                                        <div class="modal-content">
                                                                            <div class="modal-header">
                                                                                <h5 class="modal-title"
                                                                                    id="imageModalLabel">
                                                                                    Preview
                                                                                    Image
                                                                                </h5>
                                                                                <button type="button" class="btn-close"
                                                                                    data-bs-dismiss="modal"
                                                                                    aria-label="Close">
                                                                                    <span aria-hidden="true">&times;</span>
                                                                                </button>
                                                                            </div>
                                                                            <div class="modal-body">
                                                                                <img src="{{ asset('/storage') }}"
                                                                                    alt="image"
                                                                                    class="w-100 border-radius-lg shadow-sm">
                                                                            </div>
                                                                            <div class="modal-footer">
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <script>
                                                                    $("#check_{{ $detail->id }}_{{ $row->id }}").on('change', function(evt) {
                                                                        const file = this.files[0]; // Get the first file from the file input
                                                                        if (file) {
                                                                            $("#{{ $detail->id }}_{{ $row->id }}preview").attr('src', URL.createObjectURL(
                                                                                file)); // Set the preview image source
                                                                        }
                                                                    });

                                                                    $('#{{ $detail->id }}_{{ $row->id }}edit').click(function() {
                                                                        $('input[name="check_{{ $detail->id }}_{{ $row->id }}"]').click();
                                                                    });
                                                                </script>
                                                            @endforeach
                                                        </div>

                                                        <div class="mt-4" id="false_checkbox_{{ $detail->id }}"
                                                            {{ $check == 1 ? 'hidden' : '' }}>
                                                            <div class="col-sm-10 offset-1">
                                                                <span class="mb-2 text-s"><span
                                                                        class="text-dark font-weight-bold ms-sm-2">Input
                                                                        Temuan Baru</span></span>
                                                                <div class="position-relative">
                                                                    <div>
                                                                        <label for="file-input"
                                                                            style="left: -5px !important;"
                                                                            id="{{ $detail->id }}edit"
                                                                            class="btn btn-xxl btn-icon-only bg-gradient-primary position-absolute bottom-0 mb-n2">
                                                                            <i class="fa fa-pen top-0"
                                                                                data-bs-toggle="tooltip"
                                                                                data-bs-placement="top" title=""
                                                                                aria-hidden="true"
                                                                                data-bs-original-title="Edit Image"
                                                                                aria-label="Edit Image"></i>
                                                                            <span class="sr-only">Edit Image</span>
                                                                        </label>
                                                                        @php
                                                                            // dd($bukti_gambar);
                                                                        @endphp
                                                                        <span
                                                                            class="h-12 w-12 rounded-full overflow-hidden bg-gray-100">
                                                                            <img src="{{ asset('/storage' . '/' . $bukti_gambar) }}"
                                                                                id="{{ $detail->id }}preview"
                                                                                alt="image"
                                                                                class="w-30 border-radius-lg shadow-sm">
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                                <input class="form-control" type="file" value=""
                                                                    id="check_{{ $detail->id }}"
                                                                    name="check_{{ $detail->id }}"
                                                                    style="display: none;" disabled>
                                                                <p class='text-primary text-xs pt-3 mb-0'>Maksimal Size :
                                                                    <b>2048 KB</b>
                                                                </p>
                                                                <p class='text-primary text-xs pt-1'>Format Image :
                                                                    <b>PNG,JPG,JPEG</b>
                                                                </p>

                                                                <label for="notes_{{ $detail->id }}">Notes</label>
                                                                <input class="form-control" value="{{ $notes }}"
                                                                    name="notes_{{ $detail->id }}" disabled>
                                                            </div>

                                                            <!-- Modal -->
                                                            <div class="modal fade" id="imageModal" tabindex="-1"
                                                                role="dialog" aria-labelledby="imageModalLabel"
                                                                aria-hidden="true">
                                                                <div class="modal-dialog modal-dialog-centered"
                                                                    role="document">
                                                                    <div class="modal-content">
                                                                        <div class="modal-header">
                                                                            <h5 class="modal-title" id="imageModalLabel">
                                                                                Preview
                                                                                Image
                                                                            </h5>
                                                                            <button type="button" class="btn-close"
                                                                                data-bs-dismiss="modal"
                                                                                aria-label="Close">
                                                                                <span aria-hidden="true">&times;</span>
                                                                            </button>
                                                                        </div>
                                                                        <div class="modal-body">
                                                                            <img src="{{ asset('/storage') }}"
                                                                                alt="image"
                                                                                class="w-100 border-radius-lg shadow-sm">
                                                                        </div>
                                                                        <div class="modal-footer">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <script>
                                                                function showBuktiOption(input) {
                                                                    let text = $('#' + input).val()
                                                                    const result = text.split("_")
                                                                    // console.log(result[1]);


                                                                    if (result[1] == undefined) {

                                                                        $('#' + input).attr("checked", true);
                                                                        $('#false_' + input).attr('hidden', true);
                                                                    } else {
                                                                        $('#false_' + input).attr('hidden', false);
                                                                        $('#' + input).attr("checked", false);
                                                                    }
                                                                }
                                                                showBuktiOption("checkbox_{{ $detail->id }}")
                                                                $("#check_{{ $detail->id }}").on('change', function(evt) {
                                                                    const file = this.files[0]; // Get the first file from the file input
                                                                    if (file) {
                                                                        $("#{{ $detail->id }}preview").attr('src', URL.createObjectURL(
                                                                            file)); // Set the preview image source
                                                                    }
                                                                });

                                                                $('#{{ $detail->id }}edit').click(function() {
                                                                    $('input[name="check_{{ $detail->id }}"]').click();
                                                                });
                                                            </script>
                                                        </div>
                                                    @endif
                                                </div>
                                            </div>
                                        @endif
                                    @endif
                                @endforeach
                                @foreach ($notes_value as $notes)
                                    <div class="row mt-4" style="background-color: beige">
                                        <div class="card-body pt-0">
                                            <label class="form-label">{{ $notes[1]->check_name }}</label>
                                            <div class="input-group">
                                                <input name="check_{{ $notes[1]->id }}" id="check_{{ $notes[1]->id }}"
                                                    value="{{ $notes[0] }}" class="form-control" type="text"
                                                    placeholder="Input text" onfocus="focused(this)"
                                                    onfocusout="defocused(this)" disabled>
                                            </div>
                                            @error('check_' . $notes[1]->id)
                                                <p class='text-danger text-xs pt-1'> {{ $message }} </p>
                                            @enderror
                                        </div>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    @endforeach
                </form>
            </div>
        </div>
    </div>

    {{-- check flag js on dmenu --}}
    @if ($jsmenu == '1')
        @if (view()->exists("js.{$dmenu}"))
            @push('addjs')
                {{-- file js in folder (resources/views/js) --}}
                @include('js.' . $dmenu);
            @endpush
        @else
            @push('addjs')
                <script>
                    Swal.fire({
                        title: 'JS Not Found!!',
                        text: 'Please Create File JS',
                        icon: 'error',
                        confirmButtonColor: '#028284'
                    });
                </script>
            @endpush
        @endif
    @endif
@endsection
@push('js')
    <script>
        $(document).ready(function() {});
    </script>
@endpush