@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>
                        {{-- check can_edit_authorized untuk button edit/simpan --}}
                        @if (isset($can_edit_authorized) && $can_edit_authorized === true)
                            @if (isset($list) && isset($list->isactive) && $list->isactive == 1 && isset($can_edit) && $can_edit === true)
                                {{-- button save (hidden by default) --}}
                                <button class="btn btn-primary mb-0" style="display: none;" id="{{ $dmenu }}-save"
                                    onclick="event.preventDefault(); validateAndSubmit();"><i
                                        class="fas fa-floppy-disk me-1">
                                    </i><span class="font-weight-bold">Simpan</button>
                                {{-- button edit --}}
                                <button class="btn btn-warning mb-0" id="{{ $dmenu }}-edit"><i
                                        class="fas fa-edit me-1"> </i><span class="font-weight-bold">Edit</button>
                            @endif
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="container-fluid py-4">
        <div class="row">
            @if ($table_header_l->isNotEmpty() || $table_header_r->isNotEmpty())
                <div class="col-md-12">
                    <form role="form" method="POST" action="{{ URL::to($url_menu . '/' . $idencrypt) }}"
                        enctype="multipart/form-data" id="{{ $dmenu }}-form">
                        @csrf
                        @method('PUT')
                        @if ($errors->any())
                            <div class="alert alert-danger" role="alert">{{ $errors->first() }}</div>
                        @endif
                        <div class="card">
                            <div class="card-body">
                                {{-- REJECTION NOTE: Tiru 100% style ongsmp (no gap, structure same) --}}
                                @if (isset($rejected_info) && $rejected_info && !in_array($rejected_info['level'], [4, 5]))
                                    <section class="rejection-note-area" style="margin-bottom: 15px; margin-top: 5px;">
                                        <label class="form-label-custom"
                                            style="font-weight: 700; color: #f5365c; margin-bottom: 10px; font-size: 1rem; border-bottom: 2px solid #fce8ec; width: 100%; padding-bottom: 8px; display: flex; align-items: center; justify-content: space-between;">
                                            <span><i class="fas fa-exclamation-circle me-2"></i>Catatan Penolakan</span>
                                            @if (isset($rejected_info['deadline_info']))
                                                <span class="badge bg-danger"
                                                    style="font-size: 0.7rem;">{{ $rejected_info['deadline_info'] }}</span>
                                            @endif
                                        </label>
                                        <div class="note-content">
                                            <div class="mb-1">
                                                <span class="fw-bold" style="color:#f5365c;">
                                                    <i class="fas fa-user-circle me-1"></i>
                                                    {{ $rejected_info['level_label'] ?? $rejected_info['approver'] }}
                                                    @if (isset($rejected_info['date']))
                                                        <small class="text-muted ms-2">
                                                            <i class="fas fa-clock me-1"></i>
                                                            {{ \Carbon\Carbon::parse($rejected_info['date'])->format('d/m/Y H:i') }}
                                                        </small>
                                                    @endif
                                                </span>
                                            </div>
                                            <div class="ps-3 border-start"
                                                style="border-left: 3px solid #f5365c !important;">
                                                <p class="mb-0 text-dark" style="line-height: 1.6; font-size: 0.9rem;">
                                                    {!! nl2br(e(trim($rejected_info['note']))) !!}
                                                </p>
                                            </div>
                                        </div>
                                    </section>
                                @endif

                                <p class="text-uppercase text-sm">View {{ $title_menu }}</p>
                                <hr class="horizontal dark mt-0">
                                <div class="row">
                                    {{-- LEFT COLUMN --}}
                                    @if ($table_header_l->isNotEmpty())
                                        <div class="col-md-6">
                                            <div class="row">
                                                @foreach ($table_header_l as $header)
                                                    @php
                                                        $string = $header->field;
                                                    @endphp
                                                    <div class="col-md-12">
                                                        {{-- Gedung Sample: Wrap form-group dengan id untuk hide/show --}}
                                                        @if ($header->field == 'gedung_sample')
                                                            <div class="form-group" id="gedung-field-group"
                                                                style="display: {{ ($list->classify_sample ?? '') == 'Improved' ? 'block' : 'none' }};">
                                                            @else
                                                                <div class="form-group">
                                                        @endif
                                                        @if ($header->type != 'hidden')
                                                            <label for="example-text-input"
                                                                class="form-control-label">{{ $header->alias }}</label>
                                                        @endif

                                                        {{-- Approval field (joinmultiple) - HARUS dicek SEBELUM primary key
                                                                field --}}
                                                        @if (
                                                            $header->type == 'joinmultiple' ||
                                                                ($header->field == 'id_sample' && strpos(strtolower($header->alias), 'approval') !== false))
                                                            @php
                                                                // DEBUG: Log untuk debugging approval field
                                                                \Log::info(
                                                                    'LstsmpController.show.view: Rendering approval field (PRIORITY CHECK)',
                                                                    [
                                                                        'field' => $header->field,
                                                                        'alias' => $header->alias,
                                                                        'type' => $header->type,
                                                                        'can_edit_authorized' =>
                                                                            isset($can_edit_authorized) &&
                                                                            $can_edit_authorized
                                                                                ? 'yes'
                                                                                : 'no',
                                                                        'can_edit' =>
                                                                            isset($can_edit) && $can_edit
                                                                                ? 'yes'
                                                                                : 'no',
                                                                        'approval_text' => $approval_text ?? 'N/A',
                                                                        'approval_text_exists' => isset($approval_text)
                                                                            ? 'yes'
                                                                            : 'no',
                                                                        'approval_data_exists' => isset($approval_data)
                                                                            ? 'yes'
                                                                            : 'no',
                                                                        'list_approval_1_count' => isset(
                                                                            $list_approval_1,
                                                                        )
                                                                            ? $list_approval_1->count()
                                                                            : 0,
                                                                        'list_approval_2_count' => isset(
                                                                            $list_approval_2,
                                                                        )
                                                                            ? $list_approval_2->count()
                                                                            : 0,
                                                                        'list_approval_3_count' => isset(
                                                                            $list_approval_3,
                                                                        )
                                                                            ? $list_approval_3->count()
                                                                            : 0,
                                                                    ],
                                                                );
                                                            @endphp
                                                            @if (isset($can_edit_authorized) && $can_edit_authorized === true && isset($can_edit) && $can_edit === true)
                                                                {{-- EDIT MODE: Show dropdowns untuk 3 level dari mst_approval --}}
                                                                @php
                                                                    $approvalLevel1 =
                                                                        isset($approval_data[1]) &&
                                                                        isset($approval_data[1]['id_approval'])
                                                                            ? $approval_data[1]['id_approval']
                                                                            : '';
                                                                    $approvalLevel2 =
                                                                        isset($approval_data[2]) &&
                                                                        isset($approval_data[2]['id_approval'])
                                                                            ? $approval_data[2]['id_approval']
                                                                            : '';
                                                                    $approvalLevel3 =
                                                                        isset($approval_data[3]) &&
                                                                        isset($approval_data[3]['id_approval'])
                                                                            ? $approval_data[3]['id_approval']
                                                                            : '';
                                                                @endphp
                                                                <div class="mb-2">
                                                                    <small class="text-muted">Approval Level 1</small>
                                                                    <div class="approval-row d-flex align-items-center gap-2">
                                                                        <select
                                                                            class="form-control form-control-sm minimalist-input flex-grow-1"
                                                                            name="approval_level_1" id="approval_level_1"
                                                                            disabled style="width: auto; min-width: 0;">
                                                                            <option value="">-- Pilih Approval Level 1 --</option>
                                                                            @if (isset($list_approval_1) && $list_approval_1->count() > 0)
                                                                                @foreach ($list_approval_1 as $approver)
                                                                                    <option value="{{ $approver->id }}"
                                                                                        {{ $approvalLevel1 == $approver->id ? 'selected' : '' }}>
                                                                                        {{ $approver->nama }}
                                                                                    </option>
                                                                                @endforeach
                                                                            @else
                                                                                <option value="" disabled>-- Data Approval Level 1 belum tersedia --</option>
                                                                            @endif
                                                                        </select>
                                                                        <button type="button"
                                                                            class="btn btn-danger btn-sm mb-0 clear-approval flex-shrink-0"
                                                                            data-level="1" disabled
                                                                            style="display: none; height: 38px; width: 38px; min-width: 38px; padding: 0; line-height: 38px; text-align: center;"
                                                                            aria-label="Kosongkan Approval Level 1"
                                                                            title="Kosongkan Approval Level 1"><i class="fas fa-times"></i></button>
                                                                    </div>
                                                                </div>
                                                                <div class="mb-2">
                                                                    <small class="text-muted">Approval Level 2</small>
                                                                    <div class="approval-row d-flex align-items-center gap-2">
                                                                        <select
                                                                            class="form-control form-control-sm minimalist-input flex-grow-1"
                                                                            name="approval_level_2" id="approval_level_2"
                                                                            disabled style="width: auto; min-width: 0;">
                                                                            <option value="">-- Pilih Approval Level 2 --</option>
                                                                            @if (isset($list_approval_2) && $list_approval_2->count() > 0)
                                                                                @foreach ($list_approval_2 as $approver)
                                                                                    <option value="{{ $approver->id }}"
                                                                                        {{ $approvalLevel2 == $approver->id ? 'selected' : '' }}>
                                                                                        {{ $approver->nama }}
                                                                                    </option>
                                                                                @endforeach
                                                                            @else
                                                                                <option value="" disabled>-- Data Approval Level 2 belum tersedia --</option>
                                                                            @endif
                                                                        </select>
                                                                        <button type="button"
                                                                            class="btn btn-danger btn-sm mb-0 clear-approval flex-shrink-0"
                                                                            data-level="2" disabled
                                                                            style="display: none; height: 38px; width: 38px; min-width: 38px; padding: 0; line-height: 38px; text-align: center;"
                                                                            aria-label="Kosongkan Approval Level 2"
                                                                            title="Kosongkan Approval Level 2"><i class="fas fa-times"></i></button>
                                                                    </div>
                                                                </div>
                                                                <div class="mb-2">
                                                                    <small class="text-muted">Approval Level 3</small>
                                                                    <div class="approval-row d-flex align-items-center gap-2">
                                                                        <select
                                                                            class="form-control form-control-sm minimalist-input flex-grow-1"
                                                                            name="approval_level_3" id="approval_level_3"
                                                                            disabled style="width: auto; min-width: 0;">
                                                                            <option value="">-- Pilih Approval Level 3 --</option>
                                                                            @if (isset($list_approval_3) && $list_approval_3->count() > 0)
                                                                                @foreach ($list_approval_3 as $approver)
                                                                                    <option value="{{ $approver->id }}"
                                                                                        {{ $approvalLevel3 == $approver->id ? 'selected' : '' }}>
                                                                                        {{ $approver->nama }}
                                                                                    </option>
                                                                                @endforeach
                                                                            @else
                                                                                <option value="" disabled>-- Data Approval Level 3 belum tersedia --</option>
                                                                            @endif
                                                                        </select>
                                                                        <button type="button"
                                                                            class="btn btn-danger btn-sm mb-0 clear-approval flex-shrink-0"
                                                                            data-level="3" disabled
                                                                            style="display: none; height: 38px; width: 38px; min-width: 38px; padding: 0; line-height: 38px; text-align: center;"
                                                                            aria-label="Kosongkan Approval Level 3"
                                                                            title="Kosongkan Approval Level 3"><i class="fas fa-times"></i></button>
                                                                    </div>
                                                                </div>
                                                            @else
                                                                {{-- VIEW MODE: Show approval text dari controller --}}
                                                                @php
                                                                    $displayApprovalText =
                                                                        isset($approval_text) && !empty($approval_text)
                                                                            ? $approval_text
                                                                            : '-';
                                                                @endphp
                                                                <input class="form-control minimalist-input"
                                                                    type="text" id="approval_list_text"
                                                                    value="{{ $displayApprovalText }}" disabled readonly>
                                                            @endif

                                                            {{-- Primary key field (readonly) - SKIP jika type joinmultiple dan
                                                                    alias contains approval --}}
                                                        @elseif (
                                                            $header->field == $table_primary->field &&
                                                                !($header->type == 'joinmultiple' && strpos(strtolower($header->alias), 'approval') !== false))
                                                            <input class="form-control minimalist-input" type="text"
                                                                id="id_sample" value="{{ $list->$string ?? '' }}"
                                                                disabled readonly>
                                                            <input type="hidden" name="{{ $header->field }}"
                                                                value="{{ $list->$string ?? '' }}">

                                                            {{-- Status field (LOCKED - readonly dan tetap Entry) --}}
                                                        @elseif ($header->field == 'status')
                                                            <input class="form-control minimalist-input" type="text"
                                                                id="status" value="{{ $list->$string ?? '' }}"
                                                                disabled readonly>
                                                            <input type="hidden" name="status"
                                                                value="{{ $list->status ?? 'Entry' }}">
                                                        @elseif ($header->field == 'sample_date')
                                                            @php
                                                                $dateValue = $list->$string ?? '';
                                                                if (!empty($dateValue)) {
                                                                    try {
                                                                        // Format dengan jam: d/m/Y H:i (contoh: 17/12/2025 14:30)
                                                                        $dateValue = \Carbon\Carbon::parse(
                                                                            $dateValue,
                                                                        )->format('d/m/Y H:i');
                                                                    } catch (\Exception $e) {
                                                                        // Jika parsing gagal, tampilkan as-is
                                                                        $dateValue = $list->$string ?? '';
                                                                    }
                                                                } else {
                                                                    $dateValue = '-';
                                                                }
                                                            @endphp
                                                            <input class="form-control minimalist-input" type="text"
                                                                id="sample_date" value="{{ $dateValue }}" disabled
                                                                readonly>

                                                            {{-- ID Salesman (enum/dropdown dari mst_approval) - FIXED: Pastikan
                                                                    menggunakan field yang benar --}}
                                                        @elseif ($header->field == 'id_salesman' || $header->field == 'nama_sales')
                                                            @if ($header->field == 'id_salesman')
                                                                <select class="form-control select2 minimalist-input"
                                                                    name="id_salesman" id="id_salesman" disabled>
                                                                    <option value="">-- Pilih Sales --</option>
                                                                    @if (isset($list_salesman) && $list_salesman->count() > 0)
                                                                        @foreach ($list_salesman as $sales)
                                                                            <option value="{{ $sales->id }}"
                                                                                {{ ($list->id_salesman ?? '') == $sales->id ? 'selected' : '' }}>
                                                                                {{ $sales->nama ?? ($sales->name ?? '') }}
                                                                            </option>
                                                                        @endforeach
                                                                    @else
                                                                        <option value="" disabled>-- Data Sales belum
                                                                            tersedia --
                                                                        </option>
                                                                    @endif
                                                                </select>
                                                                <input type="hidden" name="nama_sales" id="nama_sales"
                                                                    value="{{ $list->nama_sales ?? '' }}">
                                                            @endif

                                                            {{-- ID Customer (enum/dropdown dari mst_customer) - FIXED: Pastikan
                                                                    menggunakan field yang benar --}}
                                                        @elseif ($header->field == 'id_customer' || $header->field == 'customer')
                                                            @if ($header->field == 'id_customer')
                                                                <select class="form-control select2 minimalist-input"
                                                                    name="id_customer" id="id_customer" disabled>
                                                                    <option value="">-- Pilih Customer --</option>
                                                                    @if (isset($list_customer) && $list_customer->count() > 0)
                                                                        @foreach ($list_customer as $cust)
                                                                            <option value="{{ $cust->id }}"
                                                                                {{ ($list->id_customer ?? '') == $cust->id ? 'selected' : '' }}
                                                                                data-attn-to="{{ $cust->attn_to ?? '' }}"
                                                                                data-deliver-to="{{ $cust->address ?? '' }}">
                                                                                {{ $cust->nama ?? ($cust->name ?? '') }}
                                                                            </option>
                                                                        @endforeach
                                                                    @else
                                                                        <option value="" disabled>-- Data Customer
                                                                            belum tersedia --
                                                                        </option>
                                                                    @endif
                                                                </select>
                                                                <input type="hidden" name="customer" id="customer"
                                                                    value="{{ $list->customer ?? '' }}">
                                                            @endif

                                                            {{-- Project Field (Manual Injection) --}}
                                                            <div class="form-group mt-3">
                                                                <label class="form-control-label">Project</label>
                                                                <input class="form-control minimalist-input"
                                                                    type="text" name="project" id="project"
                                                                    value="{{ $list->project ?? '' }}" disabled readonly>
                                                            </div>

                                                            {{-- End User Field (Manual Injection) --}}
                                                            <div class="form-group mt-3">
                                                                <label class="form-control-label">End User</label>
                                                                <input class="form-control minimalist-input"
                                                                    type="text" name="end_user" id="end_user"
                                                                    value="{{ $list->end_user ?? '' }}" disabled readonly>
                                                            </div>

                                                            {{-- Enum fields (dropdown dari query) --}}
                                                        @elseif ($header->type == 'enum')
                                                            <select class="form-control select2 minimalist-input"
                                                                name="{{ $header->field }}" id="{{ $header->field }}"
                                                                disabled>
                                                                <option value=""></option>
                                                                @if ($header->query != '')
                                                                    @php
                                                                        $data_query = DB::select($header->query);
                                                                    @endphp
                                                                    @foreach ($data_query as $q)
                                                                        <br />
