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

@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 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>
                        @if ($h->status == 'E')
                            <button type="button" class="btn btn-primary mb-0" id="btn-simpan"
                                onclick="posting('{{ $h->id }}')">
                                <i class="fas fa-paper-plane"></i>
                                <span class="font-weight-bold"> Posting</span>
                            </button>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <p class="text-uppercase text-sm">Form Penerimaan Barang</p>
                        <hr class="horizontal dark mt-0">
                        <div class="row">
                            <div class="col-md-6">
                                <form role="form" method="POST" action="{{ URL::to($url_menu) }}" id="dailya-form"
                                    enctype="multipart/form-data">
                                    @csrf
                                    <div class="row">
                                        <div class="col-md-12">
                                            <div class="d-flex align-items-center">
                                                <label for="inputdate" class="form-label me-2"
                                                    style="min-width: 150px;">ID</label>
                                                <small class="form-text text-muted"></small>
                                                <input type="text" class="form-control" id="did" name="did"
                                                    value="{{ $h->id }}" disabled>
                                            </div>
                                            <p></p>
                                            <div class="d-flex align-items-center">
                                                <label for="inputdate" class="form-label me-2"
                                                    style="min-width: 150px;">Date <code> *</code></label>
                                                <input type="date" class="form-control" id="date" name="date"
                                                    value="{{ $h->date }}" readonly>
                                            </div>
                                        </div>
                                    </div>
                            </div>
                            <div class="col-md-6">
                                <div class="row">
                                    <div class="col-md-12">
                                        <div class="d-flex align-items-center">
                                            <label for="inputdate" class="form-label me-2"
                                                style="min-width: 150px;">Keterangan <code> *</code></label>
                                            <input type="text" class="form-control" id="keterangan" name="keterangan"
                                                value="{{ $h->remark }}" disabled>
                                        </div>
                                        <p></p>


                                        <div class="d-flex align-items-center">
                                            <label for="status" class="form-label me-2" style="min-width: 150px;">Status
                                                <code>*</code></label>

                                            @php
                                                $statusClass = '';
                                                $statusText = '';

                                                if ($h->status === 'E') {
                                                    $statusClass = 'bg-info text-white';
                                                    $statusText = 'Entry';
                                                } elseif ($h->status === 'F') {
                                                    $statusClass = 'bg-success text-white';
                                                    $statusText = 'Finish';
                                                } else {
                                                    $statusClass = 'bg-secondary text-white';
                                                    $statusText = $h->status ?? '-';
                                                }
                                            @endphp

                                            <input type="text" class="form-control {{ $statusClass }}"
                                                value="{{ $statusText }}" readonly>
                                        </div>
                                        <p></p>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <br>
                        <h6>Note : (<code>*</code>) Wajib diisi.</h6>
                    </div>
                </div>
            </div>
        </div>
    </div>

    {{-- List Detail --}}
    <div class="container-fluid py-4">
        <div class="row">
            <div class="col-md-12">
                <div class="card">
                    <div class="card-body">
                        <p class="text-uppercase text-sm">Detail</p>
                        <hr class="horizontal dark mt-0">

                        <!-- Buttons -->
                        {{-- <div class="d-flex mb-3">
                            <button type="button" class="btn btn-primary  me-2" id="add-frompp" data-bs-toggle="modal">
                                <i class="fas fa-plus"></i> Add from PO
                            </button>
                            <button type="button" class="btn btn-primary me-2" id="additem">
                                <i class="fas fa-plus"></i> Add Item
                            </button>
                        </div> --}}

                        <!-- Table  ADD PR-->
                        <div class="table-responsive">
                            <table class="table table-hover" id="detail-item">
                                <thead style="background-color: #daecff; text-align: left;">
                                    <tr>

                                        <th style="width:60px">Item</th>
                                        <th>Type</th>
                                        <th>Uraian Barang</th>
                                        <th>ID Barang</th>
                                        <th>Qty</th>
                                        <th>Satuan</th>
                                        <th>Jenis Asset</th>

                                        <th>Kode SAP</th>
                                        <th>Catatan</th>


                                    </tr>
                                </thead>
                                <tbody id="table-data">
                                    @foreach ($detail as $d)
                                        <tr class="detail-row">
                                            <td>
                                                <input type="text" class="form-control" name="detail-item[]"
                                                    value="{{ $d->item }}" disabled>
                                            </td>
                                            <td>
                                                <input type="text" class="form-control" name="detail-type[]"
                                                    value="{{ $d->type_name }}" disabled>
                                            </td>

                                            <td>
                                                <div class="detail-barang input-group mb-3">
                                                    <input type="text" name="detail-barang[]" class="form-control"
                                                        readonly value="{{ $d->uraian }}">
                                                    <span class="input-group-text bg-primary text-light btn-search"
                                                        style="cursor:pointer;">
                                                        <i class="fas fa-search"></i>
                                                    </span>
                                                </div>
                                            </td>
                                            <td>
                                                <input type="number" class="form-control" name="detail-qty[]"
                                                    value="{{ $d->id_barang }}" min="0.01" disabled>
                                            </td>

                                            <td>
                                                <input type="number" class="form-control" name="detail-qty[]"
                                                    value="{{ $d->qty }}" min="0.01" disabled>
                                            </td>

                                            <td>
                                                <select name="detail-uom[]" class="form-select" disabled>
                                                    <option value="" disabled selected>Pilih UOM</option>
                                                    @foreach ($uomval as $uom)
                                                        <option value="{{ $uom->value }}"
                                                            @if ($uom->value == $d->uom) selected @endif>
                                                            {{ $uom->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            <td>
                                                <select name="detail-uom[]" class="form-select" disabled>
                                                    <option value="" disabled selected>Pilih Jenis Asset</option>
                                                    @foreach ($assetval as $asset)
                                                        <option value="{{ $asset->value }}"
                                                            @if ($asset->value == $d->asset) selected @endif>
                                                            {{ $asset->name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                            </td>
                                            <td>
                                                @php
                                                    $assetMap = [
                                                        0 => [
                                                            'href' => '/msmntr/add',
                                                            'class' => 'prefill-msmntr',
                                                            'module' => 'msmntr',
                                                        ],
                                                        1 => [
                                                            'href' => '/msprin/add',
                                                            'class' => 'prefill-msprin',
                                                            'module' => 'msprin',
                                                        ],
                                                        2 => [
                                                            'href' => '/msscan/add',
                                                            'class' => 'prefill-msscan',
                                                            'module' => 'msscan',
                                                        ],
                                                        3 => [
                                                            'href' => '/mscpus/add',
                                                            'class' => 'prefill-mscpus',
                                                            'module' => 'mscpus',
                                                        ],
                                                        4 => [
                                                            'href' => '/mstswt/add',
                                                            'class' => 'prefill-mstswt',
                                                            'module' => 'mstswt',
                                                        ],
                                                    ];
                                                    $conf = $assetMap[(int) ($d->asset ?? 0)] ?? [
                                                        'href' => '/trpnbg/add',
                                                        'class' => 'prefill-default',
                                                        'module' => 'default',
                                                    ];
                                                @endphp

                                                @if (filled($d->kode_sap))
                                                    <a class="prefill-link {{ $conf['class'] }}" target="_blank"
                                                        href="{{ url($conf['href']) }}"
                                                        data-module="{{ $conf['module'] }}"
                                                        data-kode-sap="{{ $d->kode_sap }}"
                                                        data-ref-id="{{ $h->id }}">
                                                        {{ $d->kode_sap }}
                                                        <i class="fas fa-external-link-alt" aria-hidden="true"></i>
                                                    </a>
                                                @else
                                                    <span class="text-muted">-</span>
                                                @endif

                                            </td>
                                            <td>
                                                <input type="text" class="form-control" name="detail-remark[]"
                                                    value="{{ $d->remark }}" disabled>
                                            </td>

                                        </tr>
                                    @endforeach
                                </tbody>
                            </table>
                            <input type="hidden" id="jumlah_item" value="0" />
                        </div>


                    </div>
                </div>
            </div>
        </div>
    </div>



    <script>
        // JS global (mis. app.js yang sudah di-include di layout)
        document.addEventListener('click', function(e) {
            const a = e.target.closest('a.prefill-link');
            if (!a) return;

            // Tentukan modul dari data-attribute atau dari class "prefill-<module>"
            const module =
                a.dataset.module ||
                (a.className.match(/prefill-([a-z0-9_]+)/i)?.[1]) ||
                'default';

            // Key localStorage per modul, biar tidak saling timpa
            const storageKey = `${module}_prefill`;

            const payload = {
                kode_sap: a.dataset.kodeSap || '',
                id_reference: a.dataset.refId || '',
                ts: Date.now()
            };

            localStorage.setItem(storageKey, JSON.stringify(payload));
            // Biarkan browser lanjut buka href (target=_blank)
        }, true);


        function posting(id) {
            var id = id;

            Swal.fire({
                title: `Data ${id} akan di posting?`, // Perbaikan pada format string
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Ya'
            }).then((result) => {
                if (result.isConfirmed) {
                    // Ajax untuk memproses data ke database
                    $.ajax({
                        url: '{{ URL::to('/') }}/trpnbg/posting/' + id,
                        type: "POST",
                        dataType: "JSON",
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        success: function(data) {
                            if (data.status === 'success') {
                                Swal.fire({
                                    title: 'Berhasil!',
                                    html: `
                                    <b>Data ${id} berhasil diproses</b><br>
                                    <hr>
                                
                                `,
                                    icon: 'success',
                                    confirmButtonColor: '#3085d6'
                                }).then(() => {
                                    window.location.replace("{{ url('/trpnbg') }}");
                                });
                            } else {
                                Swal.fire({
                                    title: 'Oops!',
                                    text: data.message || `Data ${id} gagal diproses!`,
                                    icon: 'error',
                                    confirmButtonColor: '#3085d6'
                                });
                            }
                        },
                        error: function(jqXHR, textStatus, errorThrown) {
                            Swal.fire({
                                title: 'Oops!',
                                text: `Data ${id} tidak dapat diupdate!`,
                                icon: 'error',
                                confirmButtonColor: '#3085d6'
                            });
                        }

                    });
                }
            });
        }
    </script>
@endsection