@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])

@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => 'View Kedatangan Tamu'])
    <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</span>
                        </button>
                    
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <form method="POST" action="{{ URL::to($url_menu . '/' . $idencrypt) }}" id="{{ $dmenu }}-form" enctype="multipart/form-data">
                        @csrf
                        @method('PUT')
                        <div class="card-body">
                            @php
                                $sections = [
                                    'Kedatangan Barang' => [
                                        ['name' => 'Nomor_Polisi', 'label' => 'Nopol (A 1234 AB)', 'type' => 'text', 'placeholder' => 'ex.: A 1234 AB', 'col' => 6],
                                        ['name' => 'TanggalMasuk', 'label' => 'Tanggal Masuk', 'type' => 'date', 'col' => 3],
                                        ['name' => 'JamMasuk', 'label' => 'Jam Masuk (hh:mm)', 'type' => 'time', 'col' => 2],
                                        ['name' => 'jeniskendaraan_id', 'label' => 'Jenis Kendaraan', 'type' => 'enum', 'query' => 'SELECT id, jenis_kendaraan FROM mst_jeniskendaraan', 'col' => 3],
                                        ['name' => 'typekendaraan_id', 'label' => 'Type Kendaraan', 'type' => 'enum', 'query' => 'SELECT id, Nama_typekendaraan FROM mst_typekendaraan', 'col' => 3],
                                        ['name' => 'TanggalKeluar', 'label' => 'Tanggal Keluar', 'type' => 'date', 'col' => 3],
                                        ['name' => 'JamKeluar', 'label' => 'Jam Keluar (hh:mm)', 'type' => 'time', 'col' => 2],
                                    ],
                                    'Identitas Sopir' => [
                                        ['name' => 'NamaSopir', 'label' => 'Nama Sopir', 'type' => 'text', 'placeholder' => 'Ex.: Nama Sopir', 'col' => 3],
                                        ['name' => 'SIM', 'label' => 'SIM', 'type' => 'text', 'placeholder' => 'Ex.: xxxx', 'col' => 3],
                                    ],
                                    'Dokumen Kendaraan' => [
                                        ['name' => 'NoKontainer', 'label' => 'Nomor Kontainer', 'type' => 'text', 'placeholder' => 'Ex.: xxxx', 'col' => 3],
                                        ['name' => 'NoSegel', 'label' => 'Nomor Segel', 'type' => 'text', 'placeholder' => 'Ex.: xxxx', 'col' => 3],
                                        ['name' => 'NoSuratJalan', 'label' => 'Nomor Surat Jalan', 'type' => 'text', 'placeholder' => 'Ex.: xxxx', 'col' => 3],
                                        ['name' => 'ekspedisi_id', 'label' => 'Perusahaan/Ekspedisi', 'type' => 'enum', 'query' => 'SELECT id, Nama_Ekspedisi from mst_ekspedisi', 'col' => 3],
                                    ],
                                    'MUAT/BONGKAR' => [
                                        ['name' => 'bongkarmuat_id', 'label' => 'Keterangan Bongkar Muat', 'type' => 'enum', 'query' => 'SELECT id, Data_Bongkar_Muat from mst_bongkarmuat', 'col' => 3],
                                        ['name' => 'Penerima_Barang', 'label' => 'Penerima Barang', 'type' => 'text', 'placeholder' => 'Ex.: xxxx', 'col' => 3],
                                        ['name' => 'Bukti_Awal', 'label' => 'Bukti Awal', 'type' => 'image', 'col' => 3],
                                        ['name' => 'Bukti_Akhir', 'label' => 'Bukti Akhir', 'type' => 'image', 'col' => 3],
                                    ],
                                ];
                            @endphp

                            @foreach ($sections as $title => $fields)
                                <p class="text-uppercase text-sm">{{ $title }}</p>
                                <hr class="horizontal dark mt-0">
                                <div class="row">
                                @foreach ($fields as $field)
                                    <div class="col-md-{{ $field['col'] }}">
                                        <div class="form-group">
                                            <label>{{ $field['label'] }}</label>
                                            @if ($field['type'] === 'enum')
                                                <input class="form-control form-control-sm" 
                                                    type="text" 
                                                    value="@php
                                                        if ($field['query']) {
                                                            $query = str_replace('SELECT id,', 'SELECT ', $field['query']) . ' WHERE id = ?';
                                                            $result = DB::selectOne($query, [$list->{$field['name']}]);
                                                            if ($result) {
                                                                $properties = get_object_vars($result);
                                                                echo array_values($properties)[0] ?? $list->{$field['name']};
                                                            } else {
                                                                echo $list->{$field['name']};
                                                            }
                                                        } else {
                                                            echo $list->{$field['name']};
                                                        }
                                                    @endphp"
                                                    disabled>
                                            @elseif ($field['type'] === 'image')
                                                <div class="col-sm-auto">
                                                    <div class="position-relative">
                                                        <div>
                                                            <span class="h-12 w-12 rounded-full overflow-hidden bg-gray-100">
                                                                <img src="{{ asset('storage/' . $list->{$field['name']}) }}" id="{{ $field['name'] }}preview"
                                                                    alt="image" class="w-60 border-radius-lg shadow-sm">
                                                            </span>
                                                        </div>
                                                    </div>
                                                </div>
                                            @else
                                                <input class="form-control form-control-sm" 
                                                    type="{{ $field['type'] }}" 
                                                    value="{{ $list->{$field['name']} }}"
                                                    disabled>
                                            @endif
                                        </div>
                                    </div>
                                    @if($field['name'] === 'JamMasuk' || $field['name'] === 'JamKeluar')
                                        <div class="col-md-1 d-flex align-items-center">
                                            <div class="form-group mt-5">
                                                <div class="custom-control custom-switch">
                                                    <input type="checkbox" class="custom-control-input" id="autoUpdateCheck{{ $field['name'] }}" checked disabled>
                                                    <label class="custom-control-label" for="autoUpdateCheck{{ $field['name'] }}">
                                                        <i class="fas fa-clock" title="Auto-update Date/Time"></i>
                                                    </label>
                                                </div>
                                            </div>
                                        </div>
                                    @endif
                                @endforeach
                                </div>
                            @endforeach
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('js')
    <script>
        $(document).ready(function() {
            // Disable all form elements
            $('#{{ $dmenu }}-form').find('input, select, textarea').attr('disabled', 'disabled');
            
            // Enable form elements when Edit button is clicked
            $('#{{ $dmenu }}-edit').click(function() {
                window.location.href = "{{ URL::to($url_menu . '/' . $idencrypt . '/edit') }}";
            });
        });
    </script>
@endpush