<b>Warning</b>:  Undefined variable $q in <b>/opt/lampp/htdocs/msjsample/resources/views/sample/rjtsmp/show.blade.php</b> on line <b>379</b><br />
                                                                        <option value="{{ $sAsArray[0] }}"
                                                                            {{ ($list->$string ?? '') == $sAsArray[0] ? 'selected' : '' }}>
                                                                            {{ $sAsArray[1] }}
                                                                        </option>
                                                                    @endforeach
                                                                @endif
                                                            </select>

                                                            {{-- Date fields --}}
                                                        @elseif ($header->type == 'date')
                                                            @php
                                                                $dateValue = $list->$string ?? '';
                                                                if (!empty($dateValue)) {
                                                                    try {
                                                                        $dateValue = \Carbon\Carbon::parse(
                                                                            $dateValue,
                                                                        )->format('Y-m-d');
                                                                    } catch (\Exception $e) {
                                                                    }
                                                                }
                                                            @endphp
                                                            <input class="form-control minimalist-input" type="date"
                                                                value="{{ $dateValue }}" name="{{ $header->field }}"
                                                                disabled>

                                                            {{-- DateTime fields --}}
                                                        @elseif ($header->type == 'datetime')
                                                            @php
                                                                $dateValue = $list->$string ?? '';
                                                                if (!empty($dateValue)) {
                                                                    try {
                                                                        $dateValue = \Carbon\Carbon::parse(
                                                                            $dateValue,
                                                                        )->format('Y-m-d\TH:i');
                                                                    } catch (\Exception $e) {
                                                                    }
                                                                }
                                                            @endphp
                                                            <input class="form-control minimalist-input"
                                                                type="datetime-local" value="{{ $dateValue }}"
                                                                name="{{ $header->field }}" readonly>

                                                            {{-- Attn. To field (READ-ONLY - auto-filled from customer) --}}
                                                        @elseif ($header->field == 'attn_to')
                                                            <input class="form-control minimalist-input" type="text"
                                                                id="attn_to" value="{{ $list->$string ?? '' }}"
                                                                name="{{ $header->field }}"
                                                                maxlength="{{ $header->length ?? 255 }}" disabled>

                                                            <input type="hidden" name="attn_to_hidden"
                                                                id="attn_to_hidden" value="{{ $list->$string ?? '' }}">

                                                            {{-- Ship To field (free text) --}}
                                                        @elseif ($header->field == 'ship_to')
                                                            <input class="form-control minimalist-input" type="text"
                                                                value="{{ $list->ship_to ?? '' }}" name="ship_to"
                                                                maxlength="255" id="ship_to" disabled>

                                                            {{-- Text/textarea fields --}}
                                                        @elseif ($header->type == 'text')
                                                            <textarea class="form-control minimalist-input" name="{{ $header->field }}" disabled>{{ $list->$string ?? '' }}</textarea>

                                                            {{-- String/char fields (default) - SKIP jika type joinmultiple dan
                                                                    alias contains approval --}}
                                                        @elseif (!($header->type == 'joinmultiple' && strpos(strtolower($header->alias), 'approval') !== false))
                                                            <input class="form-control minimalist-input" type="text"
                                                                value="{{ $list->$string ?? '' }}"
                                                                name="{{ $header->field }}"
                                                                maxlength="{{ $header->length ?? 255 }}" disabled
                                                                readonly>
                                                        @else
                                                            {{-- Fallback untuk joinmultiple approval yang tidak ter-handle --}}
                                                            @php
                                                                $displayApprovalText =
                                                                    isset($approval_text) && !empty($approval_text)
                                                                        ? $approval_text
                                                                        : $list->$string ?? '-';
                                                                \Log::warning(
                                                                    'LstsmpController.show.view: Approval field fallback',
                                                                    [
                                                                        'field' => $header->field,
                                                                        'alias' => $header->alias,
                                                                        'type' => $header->type,
                                                                        'displayApprovalText' => $displayApprovalText,
                                                                        'approval_text' => $approval_text ?? 'NOT SET',
                                                                    ],
                                                                );
                                                            @endphp
                                                            <input class="form-control minimalist-input" type="text"
                                                                value="{{ $displayApprovalText }}" disabled readonly>
                                                        @endif

                                                        @if (!empty($header->note))
                                                            <p class='text-secondary text-xs pt-1 px-1'>
                                                                {{ '*) ' . $header->note }}
                                                            </p>
                                                        @endif
                                                        @error($header->field)
                                                            <p class='text-danger text-xs pt-1'> {{ $message }} </p>
                                                        @enderror
                                                    </div>
                                            </div>
                                    @endforeach
                                </div>
                            </div>
            @endif

            {{-- RIGHT COLUMN --}}
            @if ($table_header_r->isNotEmpty())
                <div class="col-md-6">
                    <div class="row">
                        @foreach ($table_header_r as $header)
                            @php
                                $string = $header->field;
                            @endphp
                            <div class="col-md-12">
                                {{-- Gedung Sample: Wrap form-group dengan id untuk hide/show --}}
                                @if ($header->field == 'gedung_sample')
                                    <div class="form-group" id="gedung-field-group"
                                        style="display: {{ ($list->classify_sample ?? '') == 'Improved' ? 'block' : 'none' }};">
                                    @else
                                        <div class="form-group">
                                @endif
                                @if ($header->type != 'hidden')
                                    <label for="example-text-input"
                                        class="form-control-label">{{ $header->alias }}</label>
                                @endif

                                {{-- Approval field (joinmultiple) - HARUS dicek SEBELUM primary
                                                                    key
                                                                    field --}}
                                @if (
                                    $header->type == 'joinmultiple' ||
                                        ($header->field == 'id_sample' && strpos(strtolower($header->alias), 'approval') !== false))
                                    @php
                                        // DEBUG: Log untuk debugging approval field
                                        \Log::info(
                                            'LstsmpController.show.view: Rendering approval field (PRIORITY CHECK)',
                                            [
                                                'field' => $header->field,
                                                'alias' => $header->alias,
                                                'type' => $header->type,
                                                'can_edit_authorized' =>
                                                    isset($can_edit_authorized) && $can_edit_authorized ? 'yes' : 'no',
                                                'can_edit' => isset($can_edit) && $can_edit ? 'yes' : 'no',
                                                'approval_text' => $approval_text ?? 'N/A',
                                                'approval_text_exists' => isset($approval_text) ? 'yes' : 'no',
                                                'approval_data_exists' => isset($approval_data) ? 'yes' : 'no',
                                                'list_approval_1_count' => isset($list_approval_1)
                                                    ? $list_approval_1->count()
                                                    : 0,
                                                'list_approval_2_count' => isset($list_approval_2)
                                                    ? $list_approval_2->count()
                                                    : 0,
                                                'list_approval_3_count' => isset($list_approval_3)
                                                    ? $list_approval_3->count()
                                                    : 0,
                                            ],
                                        );
                                    @endphp
                                    @if (isset($can_edit_authorized) && $can_edit_authorized === true && isset($can_edit) && $can_edit === true)
                                        {{-- EDIT MODE: Show dropdowns untuk 3 level dari mst_approval
                                                                            --}}
                                        @php
                                            $approvalLevel1 =
                                                isset($approval_data[1]) && isset($approval_data[1]['id_approval'])
                                                    ? $approval_data[1]['id_approval']
                                                    : '';
                                            $approvalLevel2 =
                                                isset($approval_data[2]) && isset($approval_data[2]['id_approval'])
                                                    ? $approval_data[2]['id_approval']
                                                    : '';
                                            $approvalLevel3 =
                                                isset($approval_data[3]) && isset($approval_data[3]['id_approval'])
                                                    ? $approval_data[3]['id_approval']
                                                    : '';
                                        @endphp
                                        <div class="mb-2">
                                            <small class="text-muted">Approval Level 1</small>
                                            <div class="approval-row d-flex align-items-center gap-2">
                                                <select class="form-control form-control-sm minimalist-input flex-grow-1"
                                                    name="approval_level_1" id="approval_level_1" disabled
                                                    style="width: auto; min-width: 0;">
                                                    <option value="">-- Pilih Approval Level 1 --</option>
                                                    @if (isset($list_approval_1) && $list_approval_1->count() > 0)
                                                        @foreach ($list_approval_1 as $approver)
                                                            <option value="{{ $approver->id }}"
                                                                {{ $approvalLevel1 == $approver->id ? 'selected' : '' }}>
                                                                {{ $approver->nama }}
                                                            </option>
                                                        @endforeach
                                                    @else
                                                        <option value="" disabled>-- Data Approval Level 1 belum tersedia --</option>
                                                    @endif
                                                </select>
                                                <button type="button" class="btn btn-danger btn-sm mb-0 clear-approval flex-shrink-0"
                                                    data-level="1" disabled
                                                    style="display: none; height: 38px; width: 38px; min-width: 38px; padding: 0; line-height: 38px; text-align: center;"
                                                    aria-label="Kosongkan Approval Level 1"
                                                    title="Kosongkan Approval Level 1"><i class="fas fa-times"></i></button>
                                            </div>
                                        </div>
                                        <div class="mb-2">
                                            <small class="text-muted">Approval Level 2</small>
                                            <div class="approval-row d-flex align-items-center gap-2">
                                                <select class="form-control form-control-sm minimalist-input flex-grow-1"
                                                    name="approval_level_2" id="approval_level_2" disabled
                                                    style="width: auto; min-width: 0;">
                                                    <option value="">-- Pilih Approval Level 2 --</option>
                                                    @if (isset($list_approval_2) && $list_approval_2->count() > 0)
                                                        @foreach ($list_approval_2 as $approver)
                                                            <option value="{{ $approver->id }}"
                                                                {{ $approvalLevel2 == $approver->id ? 'selected' : '' }}>
                                                                {{ $approver->nama }}
                                                            </option>
                                                        @endforeach
                                                    @else
                                                        <option value="" disabled>-- Data Approval Level 2 belum tersedia --</option>
                                                    @endif
                                                </select>
                                                <button type="button" class="btn btn-danger btn-sm mb-0 clear-approval flex-shrink-0"
                                                    data-level="2" disabled
                                                    style="display: none; height: 38px; width: 38px; min-width: 38px; padding: 0; line-height: 38px; text-align: center;"
                                                    aria-label="Kosongkan Approval Level 2"
                                                    title="Kosongkan Approval Level 2"><i class="fas fa-times"></i></button>
                                            </div>
                                        </div>
                                        <div class="mb-2">
                                            <small class="text-muted">Approval Level 3</small>
                                            <div class="approval-row d-flex align-items-center gap-2">
                                                <select class="form-control form-control-sm minimalist-input flex-grow-1"
                                                    name="approval_level_3" id="approval_level_3" disabled
                                                    style="width: auto; min-width: 0;">
                                                    <option value="">-- Pilih Approval Level 3 --</option>
                                                    @if (isset($list_approval_3) && $list_approval_3->count() > 0)
                                                        @foreach ($list_approval_3 as $approver)
                                                            <option value="{{ $approver->id }}"
                                                                {{ $approvalLevel3 == $approver->id ? 'selected' : '' }}>
                                                                {{ $approver->nama }}
                                                            </option>
                                                        @endforeach
                                                    @else
                                                        <option value="" disabled>-- Data Approval Level 3 belum tersedia --</option>
                                                    @endif
                                                </select>
                                                <button type="button" class="btn btn-danger btn-sm mb-0 clear-approval flex-shrink-0"
                                                    data-level="3" disabled
                                                    style="display: none; height: 38px; width: 38px; min-width: 38px; padding: 0; line-height: 38px; text-align: center;"
                                                    aria-label="Kosongkan Approval Level 3"
                                                    title="Kosongkan Approval Level 3"><i class="fas fa-times"></i></button>
                                            </div>
                                        </div>
                                    @else
                                        {{-- VIEW MODE: Show approval text dari controller --}}
                                        @php
                                            // DEBUG: Pastikan approval_text ter-set
                                            $displayApprovalText =
                                                isset($approval_text) && !empty($approval_text) ? $approval_text : '-';
                                            \Log::info(
                                                'LstsmpController.show.view: Displaying approval text (VIEW MODE)',
                                                [
                                                    'approval_text' => $displayApprovalText,
                                                    'approval_text_raw' => $approval_text ?? 'NOT SET',
                                                    'field' => $header->field,
                                                    'alias' => $header->alias,
                                                ],
                                            );
                                        @endphp
                                        <input class="form-control minimalist-input" type="text"
                                            id="approval_list_text" value="{{ $displayApprovalText }}" disabled readonly>
                                    @endif

                                    {{-- Primary key field (readonly) - SKIP jika type joinmultiple
                                                                        dan
                                                                        alias contains approval --}}
                                @elseif (
                                    $header->field == $table_primary->field &&
                                        !($header->type == 'joinmultiple' && strpos(strtolower($header->alias), 'approval') !== false))
                                    <input class="form-control minimalist-input" type="text" id="id_sample"
                                        value="{{ $list->$string ?? '' }}" disabled readonly>
                                    <input type="hidden" name="{{ $header->field }}"
                                        value="{{ $list->$string ?? '' }}">

                                    {{-- Status field (LOCKED - readonly dan tetap Entry) --}}
                                @elseif ($header->field == 'status')
                                    <input class="form-control minimalist-input" type="text" id="status"
                                        value="{{ $list->$string ?? '' }}" disabled readonly>
                                    <input type="hidden" name="status" value="{{ $list->status ?? 'Entry' }}">

                                    {{-- Sample Date field (LOCKED - readonly, otomatis update saat
                                                                        simpan dengan jam) --}}
                                @elseif ($header->field == 'sample_date')
                                    @php
                                        $dateValue = $list->$string ?? '';
                                        if (!empty($dateValue)) {
                                            try {
                                                // Format dengan jam: d/m/Y H:i (contoh: 17/12/2025 14:30)
                                                $dateValue = \Carbon\Carbon::parse($dateValue)->format('d/m/Y H:i');
                                            } catch (\Exception $e) {
                                                // Jika parsing gagal, tampilkan as-is
                                                $dateValue = $list->$string ?? '';
                                            }
                                        }
                                    @endphp
                                    <input class="form-control minimalist-input" type="text" id="sample_date"
                                        value="{{ $dateValue }}" disabled readonly>


                                    {{-- ID Salesman (enum/dropdown dari mst_approval) - FIXED:
                                                                        Pastikan
                                                                        menggunakan field yang benar --}}
                                @elseif ($header->field == 'id_salesman' || $header->field == 'nama_sales')
                                    @if ($header->field == 'id_salesman')
                                        <select class="form-control minimalist-input" name="id_salesman" id="id_salesman"
                                            disabled>
                                            <option value="">-- Pilih Sales --</option>
                                            @if (isset($list_salesman) && $list_salesman->count() > 0)
                                                @foreach ($list_salesman as $sales)
                                                    <option value="{{ $sales->id }}"
                                                        {{ ($list->id_salesman ?? '') == $sales->id ? 'selected' : '' }}>
                                                        {{ $sales->nama ?? ($sales->name ?? '') }}
                                                    </option>
                                                @endforeach
                                            @else
                                                <option value="" disabled>-- Data Sales belum tersedia --
                                                </option>
                                            @endif
                                        </select>
                                        <input type="hidden" name="nama_sales" id="nama_sales"
                                            value="{{ $list->nama_sales ?? '' }}">
                                    @endif

                                    {{-- ID Customer (enum/dropdown dari mst_customer) - FIXED:
                                                                        Pastikan
                                                                        menggunakan field yang benar --}}
                                @elseif ($header->field == 'id_customer' || $header->field == 'customer')
                                    @if ($header->field == 'id_customer')
                                        <select class="form-control minimalist-input" name="id_customer" id="id_customer"
                                            disabled>
                                            <option value="">-- Pilih Customer --</option>
                                            @if (isset($list_customer) && $list_customer->count() > 0)
                                                @foreach ($list_customer as $cust)
                                                    <option value="{{ $cust->id }}"
                                                        {{ ($list->id_customer ?? '') == $cust->id ? 'selected' : '' }}
                                                        data-attn-to="{{ $cust->attn_to ?? '' }}"
                                                        data-deliver-to="{{ $cust->address ?? '' }}">
                                                        {{ $cust->nama ?? ($cust->name ?? '') }}
                                                    </option>
                                                @endforeach
                                            @else
                                                <option value="" disabled>-- Data Customer belum tersedia --
                                                </option>
                                            @endif
                                        </select>
                                        <input type="hidden" name="customer" id="customer"
                                            value="{{ $list->customer ?? '' }}">
                                    @endif

                                    {{-- Project Field (Manual Injection) --}}
                                    <div class="form-group mt-3">
                                        <label class="form-control-label">Project</label>
                                        <input class="form-control minimalist-input" type="text" name="project"
                                            id="project" value="{{ $list->project ?? '' }}" disabled readonly>
                                    </div>

                                    {{-- End User Field (Manual Injection) --}}
                                    <div class="form-group mt-3">
                                        <label class="form-control-label">End User</label>
                                        <input class="form-control minimalist-input" type="text" name="end_user"
                                            id="end_user" value="{{ $list->end_user ?? '' }}" disabled readonly>
                                    </div>
                                    {{-- Enum fields (dropdown dari query) --}}
                                @elseif ($header->type == 'enum')
                                    <select class="form-control minimalist-input" name="{{ $header->field }}"
                                        id="{{ $header->field }}" disabled>
                                        <option value=""></option>
                                        @if ($header->query != '')
                                            @php
                                                $data_query = DB::select($header->query);
                                            @endphp
                                            @foreach ($data_query as $q)
                                                <br />
<b>Warning</b>:  Undefined variable $q in <b>/opt/lampp/htdocs/msjsample/resources/views/sample/rjtsmp/show.blade.php</b> on line <b>761</b><br />
                                                <option value="{{ $sAsArray[0] }}"
                                                    {{ ($list->$string ?? '') == $sAsArray[0] ? 'selected' : '' }}>
                                                    {{ $sAsArray[1] }}
                                                </option>
                                            @endforeach
                                        @endif
                                    </select>

                                    {{-- Date fields --}}
                                @elseif ($header->type == 'date')
                                    @php
                                        $dateValue = $list->$string ?? '';
                                        if (!empty($dateValue)) {
                                            try {
                                                $dateValue = \Carbon\Carbon::parse($dateValue)->format('Y-m-d');
                                            } catch (\Exception $e) {
                                            }
                                        }
                                    @endphp
                                    <input class="form-control minimalist-input" type="date"
                                        value="{{ $dateValue }}" name="{{ $header->field }}" disabled>

                                    {{-- DateTime fields --}}
                                @elseif ($header->type == 'datetime')
                                    @php
                                        $dateValue = $list->$string ?? '';
                                        if (!empty($dateValue)) {
                                            try {
                                                $dateValue = \Carbon\Carbon::parse($dateValue)->format('Y-m-d\TH:i');
                                            } catch (\Exception $e) {
                                            }
                                        }
                                    @endphp
                                    <input class="form-control minimalist-input" type="datetime-local"
                                        value="{{ $dateValue }}" name="{{ $header->field }}" disabled>

                                    {{-- Attn. To field (READ-ONLY - auto-filled from customer) --}}
                                @elseif ($header->field == 'attn_to')
                                    <input class="form-control minimalist-input" type="text" id="attn_to"
                                        value="{{ $list->$string ?? '' }}" name="{{ $header->field }}"
                                        maxlength="{{ $header->length ?? 255 }}" disabled>
                                    <input type="hidden" name="attn_to_hidden" id="attn_to_hidden"
                                        value="{{ $list->$string ?? '' }}">

                                    {{-- Ship To field (free text) --}}
                                @elseif ($header->field == 'ship_to')
                                    <input class="form-control minimalist-input" type="text"
                                        value="{{ $list->ship_to ?? '' }}" name="ship_to" maxlength="255"
                                        id="ship_to" disabled>

                                    {{-- Text/textarea fields --}}
                                @elseif ($header->type == 'text')
                                    <textarea class="form-control minimalist-input" name="{{ $header->field }}" disabled readonly>{{ $list->$string ?? '' }}</textarea>

                                    {{-- String/char fields (default) - SKIP jika type joinmultiple
                                                                        dan
                                                                        alias contains approval --}}
                                @elseif (!($header->type == 'joinmultiple' && strpos(strtolower($header->alias), 'approval') !== false))
                                    <input class="form-control minimalist-input"
                                        id="{{ in_array($header->field, ['attn_to', 'deliver_to']) ? $header->field : '' }}"
                                        type="text" value="{{ $list->$string ?? '' }}" name="{{ $header->field }}"
                                        maxlength="{{ $header->length ?? 255 }}" disabled>
                                @else
                                    {{-- Fallback untuk joinmultiple approval yang tidak ter-handle
                                                                        --}}
                                    @php
                                        $displayApprovalText =
                                            isset($approval_text) && !empty($approval_text)
                                                ? $approval_text
                                                : $list->$string ?? '-';
                                        \Log::warning('LstsmpController.show.view: Approval field fallback', [
                                            'field' => $header->field,
                                            'alias' => $header->alias,
                                            'type' => $header->type,
                                            'displayApprovalText' => $displayApprovalText,
                                            'approval_text' => $approval_text ?? 'NOT SET',
                                        ]);
                                    @endphp
                                    <input class="form-control minimalist-input" type="text"
                                        value="{{ $displayApprovalText }}" disabled>
                                @endif

                                @if (!empty($header->note))
                                    <p class='text-secondary text-xs pt-1 px-1'>
                                        {{ '*) ' . $header->note }}
                                    </p>
                                @endif
                                @error($header->field)
                                    <p class='text-danger text-xs pt-1'> {{ $message }} </p>
                                @enderror
                            </div>
                    </div>
            @endforeach
        </div>
    </div>
    @endif
    </div>

    {{-- Detail Items Section dengan dynamic table --}}
    <hr class="horizontal dark">
    <div class="row">
        <div class="col-md-12">
            <h6 class="text-uppercase text-sm">Detail Items</h6>
            @if (isset($can_edit_authorized) && $can_edit_authorized === true && isset($can_edit) && $can_edit === true)
                <button type="button" class="btn btn-sm btn-success mb-3" onclick="addItemRow()" id="btn-add-item"
                    style="display: none;">
                    <i class="fas fa-plus me-1"></i> Tambah Item
                </button>
            @endif
            <div id="item-container">
                @if (isset($detail_items) && $detail_items->count() > 0)
                    @foreach ($detail_items as $index => $item)
                        <div class="item-card bg-white border border-2 rounded-3 mb-4 p-3 shadow-none">
                            <div class="d-flex justify-content-between align-items-center mb-3 border-bottom pb-2">
                                <span class="badge bg-dark-soft text-dark item-number">Item
                                    {{ $index + 1 }}</span>
                                @if (isset($can_edit_authorized) && $can_edit_authorized === true && isset($can_edit) && $can_edit === true)
                                    <button type="button" class="btn btn-sm btn-link text-danger mb-0 p-0 action-col"
                                        onclick="removeItemRow(this)" style="display: none;">
                                        <i class="fas fa-trash-alt me-1"></i> Hapus
                                    </button>
                                @endif
                            </div>

                            {{-- Row 1: Primary Info (Application, Item/Detail, Color) --}}
                            <div class="row g-3 mb-3">
                                <div class="col-md-4">
                                    <label class="item-label text-xs">Aplikasi</label>
                                    @if (isset($can_edit_authorized) && $can_edit_authorized === true && isset($can_edit) && $can_edit === true)
                                        <select class="form-control form-control-sm minimalist-input" name="aplikasi[]"
                                            disabled>
                                            <option value="">- Pilih -</option>
                                            @if (isset($list_aplikasi))
                                                @foreach ($list_aplikasi as $apk)
                                                    <option value="{{ $apk->id }}"
                                                        {{ $item->aplikasi == $apk->id ? 'selected' : '' }}>
                                                        {{ $apk->nama }}
                                                    </option>
                                                @endforeach
                                            @endif
                                        </select>
                                    @else
                                        <p class="text-sm font-weight-bold text-dark mb-0">
                                            {{ $item->aplikasi_name ?? $item->aplikasi }}
                                        </p>
                                    @endif
                                </div>
                                <div class="col-md-4">
                                    <label class="item-label text-xs">Detail</label>
                                    @if (isset($can_edit_authorized) && $can_edit_authorized === true && isset($can_edit) && $can_edit === true)
                                        <select class="form-control form-control-sm minimalist-input" name="id_detail[]"
                                            disabled>
                                            <option value="">- Pilih -</option>
                                            @if (isset($list_detail))
                                                @foreach ($list_detail as $det)
                                                    <option value="{{ $det->id }}"
                                                        {{ $item->id_detail == $det->id ? 'selected' : '' }}>
                                                        {{ $det->nama }}
                                                    </option>
                                                @endforeach
                                            @endif
                                        </select>
                                    @else
                                        <p class="text-sm font-weight-bold text-dark mb-0">
                                            {{ $item->detail_name ?? $item->id_detail }}
                                        </p>
                                    @endif
                                </div>
                                <div class="col-md-4">
                                    <label class="item-label text-xs">Color</label>
                                    @if (isset($can_edit_authorized) && $can_edit_authorized === true && isset($can_edit) && $can_edit === true)
                                        <input type="text" class="form-control form-control-sm minimalist-input"
                                            name="color[]" value="{{ $item->color }}" placeholder="Warna" disabled>
                                    @else
                                        <p class="text-sm font-weight-bold text-dark mb-0">
                                            {{ $item->color ?? '-' }}
                                        </p>
                                    @endif
                                </div>
                            </div>

                            {{-- Row 2: Specs & Qty (GSM, Dimensions, Qty, UOM) --}}
                            <div class="row g-3 mb-3">
                                <div class="col-md-2">
                                    <label class="item-label text-xs">GSM</label>
                                    @if (isset($can_edit_authorized) && $can_edit_authorized === true && isset($can_edit) && $can_edit === true)
                                        <input type="number" class="form-control form-control-sm minimalist-input"
                                            name="size_gsm[]" value="{{ $item->size_gsm }}" step="0.01"
                                            min="0" disabled>
                                    @else
                                        <p class="text-sm font-weight-bold text-dark mb-0">
                                            {{ $item->size_gsm ?? '0' }}
                                        </p>
                                    @endif
                                </div>
                                <div class="col-md-2">
                                    <label class="item-label text-xs">Length (m)</label>
                                    @if (isset($can_edit_authorized) && $can_edit_authorized === true && isset($can_edit) && $can_edit === true)
                                        <input type="number" class="form-control form-control-sm minimalist-input"
                                            name="size_length[]" value="{{ $item->size_length }}" step="0.01"
                                            min="0" disabled>
                                    @else
                                        <p class="text-sm font-weight-bold text-dark mb-0">
                                            {{ $item->size_length ?? '0' }}
                                        </p>
                                    @endif
                                </div>
                                <div class="col-md-2">
                                    <label class="item-label text-xs">Width (m)</label>
                                    @if (isset($can_edit_authorized) && $can_edit_authorized === true && isset($can_edit) && $can_edit === true)
                                        <input type="number" class="form-control form-control-sm minimalist-input"
                                            name="size_width[]" value="{{ $item->size_width }}" step="0.01"
                                            min="0" disabled>
                                    @else
                                        <p class="text-sm font-weight-bold text-dark mb-0">
                                            {{ $item->size_width ?? '0' }}
                                        </p>
                                    @endif
                                </div>
                                <div class="col-md-3">
                                    <label class="item-label text-xs">Qty</label>
                                    @if (isset($can_edit_authorized) && $can_edit_authorized === true && isset($can_edit) && $can_edit === true)
                                        <input type="number" class="form-control form-control-sm minimalist-input"
                                            name="qty[]" value="{{ $item->qty }}" step="0.01" min="0"
                                            disabled>
                                    @else
                                        <p class="text-sm font-weight-bold text-dark mb-0">
                                            {{ $item->qty ?? '0' }}
                                        </p>
                                    @endif
                                </div>
                                <div class="col-md-3">
                                    <label class="item-label text-xs">UOM</label>
                                    @if (isset($can_edit_authorized) && $can_edit_authorized === true && isset($can_edit) && $can_edit === true)
                                        <select class="form-control form-control-sm minimalist-input" name="uom[]"
                                            disabled>
                                            <option value="roll" {{ $item->uom == 'roll' ? 'selected' : '' }}>Roll
                                            </option>
                                            <option value="sheet" {{ $item->uom == 'sheet' ? 'selected' : '' }}>Sheet
                                            </option>
                                        </select>
                                    @else
                                        <p class="text-sm font-weight-bold text-dark mb-0">
                                            {{ strtoupper($item->uom ?? '-') }}
                                        </p>
                                    @endif
                                </div>
                            </div>

                            {{-- Row 3: Description --}}
                            <div class="row mb-3">
                                <div class="col-md-12">
                                    <label class="item-label text-xs">Deskripsi Item</label>
                                    @if (isset($can_edit_authorized) && $can_edit_authorized === true && isset($can_edit) && $can_edit === true)
                                        <textarea class="form-control form-control-sm minimalist-input" name="item[]" rows="2" disabled>{{ $item->item }}</textarea>
                                    @else
                                        <p class="text-sm font-weight-bold text-dark mb-0">
                                            {{ $item->item ?? '-' }}
                                        </p>
                                    @endif
                                </div>
                            </div>

                            {{-- QC Rejection Details (Only for Rejected Samples) --}}
                            @if (
                                !empty($item->reason_qc) ||
                                    !empty($item->timeline_qc) ||
                                    !empty($item->quality_qc) ||
                                    !empty($item->alternative_qc))
                                <div class="mt-3 p-3 rounded-2"
                                    style="background-color: #fff5f5; border: 1px solid #feb2b2;">
                                    <h6 class="text-xs font-weight-bold text-danger text-uppercase mb-2">
                                        <i class="fas fa-exclamation-circle me-1"></i> Rekomendasi &
                                        Catatan QC
                                    </h6>
                                    <div class="row g-2">
                                        <div class="col-md-6">
                                            <label class="item-label text-xs mb-0">Alasan
                                                (Reason)
                                            </label>
                                            <p class="text-sm text-dark mb-2">
                                                {{ $item->reason_qc ?: '-' }}
                                            </p>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="item-label text-xs mb-0">Timeline</label>
                                            <p class="text-sm text-dark mb-2">
                                                {{ $item->timeline_qc ? \Carbon\Carbon::parse($item->timeline_qc)->format('d/m/Y') : '-' }}
                                            </p>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="item-label text-xs mb-0">Kualitas
                                                (Quality)</label>
                                            <p class="text-sm text-dark mb-2">
                                                {{ $item->quality_qc ?: '-' }}
                                            </p>
                                        </div>
                                        <div class="col-md-6">
                                            <label class="item-label text-xs mb-0">Alternatif</label>
                                            <p class="text-sm text-dark mb-0">
                                                {{ $item->alternative_qc ?: '-' }}
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            @endif
                        </div>
                    @endforeach
                @endif
            </div>
        </div>
    </div>
    </div>
    </div>
    </div>
    </div>
    </form>
    </div>
    @endif
    </div>
    </div>
    </div>

    {{-- Alert message --}}
    @include('components.alert')

    @if (isset($jsmenu) && $jsmenu == '1')
        @if (view()->exists("js.{$dmenu}"))
            @push('addjs')
                @include('js.' . $dmenu);
            @endpush
        @endif
    @endif
@endsection

@push('css')
    <style>
        /* Select2 Custom Styling - Force Apply */
        .select2-container {
            width: 100% !important;
        }

        .select2-container--default .select2-selection--single {
            border: 1px solid #d2d6da !important;
            border-radius: 0.375rem !important;
            height: calc(1.5em + 1rem + 2px) !important;
            padding: 0.5rem 0.75rem !important;
            background-color: #fff !important;
        }

        .select2-container--default.select2-container--disabled .select2-selection--single {
            background-color: #e9ecef !important;
            border: 1px solid #d2d6da !important;
        }

        .select2-container--default .select2-selection--single .select2-selection__rendered {
            color: #495057 !important;
            line-height: calc(1.5em + 1rem) !important;
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow {
            height: calc(1.5em + 1rem + 2px) !important;
            right: 10px !important;
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow b {
            border-color: #495057 transparent transparent transparent !important;
            border-style: solid !important;
            border-width: 5px 4px 0 4px !important;
            height: 0 !important;
            left: 50% !important;
            margin-left: -4px !important;
            margin-top: -2px !important;
            position: absolute !important;
            top: 50% !important;
            width: 0 !important;
        }

        .select2-dropdown {
            border: 1px solid #d2d6da !important;
            border-radius: 0.375rem !important;
        }

        .select2-container--default .select2-results__option--highlighted[aria-selected] {
            background-color: #344767 !important;
            color: white !important;
        }

        .item-card {
            border-color: #e9ecef !important;
            transition: transform 0.2s;
        }

        .item-card:hover {
            border-color: #adb5bd !important;
        }

        .bg-dark-soft {
            background-color: #f8f9fa;
            border: 1px solid #dee2e6;
            font-weight: 700;
            padding: 5px 12px;
            border-radius: 4px;
            font-size: 0.75rem;
        }

        .item-label {
            font-weight: 700;
            font-size: 0.7rem;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            color: #495057;
            margin-bottom: 5px;
            display: block;
        }

        .minimalist-input {
            border: 1px solid #ced4da;
            border-radius: 4px;
            background-color: #ffffff;
            padding: 0.5rem 0.75rem;
        }

        .approval-row {
            display: flex;
            align-items: stretch;
            gap: 0.5rem;
            width: 100%;
        }

        .approval-row select.minimalist-input {
            flex: 1 1 auto;
            width: auto;
            min-width: 0;
        }

        .clear-approval {
            flex: 0 0 40px;
            align-self: stretch;
            width: 40px;
            padding: 0;
            font-size: 1.25rem;
            line-height: 1;
            border-radius: 0.375rem;
        }

        /* Native select styling to mimic inpsmp exactly */
        select.minimalist-input {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            display: block;
            width: 100%;
            background-color: #ffffff;
            border: 1px solid #ced4da;
            border-radius: 4px;
            padding: 0.5rem 2.25rem 0.5rem 0.75rem;
            /* extra right padding for arrow */
            height: calc(1.5em + 1rem + 2px);
            line-height: calc(1.5em + 1rem);
            background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24'%3E%3Cpath fill='%23495757' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");
            background-repeat: no-repeat;
            background-position: right 12px center;
            background-size: 12px;
        }

        select.minimalist-input:focus {
            border-color: #000;
            box-shadow: none;
            outline: none;
        }

        select.minimalist-input:disabled {
            background-color: #f8f9fa;
            color: #495057;
            cursor: not-allowed;
        }

        .minimalist-input:focus {
            border-color: #000;
            box-shadow: none;
            background-color: #fff;
        }

        .minimalist-input:disabled {
            background-color: #f8f9fa !important;
            color: #495057 !important;
            opacity: 1;
            cursor: not-allowed;
        }
    </style>
@endpush

@push('js')
    <script>
        $(document).ready(function() {
            // Do NOT initialize Select2 on load for disabled (view) mode.
            // We'll initialize Select2 only when entering edit mode so view-mode shows native select (matching inpsmp look).
            $('#{{ $dmenu }}-form').on('click', '.clear-approval', function() {
                const level = $(this).data('level');
                $('#{{ $dmenu }}-form select[name="approval_level_' + level + '"]').val('').trigger('change');
            });

            // FIXED: Toggle gedung field visibility berdasarkan classify_sample (selalu render, hide/show dengan JS)
            // Menggunakan #gedung-field-group untuk hide/show label + field sekaligus
            function toggleGedung() {
                var classify = $('#classify_sample').val();
                var gedungGroup = $('#gedung-field-group');
                var gedungSelect = $('#gedung_sample');

                console.log('toggleGedung called:', {
                    'classify': classify,
                    'gedung_group_exists': gedungGroup.length > 0,
                    'gedung_select_exists': gedungSelect.length > 0,
                    'current_display': gedungGroup.css('display')
                });

                if (classify === 'Improved') {
                    gedungGroup.show();
                    gedungSelect.prop('required', true);
                    console.log('Gedung field group shown (Improved selected)');
                } else {
                    gedungGroup.hide();
                    gedungSelect.prop('required', false).val('');
                    console.log('Gedung field group hidden (not Improved)');
                }
            }

            // Initialize gedung field visibility saat page load - PASTIKAN benar-benar hidden jika bukan Improved
            $(document).ready(function() {
                var initialClassify = $('#classify_sample').val();
                console.log('Initial classify_sample value:', initialClassify);

                // Force hide/show dengan strict check
                var gedungGroup = $('#gedung-field-group');
                if (initialClassify !== 'Improved') {
                    gedungGroup.hide(); // Force hide
                    gedungGroup.css('display', 'none'); // Force dengan CSS
                    console.log('Gedung field group FORCE HIDDEN on page load (not Improved)');
                } else {
                    gedungGroup.show(); // Force show
                    gedungGroup.css('display', 'block'); // Force dengan CSS
                    console.log('Gedung field group FORCE SHOWN on page load (Improved)');
                }

                toggleGedung(); // Call function untuk set initial state
            });

            // Toggle gedung field saat classify berubah (baik saat edit maupun saat change)
            $(document).on('change', '#classify_sample', function() {
                var newValue = $(this).val();
                console.log('classify_sample changed to:', newValue);

                // Force update dengan strict check
                var gedungGroup = $('#gedung-field-group');
                if (newValue !== 'Improved') {
                    gedungGroup.hide(); // Force hide
                    gedungGroup.css('display', 'none'); // Force dengan CSS
                    $('#gedung_sample').prop('required', false).val('');
                    console.log('Gedung field group FORCE HIDDEN on change (not Improved)');
                } else {
                    gedungGroup.show(); // Force show
                    gedungGroup.css('display', 'block'); // Force dengan CSS
                    $('#gedung_sample').prop('required', true);
                    console.log('Gedung field group FORCE SHOWN on change (Improved)');
                }
            });

            // FIXED: Toggle edit mode - button Edit -> Simpan dengan logging
            $('#{{ $dmenu }}-edit').on('click', function() {
                console.log('=== EDIT BUTTON CLICKED ===');
                console.log('Form ID:', '#{{ $dmenu }}-form');
                console.log('Can edit authorized:',
                    {{ isset($can_edit_authorized) && $can_edit_authorized ? 'true' : 'false' }});
                console.log('Can edit:', {{ isset($can_edit) && $can_edit ? 'true' : 'false' }});

                // Log semua field yang akan di-enable
                var fieldsToEnable = $('#{{ $dmenu }}-form').find(
                    'input:not([type="hidden"]):not([readonly]), select:not([readonly]), textarea:not([readonly])'
                    );
                console.log('Fields to enable:', fieldsToEnable.length);
                fieldsToEnable.each(function(index) {
                    console.log('Field ' + index + ':', $(this).attr('name') || $(this).attr('id'),
                        'Type:', $(this).prop('tagName'), 'Current disabled:', $(this).prop(
                            'disabled'));
                });

                // Enable all form inputs except critical system fields (always locked)
                $('#{{ $dmenu }}-form').find('input:not([type="hidden"]), select, textarea').each(
                    function() {
                        var name = $(this).attr('name');
                        var id = $(this).attr('id');

                        // Fields that should STAY locked (ID, Date, Status, and Approval List text)
                        var isLocked = (
                            name === 'status' ||
                            name === 'id_sample' ||
                            name === 'sample_date' ||
                            id === 'id_sample' ||
                            id === 'status' ||
                            id === 'sample_date' ||
                            id === 'approval_list_text'
                        );

                        if (isLocked) {
                            $(this).prop('disabled', true).prop('readonly', true);
                        } else {
                            $(this).prop('disabled', false).prop('readonly', false);
                        }
                    });
                $('#{{ $dmenu }}-form .clear-approval').prop('disabled', false).show();

                // Log Sales dropdown
                var salesSelect = $('#id_salesman');
                console.log('Sales dropdown:', {
                    'exists': salesSelect.length > 0,
                    'disabled': salesSelect.prop('disabled'),
                    'value': salesSelect.val(),
                    'options_count': salesSelect.find('option').length,
                    'selected_text': salesSelect.find('option:selected').text()
                });

                // Log Customer dropdown
                var customerSelect = $('#id_customer');
                console.log('Customer dropdown:', {
                    'exists': customerSelect.length > 0,
                    'disabled': customerSelect.prop('disabled'),
                    'value': customerSelect.val(),
                    'options_count': customerSelect.find('option').length,
                    'selected_text': customerSelect.find('option:selected').text()
                });

                // Log Classify dropdown
                var classifySelect = $('#classify_sample');
                console.log('Classify dropdown:', {
                    'exists': classifySelect.length > 0,
                    'disabled': classifySelect.prop('disabled'),
                    'value': classifySelect.val(),
                    'selected_text': classifySelect.find('option:selected').text()
                });

                // Log Gedung field
                var gedungGroup = $('#gedung-field-group');
                var gedungSelect = $('#gedung_sample');
                console.log('Gedung field:', {
                    'group_exists': gedungGroup.length > 0,
                    'group_visible': gedungGroup.is(':visible'),
                    'group_display': gedungGroup.css('display'),
                    'select_exists': gedungSelect.length > 0,
                    'select_disabled': gedungSelect.prop('disabled'),
                    'select_value': gedungSelect.val()
                });

                // Re-initialize gedung visibility saat edit mode
                toggleGedung();

                // Log Approval dropdowns
                var approval1 = $('select[name="approval_level_1"]');
                var approval2 = $('select[name="approval_level_2"]');
                var approval3 = $('select[name="approval_level_3"]');
                console.log('Approval dropdowns:', {
                    'level1_exists': approval1.length > 0,
                    'level1_disabled': approval1.prop('disabled'),
                    'level1_options': approval1.find('option').length,
                    'level2_exists': approval2.length > 0,
                    'level2_disabled': approval2.prop('disabled'),
                    'level2_options': approval2.find('option').length,
                    'level3_exists': approval3.length > 0,
                    'level3_disabled': approval3.prop('disabled'),
                    'level3_options': approval3.find('option').length
                });

                // Show action column and add button
                $('.action-col').show();
                $('#btn-add-item').show();

                // Toggle buttons
                $(this).hide();
                $('#{{ $dmenu }}-save').show();

                // Toggle gedung field berdasarkan classify
                toggleGedung();

                // Initialize Select2 for editable selects (only when entering edit mode)
                if ($('#id_salesman').length && !$('#id_salesman').hasClass('select2-hidden-accessible')) {
                    $('#id_salesman').select2({
                        placeholder: '-- Pilih Sales --',
                        allowClear: false,
                        width: '100%',
                        minimumResultsForSearch: Infinity
                    });
                }
                if ($('#id_customer').length && !$('#id_customer').hasClass('select2-hidden-accessible')) {
                    $('#id_customer').select2({
                        placeholder: '-- Pilih Customer --',
                        allowClear: false,
                        width: '100%',
                        minimumResultsForSearch: Infinity
                    });
                }
                if ($('#classify_sample').length && !$('#classify_sample').hasClass(
                        'select2-hidden-accessible')) {
                    $('#classify_sample').select2({
                        placeholder: '-- Pilih Klasifikasi --',
                        allowClear: false,
                        width: '100%',
                        minimumResultsForSearch: Infinity
                    });
                }
                if ($('#gedung_sample').length && !$('#gedung_sample').hasClass(
                    'select2-hidden-accessible')) {
                    $('#gedung_sample').select2({
                        placeholder: '-- Pilih Gedung --',
                        allowClear: false,
                        width: '100%',
                        minimumResultsForSearch: Infinity
                    });
                }

                console.log('=== EDIT MODE ACTIVATED ===');
            });

            // FIXED: Auto-fill nama_sales ketika id_salesman berubah
            $('select[name="id_salesman"]').on('change', function() {
                var selectedOption = $(this).find('option:selected');
                var namaSales = selectedOption.text();
                $('#nama_sales').val(namaSales);
            });

            // FIXED: Auto-fill customer, attn_to dan deliver_to (Logic mirrored from inpsmp)
            function applyCustomerDefaults(force = false) {
                console.log('RJTSMP LOG: applyCustomerDefaults called', {
                    force: force
                });
                var selectedOption = $('#id_customer').find('option:selected');

                if (!selectedOption.length || selectedOption.val() == "") {
                    console.log('RJTSMP LOG: No customer selected or empty value');
                    return;
                }

                var customerName = selectedOption.text().trim();
                var attnTo = selectedOption.data('attn-to') || '';
                var deliverTo = selectedOption.data('deliver-to') || '';

                console.log('RJTSMP LOG: Customer data found', {
                    name: customerName,
                    attnTo: attnTo,
                    deliverTo: deliverTo
                });

                if (force) {
                    $('#customer').val(customerName);
                    console.log('RJTSMP LOG: Forced update customer hidden field');
                }

                // Auto-fill attn_to field - JANGAN overwrite jika sudah ada isinya (biarkan user edit manual)
                var attnToField = $('#attn_to');
                var currentAttnVal = (attnToField.val() || '').trim();
                if (attnToField.length && (currentAttnVal == '' || currentAttnVal == '-')) {
                    if (attnTo && attnTo.trim() != '') {
                        attnToField.val(attnTo);
                        console.log('RJTSMP LOG: Auto-filled attn_to value:', attnTo);
                    }
                } else {
                    console.log('RJTSMP LOG: Preserving manual attn_to value:', currentAttnVal);
                }
                // Auto-fill deliver_to field
                var deliverToField = $('#deliver_to');
                if (deliverToField.length && (force || !deliverToField.val() || deliverToField.val() == '-')) {
                    deliverToField.val(deliverTo);
                    console.log('RJTSMP LOG: Auto-filled deliver_to value:', deliverTo);
                }
            }

            $(document).on('change', '#id_customer', function() {
                console.log('RJTSMP LOG: id_customer changed');
                applyCustomerDefaults(true);
            });

            // Initial fill
            setTimeout(function() {
                console.log('RJTSMP LOG: Running initial applyCustomerDefaults (500ms)');
                applyCustomerDefaults(false);
            }, 500);

            // FIXED: Function untuk update item numbers
            function updateItemNumbers() {
                $('#item-container .item-card').each(function(index) {
                    $(this).find('.item-number').text('Item #' + (index + 1));
                });
            }

            // FIXED: Function untuk add item row (clone dari card pertama)
            window.addItemRow = function() {
                var container = $('#item-container');
                var firstCard = container.find('.item-card:first');

                if (firstCard.length === 0) {
                    // If no card exists (should not happen if at least 1 item is required)
                    location.reload();
                    return;
                }

                var newCard = firstCard.clone();

                // Clear all inputs in cloned card
                newCard.find('input, textarea').val('').prop('disabled', false);
                newCard.find('select').prop('selectedIndex', 0).prop('disabled', false);
                newCard.find('select[name="uom[]"]').val('roll');

                // Show remove button and action column if in edit mode
                newCard.find('.action-col').show();

                // Remove QC Recommendation box from cloned card
                newCard.find('.mt-3.p-3.rounded-2').remove();

                newCard.find('p.text-sm').replaceWith(
                    '<input type="text" class="form-control form-control-sm minimalist-input" name="temp[]" disabled>'
                    ); // Placeholder for replaced text elements if any

                // Specifically for rjtsmp: replace the <p> display with inputs/selects for new card if cloning from a view-mode card
                // But normally we clone from a card that has inputs (even if disabled).

                // Append and update numbers
                container.append(newCard);
                updateItemNumbers();
            };

            // FIXED: Function untuk remove item row
            window.removeItemRow = function(btn) {
                var container = $('#item-container');
                if (container.find('.item-card').length > 1) {
                    $(btn).closest('.item-card').remove();
                    updateItemNumbers();
                } else {
                    Swal.fire({
                        icon: 'warning',
                        title: 'Peringatan',
                        text: 'Minimal harus ada 1 item',
                        confirmButtonColor: '#3085d6'
                    });
                }
            };

            // DEADLINE VALIDATION: Prevent saving with past deadline
            window.validateAndSubmit = function() {
                const deadlineInput = document.querySelector('input[name="deadline"]');

                if (!deadlineInput) {
                    // If no deadline field, just submit
                    document.getElementById('{{ $dmenu }}-form').submit();
                    return;
                }

                const deadlineValue = deadlineInput.value;

                if (!deadlineValue) {
                    Swal.fire({
                        icon: 'warning',
                        title: 'Deadline Kosong',
                        html: '<strong>Deadline harus diisi!</strong><br><br>Silakan set deadline ke tanggal masa mendatang.',
                        confirmButtonColor: '#3085d6',
                        confirmButtonText: 'OK'
                    });
                    deadlineInput.focus();
                    return;
                }

                // Parse deadline and compare with today
                const deadline = new Date(deadlineValue);
                const today = new Date();
                today.setHours(0, 0, 0, 0); // Reset time to start of day

                if (deadline < today) {
                    Swal.fire({
                        icon: 'error',
                        title: 'Deadline Tidak Valid',
                        html: '<strong>Deadline sudah lewat!</strong><br><br>Silakan set deadline ke tanggal masa mendatang.',
                        confirmButtonColor: '#d33',
                        confirmButtonText: 'OK, Saya Akan Perbaiki'
                    });
                    deadlineInput.focus();
                    return;
                }

                // All good, submit the form
                document.getElementById('{{ $dmenu }}-form').submit();
            };
        });
    </script>
@endpush