@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
    @php
        // Detect reminder unit from stored weeks value
        $reminderUnit = null;
        $extendUnit = null;

        if ($list) {
            $reminderRaw = (int)($list->reminder ?? 0);
            if ($reminderRaw > 0) {
                if ($reminderRaw % 52 == 0) {
                    $reminderUnit = 'year';
                    $list->reminder = $reminderRaw / 52;
                } elseif ($reminderRaw % 4 == 0) {
                    $reminderUnit = 'month';
                    $list->reminder = $reminderRaw / 4;
                } else {
                    $reminderUnit = 'week';
                }
            }

            $extendRaw = (int)($list->extend ?? 0);
            if ($extendRaw > 0) {
                if ($extendRaw % 52 == 0) {
                    $extendUnit = 'year';
                    $list->extend = $extendRaw / 52;
                } elseif ($extendRaw % 4 == 0) {
                    $extendUnit = 'month';
                    $list->extend = $extendRaw / 4;
                } else {
                    $extendUnit = 'week';
                }
            }
        }
    @endphp
    @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 authorize edi --}}
                        @if ($authorize->edit == '1')
                            {{-- button reset --}}
                            <button class="btn btn-warning mb-0" type="button"
                                onclick="event.preventDefault(); resetFormData();"><i class="fas fa-rotate-left me-1">
                                </i><span class="font-weight-bold">Reset</span></button>
                            {{-- button save --}}
                            <button class="btn btn-primary mb-0" id="{{ $dmenu }}-save"
                                onclick="event.preventDefault(); validateAndSubmit();"><i
                                    class="fas fa-floppy-disk me-1"> </i><span class="font-weight-bold">Simpan</button>
                        @endif
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="container-fluid py-4">
        <div class="row">
            @php
                use Carbon\Carbon;
                $currentdate = Carbon::now();
                $tanggalexpired = Carbon::parse($list->tanggal_expired);
                $temp = $tanggalexpired->copy()->subWeeks($list->reminder);
                $booldate = $temp <= $currentdate ? true : false;
            @endphp
            @if ($table_header_l->isNotEmpty() || $table_header_r->isNotEmpty())
                <div class="col-md-12">
                    <form role="form" method="POST"
                        action="{{ url($url_menu . '/' . $idencrypt) . '?page=' . request()->get('page', 1) }}"
                        enctype="multipart/form-data" id="{{ $dmenu }}-form">
                        @csrf
                        @method('PUT')
                        <div class="card">
                            <div class="card-body">
                                <p class="text-uppercase text-sm">Edit {{ $title_menu }}</p>
                                <hr class="horizontal dark mt-0">
                                <div class="row">
                                    <div class="col-md-6">

                                        @foreach ($table_header_l as $header)
                                            @php
                                                $primary = false;
                                                $generateid = false;
                                                foreach ($table_primary as $p) {
                                                    $primary == false
                                                        ? ($p->field == $header->field
                                                            ? ($primary = true)
                                                            : ($primary = false))
                                                        : '';
                                                    $generateid == false
                                                        ? ($p->generateid == $header->field
                                                            ? ($generateid = true)
                                                            : ($generateid = false))
                                                        : '';
                                                }
                                                $header->class == 'readonly' ? ($primary = true) : '';
                                            @endphp

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <div class="d-flex align-items-center">
                                                        @if ($header->type != 'hidden' && $header->field != 'extend')
                                                            <label for="example-text-input" class="form-control-label me-2"
                                                                style="min-width: 150px;margin: 10px;">{{ $header->alias }}</label>
                                                        @endif
                                                        <small class="form-text text-muted"></small>
                                                        @if ($booldate && $header->field == 'extend')
                                                            <label for="example-text-input"
                                                                style="margin: 10px; min-width: 150px;"
                                                                class="form-control-label me-2">{{ $header->alias }}</label>
                                                        @endif
                                                        {{-- field type char and string --}}
                                                        @if (($header->type == 'char' || $header->type == 'string') && $header->field != 'status')
                                                            @if ($primary)
                                                                <br>
                                                                <span for="example-text-input" style="margin: 10px;"
                                                                    class="form-control-label">{{ $list->{$header->field} }}</span>
                                                            @endif
                                                            <input class="form-control {{ $header->class }}"
                                                                {{ $primary ? ' key=true type=hidden' : ' type=text' }}
                                                                value="{{ $list ? $list->{$header->field} : old($header->field) }}"
                                                                name="{{ $header->field }}"
                                                                maxlength="{{ $header->length }}">
                                                            @if ($header->note != '')
                                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                                    {{ '*) ' . $header->note }}
                                                                </p>
                                                            @endif
                                                            {{-- field type email --}}
                                                        @elseif ($header->type == 'email')
                                                            @if ($primary)
                                                                <br>
                                                                <span for="example-text-input" style="margin: 10px;"
                                                                    class="form-control-label">{{ $list->{$header->field} }}</span>
                                                            @endif
                                                            <input class="form-control {{ $header->class }}"
                                                                {{ $primary ? ' key=true type=hidden' : ' type=email' }}
                                                                value="{{ $list ? $list->{$header->field} : old($header->field) }}"
                                                                name="{{ $header->field }}"
                                                                maxlength="{{ $header->length }}">
                                                            @if ($header->note != '')
                                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                                    {{ '*) ' . $header->note }}
                                                                </p>
                                                            @endif
                                                            {{-- field type text --}}
                                                        @elseif ($header->type == 'text')
                                                            <textarea class="form-control" name="{{ $header->field }}" maxlength="{{ $header->length }}">{{ $list ? $list->{$header->field} : old($header->field) }}</textarea>
                                                            @if ($header->note != '')
                                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                                    {{ '*) ' . $header->note }}
                                                                </p>
                                                            @endif
                                                            {{-- field type number --}}
                                                        @elseif ($header->type == 'number')
                                                        @if ($header->field == 'reminder')
                                                            @if ($primary)
                                                                <br>
                                                                <span for="example-text-input" style="margin: 10px;"
                                                                    class="form-control-label">{{ $list->{$header->field} }}</span>
                                                            @endif
                                                            <input class="form-control {{ $header->class }}" style="margin-left:50px; width:120px;"
                                                                {{ $primary ? ' key=true type=hidden' : ' type=number' }}
                                                                value="{{ $list ? $list->{$header->field} : old($header->field) }}"
                                                                name="{{ $header->field }}"
                                                                max="{{ $header->length }}">

                                                            <input type="radio" name="duration" value="week"
                                                                {{ old('duration', $reminderUnit) == 'week' ? 'checked' : '' }}>
                                                            Week
                                                            <input type="radio" name="duration" value="month"
                                                                {{ old('duration', $reminderUnit) == 'month' ? 'checked' : '' }}>
                                                            Month
                                                            <input type="radio" name="duration" value="year"
                                                                {{ old('duration', $reminderUnit) == 'year' ? 'checked' : '' }}>
                                                            Year
                                                            @if ($header->note != '')
                                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                                    {{ '*) ' . $header->note }}
                                                                </p>
                                                            @endif
                                                        @elseif ($header->field == 'extend' && $booldate)
                                                            @if ($primary)
                                                                <br>
                                                                <span for="example-text-input" style="margin: 10px;"
                                                                    class="form-control-label">{{ $list->{$header->field} }}</span>
                                                            @endif
                                                            <input class="form-control {{ $header->class }}" style="margin-left:50px; width:120px;"
                                                                {{ $primary ? ' key=true type=hidden' : ' type=number' }}
                                                                value="{{ $list ? $list->{$header->field} : old($header->field) }}"
                                                                name="{{ $header->field }}"
                                                                max="{{ $header->length }}">

                                                            <input type="radio" name="extendtime" value="week"
                                                                {{ old('extendtime', $extendUnit) == 'week' ? 'checked' : '' }}>
                                                            Week
                                                            <input type="radio" name="extendtime" value="month"
                                                                {{ old('extendtime', $extendUnit) == 'month' ? 'checked' : '' }}>
                                                            Month
                                                            <input type="radio" name="extendtime" value="year"
                                                                {{ old('extendtime', $extendUnit) == 'year' ? 'checked' : '' }}>
                                                            Year
                                                            @if ($header->note != '')
                                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                                    {{ '*) ' . $header->note }}
                                                                </p>
                                                            @endif
                                                        @elseif ($header->field != 'extend' && $header->field != 'reminder')
                                                            @if ($primary)
                                                                <br>
                                                                <span for="example-text-input" style="margin: 10px;"
                                                                    class="form-control-label">{{ $list->{$header->field} }}</span>
                                                            @endif
                                                            <input class="form-control {{ $header->class }}" style="margin-left:50px; width:120px;"
                                                                {{ $primary ? ' key=true type=hidden' : ' type=number' }}
                                                                value="{{ $list ? $list->{$header->field} : old($header->field) }}"
                                                                name="{{ $header->field }}"
                                                                max="{{ $header->length }}">
                                                            @if ($header->note != '')
                                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                                    {{ '*) ' . $header->note }}
                                                                </p>
                                                            @endif
                                                        @endif
                                                            {{-- field type currency --}}
                                                        @elseif ($header->type == 'currency')
                                                            @if ($primary)
                                                                <br>
                                                                <span for="example-text-input" style="margin: 10px;"
                                                                    class="form-control-label">{{ $list->{$header->field} }}</span>
                                                            @endif
                                                            <input class="form-control {{ $header->class }}"
                                                                {{ $primary ? ' key=true type=hidden' : ' type=number' }}
                                                                value="{{ $list ? $list->{$header->field} : old($header->field) }}"
                                                                name="{{ $header->field }}" max="{{ $header->length }}">
                                                            @if ($header->note != '')
                                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                                    {{ '*) ' . $header->note }}
                                                                </p>
                                                            @endif
                                                            {{-- field type password --}}
                                                        @elseif ($header->type == 'password')
                                                            <div class="flex flex-col mb-2 input-group pass">
                                                                <input class="form-control {{ $header->class }}"
                                                                    {{ $primary ? ' key=true type=hidden' : ($header->filter == '1' ? ' type=password' : ' type=hidden') }}
                                                                    value="{{ $list ? '' : $header->default }}"
                                                                    name="{{ $header->field }}"
                                                                    max="{{ $header->length }}">
                                                                <span class="input-group-text" id="button-addon"
                                                                    style="border-color:#d2d6da;"><i
                                                                        class="fas fa-eye showpass"
                                                                        style="cursor: pointer;"></i></span>
                                                            </div>
                                                            <p class='text-primary text-xs pt-1'>Default Password :
                                                                <b>{{ $header->default }}</b>
                                                            </p>
                                                            {{-- field type file --}}
                                                            {{-- @elseif ($header->type == 'file') --}}
                                                            <input class="form-control {{ $header->class }}"
                                                                type="file" id="{{ $header->field }}edit"
                                                                value="{{ $list ? $list->{$header->field} : old($header->field) }}"
                                                                name="{{ $header->field }}">
                                                            <p class='text-info text-xs pt-1 px-1 mb-1'>
                                                                {{ $list ? $list->{$header->field} : old($header->field) }}
                                                            </p>
                                                            <p class='text-primary text-xs pt-3 mb-0'>Maksimal Size
                                                                :
                                                                <b>{{ $header->length }} KB</b>
                                                            </p>
                                                            @if ($header->note != '')
                                                                <p class='text-primary text-xs pt-1'>
                                                                    {{ $header->note }}
                                                                </p>
                                                            @else
                                                                <p class='text-primary text-xs pt-1'>Format File :
                                                                    <b>pdf,xls,xlsx,jpg,jpeg,png</b>
                                                                </p>
                                                            @endif
                                                            @elseif ($header->type == 'radio')
                                                            <div class="form-group d-flex align-items-center gap-3">
                                                                <div class="form-check form-check-inline m-0 ms-3">
                                                                    <input class="form-check-input" type="radio"
                                                                        name="{{ $header->field }}"
                                                                        id="{{ $header->field }}_yes" value="1"
                                                                        {{ old($header->field, $list->{$header->field} ?? null) == '1' ? 'checked' : '' }}>
                                                                    <label class="form-check-label"
                                                                        for="{{ $header->field }}_yes">Ya</label>
                                                                </div>
                                                                <div class="form-check form-check-inline m-0 ms-3">
                                                                    <input class="form-check-input" type="radio"
                                                                        name="{{ $header->field }}"
                                                                        id="{{ $header->field }}_no" value="0"
                                                                        {{ old($header->field, $list->{$header->field} ?? null) == '0' ? 'checked' : '' }}>
                                                                    <label class="form-check-label"
                                                                        for="{{ $header->field }}_no">Tidak</label>
                                                                </div>
                                                            </div>
                                                        @elseif ($header->type == 'date')
                                                            @php
                                                                $fieldValue = $list ? $list->{$header->field} : null;
                                                                $formattedValue = $fieldValue
                                                                    ? \Carbon\Carbon::parse($fieldValue)->format(
                                                                        'd/m/Y',
                                                                    )
                                                                    : '';
                                                            @endphp
                                                            @if ($primary)
                                                                <br>
                                                                <span style="margin: 10px;" class="form-control-label">
                                                                    {{ $formattedValue }}
                                                                </span>
                                                            @endif
                                                            <input type="text"
                                                                class="form-control datepicker {{ $header->class }}"
                                                                name="{{ $header->field }}"
                                                                value="{{ $formattedValue ?: old($header->field) }}"
                                                                placeholder="dd/mm/yyyy">
                                                            @if ($header->note != '')
                                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                                    {{ '*) ' . $header->note }}
                                                                </p>
                                                            @endif
                                                            {{-- field type hidden --}}
                                                        @elseif ($header->type == 'hidden')
                                                            <input class="form-control {{ $header->class }}"
                                                                type="hidden" value="{{ $header->default }}"
                                                                name="{{ $header->field }}" max="{{ $header->length }}">
                                                            {{-- field type search --}}
                                                        @elseif ($header->type == 'search')
                                                            <div class="flex flex-col mb-2 input-group">
                                                                <input
                                                                    {{ $primary ? ' key=true type=hidden' : ' type=text' }}
                                                                    name="{{ $header->field }}"
                                                                    class="form-control {{ $header->class }}"
                                                                    value="{{ $list ? $list->{$header->field} : old($header->field) }}">
                                                                <span class="input-group-text bg-primary text-light"
                                                                    data-bs-toggle="modal"
                                                                    data-bs-target="#searchModal{{ $header->field }}"
                                                                    style="border-color:#d2d6da;border-left:3px solid #d2d6da;cursor: pointer;"><i
                                                                        class="fas fa-search"></i></span>
                                                            </div>
                                                            <!-- Modal -->
                                                            <div class="modal fade" id="searchModal{{ $header->field }}"
                                                                tabindex="-1" role="dialog"
                                                                aria-labelledby="searchModalLabel" aria-hidden="true">
                                                                <div class="modal-dialog modal-dialog-centered"
                                                                    role="document">
                                                                    <div class="modal-content">
                                                                        <div class="modal-header">
                                                                            <h5 class="modal-title" id="searchModalLabel">
                                                                                List Data
                                                                            </h5>
                                                                            <button type="button" class="btn-close"
                                                                                data-bs-dismiss="modal"
                                                                                aria-label="Close">
                                                                                <span aria-hidden="true">&times;</span>
                                                                            </button>
                                                                        </div>
                                                                        @if ($header->query != '')
                                                                            @php
                                                                                $table_result = DB::select(
                                                                                    $header->query,
                                                                                );
                                                                            @endphp
                                                                        @endif
                                                                        <div class="modal-body">
                                                                            <table class="table display"
                                                                                id="list_{{ $dmenu }}">
                                                                                @if ($table_result)
                                                                                    <thead class="thead-light"
                                                                                        style="background-color: #00b7bd4f;">
                                                                                        <tr>
                                                                                            <th width="20px">
                                                                                                Action
                                                                                            </th>
                                                                                            @foreach ($table_result as $result)
                                                                                                @php
                                                                                                    $sAsArray = array_keys(
                                                                                                        (array) $result,
                                                                                                    );
                                                                                                @endphp
                                                                                            @endforeach
                                                                                            @foreach ($sAsArray as $modal_h)
                                                                                                <th>{{ $modal_h }}
                                                                                                </th>
                                                                                            @endforeach
                                                                                        </tr>
                                                                                    </thead>
                                                                                    <tbody>
                                                                                        @foreach ($table_result as $modal_d)
                                                                                            <tr>
                                                                                                @foreach ($table_result as $result)
                                                                                                    @php
                                                                                                        $field = array_keys(
                                                                                                            (array) $result,
                                                                                                        );
                                                                                                    @endphp
                                                                                                @endforeach
                                                                                                <td width="20px">
                                                                                                    <span
                                                                                                        class="btn badge bg-primary badge-lg"
                                                                                                        onclick="select_modal('{{ $modal_d->{$field[0]} }}')"><i
                                                                                                            class="bi bi-check-circle me-1"></i>
                                                                                                        Select</span>
                                                                                                </td>
                                                                                                @foreach ($field as $header_field)
                                                                                                    @php
                                                                                                        $string = $header_field;
                                                                                                    @endphp
                                                                                                    <td
                                                                                                        class="text-sm font-weight-normal">
                                                                                                        {{ $modal_d->$string }}
                                                                                                    </td>
                                                                                                @endforeach
                                                                                            </tr>
                                                                                        @endforeach
                                                                                    </tbody>
                                                                                @endif
                                                                            </table>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            @if ($header->note != '')
                                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                                    {{ '*) ' . $header->note }}
                                                                </p>
                                                            @endif
                                                            <script>
                                                                function select_modal(id, name) {
                                                                    $('input[name="{{ $header->field }}"]').val(id);
                                                                    $('#searchModal{{ $header->field }}').modal('hide');
                                                                }
                                                            </script>
                                                            {{-- field type image --}}

                                                            <div class="col-sm-auto">
                                                                <div class="position-relative">
                                                                    <div>
                                                                        <label for="file-input"
                                                                            style="left: -5px !important;"
                                                                            id="{{ $header->field }}edit"
                                                                            class="btn btn-xxl btn-icon-only bg-gradient-primary position-absolute bottom-0 mb-n2">
                                                                            <i class="fa fa-pen top-0"
                                                                                data-bs-toggle="tooltip"
                                                                                data-bs-placement="top" title=""
                                                                                aria-hidden="true"
                                                                                data-bs-original-title="Edit Image"
                                                                                aria-label="Edit Image"></i>
                                                                            <span class="sr-only">Edit Image</span>
                                                                        </label>
                                                                        <span
                                                                            class="h-12 w-12 rounded-full overflow-hidden bg-gray-100">
                                                                            <img src="{{ asset('/storage' . '/' . $list->{$header->field}) }}"
                                                                                id="{{ $header->field }}preview"
                                                                                alt="image" data-bs-toggle="modal"
                                                                                data-bs-target="#imageModal"
                                                                                class="w-30 border-radius-lg shadow-sm">
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <input class="form-control {{ $header->class }}"
                                                                type="file"
                                                                value="{{ $list ? $list->{$header->field} : old($header->field) }}"
                                                                id="{{ $header->field }}" name="{{ $header->field }}"
                                                                style="display: none;">
                                                            <p class='text-primary text-xs pt-3 mb-0'>Maksimal Size
                                                                :
                                                                <b>{{ $header->length }} KB</b>
                                                            </p>
                                                            @if ($header->note != '')
                                                                <p class='text-primary text-xs pt-1'>
                                                                    {{ $header->note }}
                                                                </p>
                                                            @else
                                                                <p class='text-primary text-xs pt-1'>Format Image :
                                                                    <b>PNG,JPG,JPEG</b>
                                                                </p>
                                                            @endif
                                                            <!-- Modal -->
                                                            <div class="modal fade" id="imageModal" tabindex="-1"
                                                                role="dialog" aria-labelledby="imageModalLabel"
                                                                aria-hidden="true">
                                                                <div class="modal-dialog modal-dialog-centered"
                                                                    role="document">
                                                                    <div class="modal-content">
                                                                        <div class="modal-header">
                                                                            <h5 class="modal-title" id="imageModalLabel">
                                                                                Preview Image
                                                                            </h5>
                                                                            <button type="button" class="btn-close"
                                                                                data-bs-dismiss="modal"
                                                                                aria-label="Close">
                                                                                <span aria-hidden="true">&times;</span>
                                                                            </button>
                                                                        </div>
                                                                        <div class="modal-body">
                                                                            <img src="{{ asset('/storage' . '/' . $list->{$header->field}) }}"
                                                                                alt="image"
                                                                                class="w-100 border-radius-lg shadow-sm">
                                                                        </div>
                                                                        <div class="modal-footer">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            {{-- <script>
                                                                    {{ $header->field }}.onchange = evt => {
                                                                        const [file] = {{ $header->field }}.files
                                                                        if (file) {
                                                                            {{ $header->field . 'preview' }}.src = URL.createObjectURL(file)
                                                                        }
                                                                    }
                                                                    $('#{{ $header->field }}edit').click(function() {
                                                                        $('input[name="{{ $header->field }}"]').click();

                                                                    });
                                                                </script> --}}
                                                            {{-- field type enum --}}
                                                        @elseif ($header->type == 'enum')
                                                            @if ($primary)
                                                                <br>
                                                                <span for="example-text-input" style="margin: 10px;"
                                                                    class="form-control-label">{{ $list->{$header->field} }}</span>
                                                            @elseif ($generateid)
                                                                <br>
                                                                <span for="example-text-input" style="margin: 10px;"
                                                                    class="form-control-label">{{ $list->{$header->field} }}</span>
                                                            @endif

                                                            <select class="form-select {{ $header->class }}"
                                                                name="{{ $header->field }}"
                                                                {{ $primary ? ' key=true style=display:none' : ($generateid ? ' style=display:none' : '') }}>
                                                                <option value="{{ $header->query != '' ? $list->{$header->field} : $list->id_kategori }}">
                                                                    {{ $header->query != '' ? $list->{$header->field} : $list->nama }}
                                                                </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/tsidocmanagement/resources/views/manual/mnkeah/edit.blade.php</b> on line <b>549</b><br />
                                                                        <option value="{{ $sAsArray[0] }}"
                                                                            {{ $sAsArray[0] == old($header->field) ? 'selected' : '' }}>
                                                                            {{ $sAsArray[1] }}
                                                                        </option>
                                                                    @endforeach
                                                                @else
                                                                    @php
                                                                        $data_query = DB::table('mst_kategori')
                                                                            ->where('isactive', '1')
                                                                            ->where('tipe_menu', 'mnkeah')
                                                                            ->get();
                                                                    @endphp
                                                                    @foreach ($data_query as $q)
                                                                        <br />
<b>Warning</b>:  Undefined variable $q in <b>/opt/lampp/htdocs/tsidocmanagement/resources/views/manual/mnkeah/edit.blade.php</b> on line <b>563</b><br />
                                                                        <option value="{{ $sAsArray[0] }}"
                                                                            where="{{ $header->sub != '' ? $sAsArray[2] : '' }}"
                                                                            {{ $sAsArray[0] == old($header->field) ? 'selected' : '' }}>
                                                                            {{ $sAsArray[0] }} -
                                                                            {{ $sAsArray[1] }}
                                                                        </option>
                                                                    @endforeach
                                                                @endif
                                                            </select>
                                                            @if ($header->note != '')
                                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                                    {{ '*) ' . $header->note }}
                                                                </p>
                                                            @endif
                                                            <script>
                                                                $(this).val('{{ $list->{$header->field} }}')
                                                            </script>
                                                        @endif
                                                        @error($header->field)
                                                            <p class='text-danger text-xs pt-1'> {{ $message }}
                                                            </p>
                                                        @enderror
                                                    </div>
                                                </div>
                                            </div>
                                        @endforeach
                                        @if ($files && count($files) > 0)
                                            <div class="col-md-12 mb-3">
                                                <label class="form-label">Existing Files:</label>
                                                <div class="row">
                                                    @foreach ($files as $item)
                                                        <div class="col-md-12 mb-3">
                                                            <ul class="list-group">
                                                                <li
                                                                    class="list-group-item d-flex justify-content-between align-items-center">
                                                                    <!-- File Icon and Name -->
                                                                    <div class="d-flex align-items-center">
                                                                        @if (pathinfo($item->file, PATHINFO_EXTENSION) == 'pdf')
                                                                            <i
                                                                                class="fas fa-file-pdf fa-2x text-danger me-3"></i>
                                                                        @else
                                                                            <i
                                                                                class="fas fa-file fa-2x text-secondary me-3"></i>
                                                                        @endif

                                                                        <!-- File Name -->
                                                                        <span class="text-truncate"
                                                                            style="max-width: 200px;">
                                                                            {{ strlen($item->file) > 30 ? substr(str_replace('softcopy-keahlian/', '', $item->file), 0, 30) . '...' : str_replace('softcopy-keahlian/', '', $item->file) }}
                                                                        </span>
                                                                    </div>

                                                                    <!-- Buttons (View, Download, Delete) -->
                                                                    <div class="d-flex">
                                                                        <!-- View Button -->
                                                                        <a href="{{ asset('storage/softcopy-keahlian/' . $item->file) }}"
                                                                            target="_blank"
                                                                            class="btn btn-sm btn-primary me-1">
                                                                            View
                                                                        </a>
                                                                        <!-- Download Button -->
                                                                        <a href="{{ asset('storage/softcopy-keahlian/' . $item->file) }}"
                                                                            download="{{ pathinfo($item->file, PATHINFO_FILENAME) . '.' . pathinfo($item->file, PATHINFO_EXTENSION) }}"
                                                                            class="btn btn-sm btn-success me-1">
                                                                            Download
                                                                        </a>
                                                                        <!-- Delete Button -->
                                                                        <button class="btn btn-sm btn-danger delete-file"
                                                                            data-id="{{ $item->id }}"
                                                                            onclick="deleteFile('{{ $item->id }}'); event.preventDefault();">
                                                                            Delete
                                                                        </button>
                                                                    </div>
                                                                </li>
                                                            </ul>
                                                        </div>
                                                    @endforeach
                                                </div>
                                            </div>
                                        @endif
                                        <input class="form-control" type="file" name="files[]" multiple
                                            data-allow-reorder="true" value="">
                                        <p class='text-primary text-xs pt-3 mb-0'>
                                            {{-- Maksimal Size : <b>{{ $header->length }} KB</b> --}}
                                        </p>
                                        <p class='text-primary text-xs pt-1'>Format File :
                                            <b>pdf,xls,xlsx,jpg,jpeg,png,jpg,jpeg,png</b>
                                        </p>
                                        <p class='text-secondary text-xs pt-1'>Note: You do not need to re-upload existing
                                            files.
                                        </p>
                                        {{-- <div class="form-group">
                                            <label for="status" class="font-weight-bold">Status</label>
                                            <select name="status" id="status" class="form-control">
                                                <option value="NOT DONE"
                                                    {{ (old('status') ?? $list->status) == 'NOT DONE' ? 'selected' : '' }}>
                                                    NOT DONE
                                                </option>
                                                <option value="DONE"
                                                    {{ (old('status') ?? $list->status) == 'DONE' ? 'selected' : '' }}>
                                                    DONE
                                                </option>
                                            </select>
                                        </div> --}}
                                    </div>
                                    <div class="col-md-6 mt-5">

                                        @foreach ($table_header_r as $header)
                                            @php
                                                $primary = false;
                                                $generateid = false;
                                                foreach ($table_primary as $p) {
                                                    $primary == false
                                                        ? ($p->field == $header->field
                                                            ? ($primary = true)
                                                            : ($primary = false))
                                                        : '';
                                                    $generateid == false
                                                        ? ($p->generateid == $header->field
                                                            ? ($generateid = true)
                                                            : ($generateid = false))
                                                        : '';
                                                }
                                                $header->class == 'readonly' ? ($primary = true) : '';
                                            @endphp

                                            <div class="col-md-12">
                                                <div class="form-group">
                                                    <div class="d-flex align-items-center">
                                                        {{-- display label alias on type field not hidden --}}
                                                        @if ($header->type != 'hidden' && $header->field != 'extend')
                                                            <label for="example-text-input me-2" style="min-width: 150px;"
                                                                class="form-control-label">{{ $header->alias }}</label>
                                                        @endif
                                                        <small class="form-text text-muted"></small>
                                                        @if ($booldate && $header->field == 'extend')
                                                            <label for="example-text-input me-2" style="min-width: 150px;"
                                                                class="form-control-label">{{ $header->alias }}</label>
                                                        @endif
                                                    
                                                        {{-- field type char and string --}}
                                                        @if (($header->type == 'char' || $header->type == 'string') && $header->field != 'status')
                                                            @if ($primary)
                                                                <br>
                                                                <span for="example-text-input" style="margin: 10px;"
                                                                    class="form-control-label">{{ $list->{$header->field} }}</span>
                                                            @endif
                                                            <input class="form-control {{ $header->class }}"
                                                                {{ $primary ? ' key=true type=hidden' : ' type=text' }}
                                                                value="{{ $list ? $list->{$header->field} : old($header->field) }}"
                                                                name="{{ $header->field }}"
                                                                maxlength="{{ $header->length }}">
                                                            @if ($header->note != '')
                                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                                    {{ '*) ' . $header->note }}
                                                                </p>
                                                            @endif
                                                            {{-- field type email --}}
                                                        @elseif ($header->type == 'email')
                                                            @if ($primary)
                                                                <br>
                                                                <span for="example-text-input" style="margin: 10px;"
                                                                    class="form-control-label">{{ $list->{$header->field} }}</span>
                                                            @endif
                                                            <input class="form-control {{ $header->class }}"
                                                                {{ $primary ? ' key=true type=hidden' : ' type=email' }}
                                                                value="{{ $list ? $list->{$header->field} : old($header->field) }}"
                                                                name="{{ $header->field }}"
                                                                maxlength="{{ $header->length }}">
                                                            @if ($header->note != '')
                                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                                    {{ '*) ' . $header->note }}
                                                                </p>
                                                            @endif
                                                            {{-- field type text --}}
                                                        @elseif ($header->type == 'text')
                                                            <textarea class="form-control" name="{{ $header->field }}" maxlength="{{ $header->length }}">{{ $list ? $list->{$header->field} : old($header->field) }}</textarea>
                                                            @if ($header->note != '')
                                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                                    {{ '*) ' . $header->note }}
                                                                </p>
                                                            @endif
                                                            {{-- field type number --}}
                                                        @elseif ($header->type == 'number')
                                                        @if ($header->field == 'reminder')
                                                            @if ($primary)
                                                                <br>
                                                                <span for="example-text-input" style="margin: 10px;"
                                                                    class="form-control-label">{{ $list->{$header->field} }}</span>
                                                            @endif
                                                            <input class="form-control {{ $header->class }}" 
                                                                {{ $primary ? ' key=true type=hidden' : ' type=number' }}
                                                                value="{{ $list ? $list->{$header->field} : old($header->field) }}"
                                                                name="{{ $header->field }}"
                                                                max="{{ $header->length }}">

                                                            <input type="radio" name="duration" value="week"
                                                                {{ old('duration', $reminderUnit) == 'week' ? 'checked' : '' }}>
                                                            Week
                                                            <input type="radio" name="duration" value="month"
                                                                {{ old('duration', $reminderUnit) == 'month' ? 'checked' : '' }}>
                                                            Month
                                                            <input type="radio" name="duration" value="year"
                                                                {{ old('duration', $reminderUnit) == 'year' ? 'checked' : '' }}>
                                                            Year
                                                            @if ($header->note != '')
                                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                                    {{ '*) ' . $header->note }}
                                                                </p>
                                                            @endif
                                                        @elseif ($header->field == 'extend' && $booldate)
                                                            @if ($primary)
                                                                <br>
                                                                <span for="example-text-input" style="margin: 10px;"
                                                                    class="form-control-label">{{ $list->{$header->field} }}</span>
                                                            @endif
                                                            <input class="form-control {{ $header->class }}" 
                                                                {{ $primary ? ' key=true type=hidden' : ' type=number' }}
                                                                value="{{ $list ? $list->{$header->field} : old($header->field) }}"
                                                                name="{{ $header->field }}"
                                                                max="{{ $header->length }}">

                                                            <input type="radio" name="extendtime" value="week"
                                                                {{ old('extendtime', $extendUnit) == 'week' ? 'checked' : '' }}>
                                                            Week
                                                            <input type="radio" name="extendtime" value="month"
                                                                {{ old('extendtime', $extendUnit) == 'month' ? 'checked' : '' }}>
                                                            Month
                                                            <input type="radio" name="extendtime" value="year"
                                                                {{ old('extendtime', $extendUnit) == 'year' ? 'checked' : '' }}>
                                                            Year
                                                            @if ($header->note != '')
                                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                                    {{ '*) ' . $header->note }}
                                                                </p>
                                                            @endif
                                                        @elseif ($header->field != 'extend' && $header->field != 'reminder')
                                                            @if ($primary)
                                                                <br>
                                                                <span for="example-text-input" style="margin: 10px;"
                                                                    class="form-control-label">{{ $list->{$header->field} }}</span>
                                                            @endif
                                                            <input class="form-control {{ $header->class }}" style="margin-left:50px; width:120px;"
                                                                {{ $primary ? ' key=true type=hidden' : ' type=number' }}
                                                                value="{{ $list ? $list->{$header->field} : old($header->field) }}"
                                                                name="{{ $header->field }}"
                                                                max="{{ $header->length }}">
                                                            @if ($header->note != '')
                                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                                    {{ '*) ' . $header->note }}
                                                                </p>
                                                            @endif
                                                        @endif
                                                            {{-- field type currency --}}
                                                        @elseif ($header->type == 'currency')
                                                            @if ($primary)
                                                                <br>
                                                                <span for="example-text-input" style="margin: 10px;"
                                                                    class="form-control-label">{{ $list->{$header->field} }}</span>
                                                            @endif
                                                            <input class="form-control {{ $header->class }}"
                                                                {{ $primary ? ' key=true type=hidden' : ' type=number' }}
                                                                value="{{ $list ? $list->{$header->field} : old($header->field) }}"
                                                                name="{{ $header->field }}"
                                                                max="{{ $header->length }}">
                                                            @if ($header->note != '')
                                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                                    {{ '*) ' . $header->note }}
                                                                </p>
                                                            @endif
                                                            {{-- field type password --}}
                                                        @elseif ($header->type == 'password')
                                                            <div class="flex flex-col mb-2 input-group pass">
                                                                <input class="form-control {{ $header->class }}"
                                                                    {{ $primary ? ' key=true type=hidden' : ($header->filter == '1' ? ' type=password' : ' type=hidden') }}
                                                                    value="{{ $list ? '' : $header->default }}"
                                                                    name="{{ $header->field }}"
                                                                    max="{{ $header->length }}">
                                                                <span class="input-group-text" id="button-addon"
                                                                    style="border-color:#d2d6da;"><i
                                                                        class="fas fa-eye showpass"
                                                                        style="cursor: pointer;"></i></span>
                                                            </div>
                                                            <p class='text-primary text-xs pt-1'>Default Password :
                                                                <b>{{ $header->default }}</b>
                                                            </p>
                                                            {{-- field type file --}}
                                                            @elseif ($header->type == 'radio')
                                                            <div class="form-group d-flex align-items-center gap-3">
                                                                <div class="form-check form-check-inline m-0 ms-3">
                                                                    <input class="form-check-input" type="radio"
                                                                        name="{{ $header->field }}"
                                                                        id="{{ $header->field }}_yes" value="1"
                                                                        {{ old($header->field, $list->{$header->field} ?? null) == '1' ? 'checked' : '' }}>
                                                                    <label class="form-check-label"
                                                                        for="{{ $header->field }}_yes">Ya</label>
                                                                </div>
                                                                <div class="form-check form-check-inline m-0 ms-3">
                                                                    <input class="form-check-input" type="radio"
                                                                        name="{{ $header->field }}"
                                                                        id="{{ $header->field }}_no" value="0"
                                                                        {{ old($header->field, $list->{$header->field} ?? null) == '0' ? 'checked' : '' }}>
                                                                    <label class="form-check-label"
                                                                        for="{{ $header->field }}_no">Tidak</label>
                                                                </div>
                                                            </div>
                                                        @elseif ($header->type == 'date')
                                                            @php
                                                                $fieldValue = $list ? $list->{$header->field} : null;
                                                                $formattedValue = $fieldValue
                                                                    ? \Carbon\Carbon::parse($fieldValue)->format(
                                                                        'd/m/Y',
                                                                    )
                                                                    : '';
                                                            @endphp
                                                            @if ($primary)
                                                                <br>
                                                                <span style="margin: 10px;" class="form-control-label">
                                                                    {{ $formattedValue }}
                                                                </span>
                                                            @endif
                                                            <input type="text"
                                                                class="form-control datepicker {{ $header->class }}"
                                                                name="{{ $header->field }}"
                                                                value="{{ $formattedValue ?: old($header->field) }}"
                                                                placeholder="dd/mm/yyyy">
                                                            @if ($header->note != '')
                                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                                    {{ '*) ' . $header->note }}
                                                                </p>
                                                            @endif
                                                            {{-- field type hidden --}}
                                                        @elseif ($header->type == 'hidden')
                                                            <input class="form-control {{ $header->class }}"
                                                                type="hidden" value="{{ $header->default }}"
                                                                name="{{ $header->field }}"
                                                                max="{{ $header->length }}">
                                                            {{-- field type search --}}
                                                        @elseif ($header->type == 'search')
                                                            <div class="flex flex-col mb-2 input-group">
                                                                <input
                                                                    {{ $primary ? ' key=true type=hidden' : ' type=text' }}
                                                                    name="{{ $header->field }}"
                                                                    class="form-control {{ $header->class }}"
                                                                    value="{{ $list ? $list->{$header->field} : old($header->field) }}">
                                                                <span class="input-group-text bg-primary text-light"
                                                                    data-bs-toggle="modal"
                                                                    data-bs-target="#searchModal{{ $header->field }}"
                                                                    style="border-color:#d2d6da;border-left:3px solid #d2d6da;cursor: pointer;"><i
                                                                        class="fas fa-search"></i></span>
                                                            </div>
                                                            <!-- Modal -->
                                                            <div class="modal fade" id="searchModal{{ $header->field }}"
                                                                tabindex="-1" role="dialog"
                                                                aria-labelledby="searchModalLabel" aria-hidden="true">
                                                                <div class="modal-dialog modal-dialog-centered"
                                                                    role="document">
                                                                    <div class="modal-content">
                                                                        <div class="modal-header">
                                                                            <h5 class="modal-title" id="searchModalLabel">
                                                                                List Data
                                                                            </h5>
                                                                            <button type="button" class="btn-close"
                                                                                data-bs-dismiss="modal"
                                                                                aria-label="Close">
                                                                                <span aria-hidden="true">&times;</span>
                                                                            </button>
                                                                        </div>
                                                                        @if ($header->query != '')
                                                                            @php
                                                                                $table_result = DB::select(
                                                                                    $header->query,
                                                                                );
                                                                            @endphp
                                                                        @endif
                                                                        <div class="modal-body">
                                                                            <table class="table display"
                                                                                id="list_{{ $dmenu }}">
                                                                                @if ($table_result)
                                                                                    <thead class="thead-light"
                                                                                        style="background-color: #00b7bd4f;">
                                                                                        <tr>
                                                                                            <th width="20px">
                                                                                                Action
                                                                                            </th>
                                                                                            @foreach ($table_result as $result)
                                                                                                @php
                                                                                                    $sAsArray = array_keys(
                                                                                                        (array) $result,
                                                                                                    );
                                                                                                @endphp
                                                                                            @endforeach
                                                                                            @foreach ($sAsArray as $modal_h)
                                                                                                <th>{{ $modal_h }}
                                                                                                </th>
                                                                                            @endforeach
                                                                                        </tr>
                                                                                    </thead>
                                                                                    <tbody>
                                                                                        @foreach ($table_result as $modal_d)
                                                                                            <tr>
                                                                                                @foreach ($table_result as $result)
                                                                                                    @php
                                                                                                        $field = array_keys(
                                                                                                            (array) $result,
                                                                                                        );
                                                                                                    @endphp
                                                                                                @endforeach
                                                                                                <td width="20px">
                                                                                                    <span
                                                                                                        class="btn badge bg-primary badge-lg"
                                                                                                        onclick="select_modal('{{ $modal_d->{$field[0]} }}')"><i
                                                                                                            class="bi bi-check-circle me-1"></i>
                                                                                                        Select</span>
                                                                                                </td>
                                                                                                @foreach ($field as $header_field)
                                                                                                    @php
                                                                                                        $string = $header_field;
                                                                                                    @endphp
                                                                                                    <td
                                                                                                        class="text-sm font-weight-normal">
                                                                                                        {{ $modal_d->$string }}
                                                                                                    </td>
                                                                                                @endforeach
                                                                                            </tr>
                                                                                        @endforeach
                                                                                    </tbody>
                                                                                @endif
                                                                            </table>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            @if ($header->note != '')
                                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                                    {{ '*) ' . $header->note }}
                                                                </p>
                                                            @endif
                                                            <script>
                                                                function select_modal(id, name) {
                                                                    $('input[name="{{ $header->field }}"]').val(id);
                                                                    $('#searchModal{{ $header->field }}').modal('hide');
                                                                }
                                                            </script>
                                                            {{-- field type image --}}

                                                            <div class="col-sm-auto">
                                                                <div class="position-relative">
                                                                    <div>
                                                                        <label for="file-input"
                                                                            style="left: -5px !important;"
                                                                            id="{{ $header->field }}edit"
                                                                            class="btn btn-xxl btn-icon-only bg-gradient-primary position-absolute bottom-0 mb-n2">
                                                                            <i class="fa fa-pen top-0"
                                                                                data-bs-toggle="tooltip"
                                                                                data-bs-placement="top" title=""
                                                                                aria-hidden="true"
                                                                                data-bs-original-title="Edit Image"
                                                                                aria-label="Edit Image"></i>
                                                                            <span class="sr-only">Edit Image</span>
                                                                        </label>
                                                                        <span
                                                                            class="h-12 w-12 rounded-full overflow-hidden bg-gray-100">
                                                                            <img src="{{ asset('/storage' . '/' . $list->{$header->field}) }}"
                                                                                id="{{ $header->field }}preview"
                                                                                alt="image" data-bs-toggle="modal"
                                                                                data-bs-target="#imageModal"
                                                                                class="w-30 border-radius-lg shadow-sm">
                                                                        </span>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                            <input class="form-control {{ $header->class }}"
                                                                type="file"
                                                                value="{{ $list ? $list->{$header->field} : old($header->field) }}"
                                                                id="{{ $header->field }}" name="{{ $header->field }}"
                                                                style="display: none;">
                                                            <p class='text-primary text-xs pt-3 mb-0'>Maksimal Size
                                                                :
                                                                <b>{{ $header->length }} KB</b>
                                                            </p>
                                                            @if ($header->note != '')
                                                                <p class='text-primary text-xs pt-1'>
                                                                    {{ $header->note }}
                                                                </p>
                                                            @else
                                                                <p class='text-primary text-xs pt-1'>Format Image :
                                                                    <b>PNG,JPG,JPEG</b>
                                                                </p>
                                                            @endif
                                                            <!-- Modal -->
                                                            <div class="modal fade" id="imageModal" tabindex="-1"
                                                                role="dialog" aria-labelledby="imageModalLabel"
                                                                aria-hidden="true">
                                                                <div class="modal-dialog modal-dialog-centered"
                                                                    role="document">
                                                                    <div class="modal-content">
                                                                        <div class="modal-header">
                                                                            <h5 class="modal-title" id="imageModalLabel">
                                                                                Preview Image
                                                                            </h5>
                                                                            <button type="button" class="btn-close"
                                                                                data-bs-dismiss="modal"
                                                                                aria-label="Close">
                                                                                <span aria-hidden="true">&times;</span>
                                                                            </button>
                                                                        </div>
                                                                        <div class="modal-body">
                                                                            <img src="{{ asset('/storage' . '/' . $list->{$header->field}) }}"
                                                                                alt="image"
                                                                                class="w-100 border-radius-lg shadow-sm">
                                                                        </div>
                                                                        <div class="modal-footer">
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                            <script>
                                                                {{ $header->field }}.onchange = evt => {
                                                                    const [file] = {{ $header->field }}.files
                                                                    if (file) {
                                                                        {{ $header->field . 'preview' }}.src = URL.createObjectURL(file)
                                                                    }
                                                                }
                                                                $('#{{ $header->field }}edit').click(function() {
                                                                    $('input[name="{{ $header->field }}"]').click();

                                                                });
                                                            </script>
                                                            {{-- field type enum --}}
                                                        @elseif ($header->type == 'enum')
                                                            @if ($primary)
                                                                <br>
                                                                <span for="example-text-input" style="margin: 10px;"
                                                                    class="form-control-label">{{ $list->{$header->field} }}</span>
                                                            @elseif ($generateid)
                                                                <br>
                                                                <span for="example-text-input" style="margin: 10px;"
                                                                    class="form-control-label">{{ $list->{$header->field} }}</span>
                                                            @endif

                                                            <select class="form-select {{ $header->class }}"
                                                                name="{{ $header->field }}"
                                                                {{ $primary ? ' key=true style=display:none' : ($generateid ? ' style=display:none' : '') }}>
                                                                <option value="{{ $header->query != '' ? $list->{$header->field} : $list->id_kategori }}">
                                                                    {{ $header->query != '' ? $list->{$header->field} : $list->nama }}
                                                                </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/tsidocmanagement/resources/views/manual/mnkeah/edit.blade.php</b> on line <b>1117</b><br />
                                                                        <option value="{{ $sAsArray[0] }}"
                                                                            {{ $sAsArray[0] == old($header->field) ? 'selected' : '' }}>
                                                                            {{ $sAsArray[1] }}
                                                                        </option>
                                                                    @endforeach
                                                                @else
                                                                    @php
                                                                        $data_query = DB::table('mst_kategori')
                                                                            ->where('isactive', '1')
                                                                            ->where('tipe_menu', 'mnkeah')
                                                                            ->get();
                                                                    @endphp
                                                                    @foreach ($data_query as $q)
                                                                        <br />
<b>Warning</b>:  Undefined variable $q in <b>/opt/lampp/htdocs/tsidocmanagement/resources/views/manual/mnkeah/edit.blade.php</b> on line <b>1131</b><br />
                                                                        <option value="{{ $sAsArray[0] }}"
                                                                            where="{{ $header->sub != '' ? $sAsArray[2] : '' }}"
                                                                            {{ $sAsArray[0] == old($header->field) ? 'selected' : '' }}>
                                                                            {{ $sAsArray[0] }} -
                                                                            {{ $sAsArray[1] }}
                                                                        </option>
                                                                    @endforeach
                                                                @endif
                                                            </select>
                                                            @if ($header->note != '')
                                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                                    {{ '*) ' . $header->note }}
                                                                </p>
                                                            @endif
                                                            <script>
                                                                $(this).val('{{ $list->{$header->field} }}')
                                                            </script>
                                                        @endif
                                                        @error($header->field)
                                                            <p class='text-danger text-xs pt-1'> {{ $message }}
                                                            </p>
                                                        @enderror
                                                    </div>
                                                </div>
                                        @endforeach

                                    </div>
                                    <hr class="horizontal dark">
                                    <div class="card-footer align-items-center pt-0 pb-2">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            @else
                <div class="col-md-12">
                    <div class="row">
                        <form role="form" method="POST"
                            action="{{ url($url_menu . '/' . $idencrypt) . '?page=' . request()->get('page', 1) }}"
                            enctype="multipart/form-data" id="{{ $dmenu }}-form">
                            @csrf
                            @method('PUT')
                            <div class="card">
                                <div class="card-body">
                                    <input type="hidden" name="page" value="{{ request('page', 1) }}">
                                    <p class="text-uppercase text-sm">Edit {{ $title_menu }}</p>
                                    <hr class="horizontal dark mt-0">
                                    @foreach ($table_header as $header)
                                        @php
                                            $primary = false;
                                            $generateid = false;
                                            foreach ($table_primary as $p) {
                                                $primary == false
                                                    ? ($p->field == $header->field
                                                        ? ($primary = true)
                                                        : ($primary = false))
                                                    : '';
                                                $generateid == false
                                                    ? ($p->generateid == $header->field
                                                        ? ($generateid = true)
                                                        : ($generateid = false))
                                                    : '';
                                            }
                                            $header->class == 'readonly' ? ($primary = true) : '';
                                        @endphp
                                        <div class="col-md-12">
                                            <div class="form-group">
                                                <div class="d-flex align-items-center">
                                                    {{-- display label alias on type field not hidden --}}
                                                    @if ($header->type != 'hidden' && $header->field != 'extend')
                                                        <label for="example-text-input"
                                                            class="form-control-label">{{ $header->alias }}</label>
                                                    @endif
                                                    <small class="form-text text-muted"></small>
                                                    @if ($booldate && $header->field == 'extend')
                                                        <label for="example-text-input"
                                                            class="form-control-label">{{ $header->alias }}</label>
                                                    @endif
                                                    {{-- field type char and string --}}
                                                    @if (($header->type == 'char' || $header->type == 'string') && $header->field != 'status')
                                                        @if ($primary)
                                                            <br>
                                                            <span for="example-text-input" style="margin: 10px;"
                                                                class="form-control-label">{{ $list->{$header->field} }}</span>
                                                        @endif
                                                        <input class="form-control {{ $header->class }}"
                                                            {{ $primary ? ' key=true type=hidden' : ' type=text' }}
                                                            value="{{ $list ? $list->{$header->field} : old($header->field) }}"
                                                            name="{{ $header->field }}"
                                                            maxlength="{{ $header->length }}">
                                                        @if ($header->note != '')
                                                            <p class='text-secondary text-xs pt-1 px-1'>
                                                                {{ '*) ' . $header->note }}
                                                            </p>
                                                        @endif
                                                        {{-- field type email --}}
                                                    @elseif ($header->type == 'email')
                                                        @if ($primary)
                                                            <br>
                                                            <span for="example-text-input" style="margin: 10px;"
                                                                class="form-control-label">{{ $list->{$header->field} }}</span>
                                                        @endif
                                                        <input class="form-control {{ $header->class }}"
                                                            {{ $primary ? ' key=true type=hidden' : ' type=email' }}
                                                            value="{{ $list ? $list->{$header->field} : old($header->field) }}"
                                                            name="{{ $header->field }}"
                                                            maxlength="{{ $header->length }}">
                                                        @if ($header->note != '')
                                                            <p class='text-secondary text-xs pt-1 px-1'>
                                                                {{ '*) ' . $header->note }}
                                                            </p>
                                                        @endif
                                                        {{-- field type text --}}
                                                    @elseif ($header->type == 'text')
                                                        <textarea class="form-control" name="{{ $header->field }}" maxlength="{{ $header->length }}">{{ $list ? $list->{$header->field} : old($header->field) }}</textarea>
                                                        @if ($header->note != '')
                                                            <p class='text-secondary text-xs pt-1 px-1'>
                                                                {{ '*) ' . $header->note }}
                                                            </p>
                                                        @endif
                                                        {{-- field type number --}}
                                                   @elseif ($header->type == 'number')
                                                        @if ($header->field == 'reminder')
                                                            @if ($primary)
                                                                <br>
                                                                <span for="example-text-input" style="margin: 10px;"
                                                                    class="form-control-label">{{ $list->{$header->field} }}</span>
                                                            @endif
                                                            <input class="form-control {{ $header->class }}" style="margin-left:50px; width:120px;"
                                                                {{ $primary ? ' key=true type=hidden' : ' type=number' }}
                                                                value="{{ $list ? $list->{$header->field} : old($header->field) }}"
                                                                name="{{ $header->field }}"
                                                                max="{{ $header->length }}">

                                                            <input type="radio" name="duration" value="week"
                                                                {{ old('duration', $reminderUnit) == 'week' ? 'checked' : '' }}>
                                                            Week
                                                            <input type="radio" name="duration" value="month"
                                                                {{ old('duration', $reminderUnit) == 'month' ? 'checked' : '' }}>
                                                            Month
                                                            <input type="radio" name="duration" value="year"
                                                                {{ old('duration', $reminderUnit) == 'year' ? 'checked' : '' }}>
                                                            Year
                                                            @if ($header->note != '')
                                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                                    {{ '*) ' . $header->note }}
                                                                </p>
                                                            @endif
                                                        @elseif ($header->field == 'extend' && $booldate)
                                                            @if ($primary)
                                                                <br>
                                                                <span for="example-text-input" style="margin: 10px;"
                                                                    class="form-control-label">{{ $list->{$header->field} }}</span>
                                                            @endif
                                                            <input class="form-control {{ $header->class }}" style="margin-left:50px; width:120px;"
                                                                {{ $primary ? ' key=true type=hidden' : ' type=number' }}
                                                                value="{{ $list ? $list->{$header->field} : old($header->field) }}"
                                                                name="{{ $header->field }}"
                                                                max="{{ $header->length }}">

                                                            <input type="radio" name="extendtime" value="week"
                                                                {{ old('extendtime', $extendUnit) == 'week' ? 'checked' : '' }}>
                                                            Week
                                                            <input type="radio" name="extendtime" value="month"
                                                                {{ old('extendtime', $extendUnit) == 'month' ? 'checked' : '' }}>
                                                            Month
                                                            <input type="radio" name="extendtime" value="year"
                                                                {{ old('extendtime', $extendUnit) == 'year' ? 'checked' : '' }}>
                                                            Year
                                                            @if ($header->note != '')
                                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                                    {{ '*) ' . $header->note }}
                                                                </p>
                                                            @endif
                                                        @elseif ($header->field != 'extend' && $header->field != 'reminder')
                                                            @if ($primary)
                                                                <br>
                                                                <span for="example-text-input" style="margin: 10px;"
                                                                    class="form-control-label">{{ $list->{$header->field} }}</span>
                                                            @endif
                                                            <input class="form-control {{ $header->class }}" style="margin-left:50px; width:120px;"
                                                                {{ $primary ? ' key=true type=hidden' : ' type=number' }}
                                                                value="{{ $list ? $list->{$header->field} : old($header->field) }}"
                                                                name="{{ $header->field }}"
                                                                max="{{ $header->length }}">
                                                            @if ($header->note != '')
                                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                                    {{ '*) ' . $header->note }}
                                                                </p>
                                                            @endif
                                                        @endif
                                                        {{-- field type currency --}}
                                                    @elseif ($header->type == 'currency')
                                                        @if ($primary)
                                                            <br>
                                                            <span for="example-text-input" style="margin: 10px;"
                                                                class="form-control-label">{{ $list->{$header->field} }}</span>
                                                        @endif
                                                        <input class="form-control {{ $header->class }}"
                                                            {{ $primary ? ' key=true type=hidden' : ' type=number' }}
                                                            value="{{ $list ? $list->{$header->field} : old($header->field) }}"
                                                            name="{{ $header->field }}" max="{{ $header->length }}">
                                                        @if ($header->note != '')
                                                            <p class='text-secondary text-xs pt-1 px-1'>
                                                                {{ '*) ' . $header->note }}
                                                            </p>
                                                        @endif
                                                        {{-- field type password --}}
                                                    @elseif ($header->type == 'password')
                                                        <div class="flex flex-col mb-2 input-group pass">
                                                            <input class="form-control {{ $header->class }}"
                                                                {{ $primary ? ' key=true type=hidden' : ($header->filter == '1' ? ' type=password' : ' type=hidden') }}
                                                                value="{{ $list ? '' : $header->default }}"
                                                                name="{{ $header->field }}"
                                                                max="{{ $header->length }}">
                                                            <span class="input-group-text" id="button-addon"
                                                                style="border-color:#d2d6da;"><i
                                                                    class="fas fa-eye showpass"
                                                                    style="cursor: pointer;"></i></span>
                                                        </div>
                                                        <p class='text-primary text-xs pt-1'>Default Password :
                                                            <b>{{ $header->default }}</b>
                                                        </p>
                                                        {{-- field type file --}}
                                                        {{-- @elseif ($header->type == 'file') --}}
                                                        <input class="form-control {{ $header->class }}" type="file"
                                                            id="{{ $header->field }}edit"
                                                            value="{{ $list ? $list->{$header->field} : old($header->field) }}"
                                                            name="{{ $header->field }}">
                                                        <p class='text-info text-xs pt-1 px-1 mb-1'>
                                                            {{ $list ? $list->{$header->field} : old($header->field) }}
                                                        </p>
                                                        <p class='text-primary text-xs pt-3 mb-0'>Maksimal Size :
                                                            <b>{{ $header->length }} KB</b>
                                                        </p>
                                                        @if ($header->note != '')
                                                            <p class='text-primary text-xs pt-1'>
                                                                {{ $header->note }}
                                                            </p>
                                                        @else
                                                            <p class='text-primary text-xs pt-1'>Format File :
                                                                <b>pdf,xls,xlsx,jpg,jpeg,png</b>
                                                            </p>
                                                        @endif
                                                        @elseif ($header->type == 'radio')
                                                            <div class="form-group d-flex align-items-center gap-3">
                                                                <div class="form-check form-check-inline m-0 ms-3">
                                                                    <input class="form-check-input" type="radio"
                                                                        name="{{ $header->field }}"
                                                                        id="{{ $header->field }}_yes" value="1"
                                                                        {{ old($header->field, $list->{$header->field} ?? null) == '1' ? 'checked' : '' }}>
                                                                    <label class="form-check-label"
                                                                        for="{{ $header->field }}_yes">Ya</label>
                                                                </div>
                                                                <div class="form-check form-check-inline m-0 ms-3">
                                                                    <input class="form-check-input" type="radio"
                                                                        name="{{ $header->field }}"
                                                                        id="{{ $header->field }}_no" value="0"
                                                                        {{ old($header->field, $list->{$header->field} ?? null) == '0' ? 'checked' : '' }}>
                                                                    <label class="form-check-label"
                                                                        for="{{ $header->field }}_no">Tidak</label>
                                                                </div>
                                                            </div>
                                                    @elseif ($header->type == 'date')
                                                            @php
                                                                $fieldValue = $list ? $list->{$header->field} : null;
                                                                $formattedValue = $fieldValue
                                                                    ? \Carbon\Carbon::parse($fieldValue)->format(
                                                                        'd/m/Y',
                                                                    )
                                                                    : '';
                                                            @endphp
                                                            @if ($primary)
                                                                <br>
                                                                <span style="margin: 10px;" class="form-control-label">
                                                                    {{ $formattedValue }}
                                                                </span>
                                                            @endif
                                                            <input type="text"
                                                                class="form-control datepicker {{ $header->class }}"
                                                                name="{{ $header->field }}"
                                                                value="{{ $formattedValue ?: old($header->field) }}"
                                                                placeholder="dd/mm/yyyy">
                                                            @if ($header->note != '')
                                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                                    {{ '*) ' . $header->note }}
                                                                </p>
                                                            @endif
                                                        {{-- field type hidden --}}
                                                    @elseif ($header->type == 'hidden')
                                                        <input class="form-control {{ $header->class }}" type="hidden"
                                                            value="{{ $header->default }}" name="{{ $header->field }}"
                                                            max="{{ $header->length }}">
                                                        {{-- field type search --}}
                                                    @elseif ($header->type == 'search')
                                                        <div class="flex flex-col mb-2 input-group">
                                                            <input {{ $primary ? ' key=true type=hidden' : ' type=text' }}
                                                                name="{{ $header->field }}"
                                                                class="form-control {{ $header->class }}"
                                                                value="{{ $list ? $list->{$header->field} : old($header->field) }}">
                                                            <span class="input-group-text bg-primary text-light"
                                                                data-bs-toggle="modal"
                                                                data-bs-target="#searchModal{{ $header->field }}"
                                                                style="border-color:#d2d6da;border-left:3px solid #d2d6da;cursor: pointer;"><i
                                                                    class="fas fa-search"></i></span>
                                                        </div>
                                                        <!-- Modal -->
                                                        <div class="modal fade" id="searchModal{{ $header->field }}"
                                                            tabindex="-1" role="dialog"
                                                            aria-labelledby="searchModalLabel" aria-hidden="true">
                                                            <div class="modal-dialog modal-dialog-centered"
                                                                role="document">
                                                                <div class="modal-content">
                                                                    <div class="modal-header">
                                                                        <h5 class="modal-title" id="searchModalLabel">
                                                                            List Data
                                                                        </h5>
                                                                        <button type="button" class="btn-close"
                                                                            data-bs-dismiss="modal" aria-label="Close">
                                                                            <span aria-hidden="true">&times;</span>
                                                                        </button>
                                                                    </div>
                                                                    @if ($header->query != '')
                                                                        @php
                                                                            $table_result = DB::select($header->query);
                                                                        @endphp
                                                                    @endif
                                                                    <div class="modal-body">
                                                                        <table class="table display"
                                                                            id="list_{{ $dmenu }}">
                                                                            @if ($table_result)
                                                                                <thead class="thead-light"
                                                                                    style="background-color: #00b7bd4f;">
                                                                                    <tr>
                                                                                        <th width="20px">Action
                                                                                        </th>
                                                                                        @foreach ($table_result as $result)
                                                                                            @php
                                                                                                $sAsArray = array_keys(
                                                                                                    (array) $result,
                                                                                                );
                                                                                            @endphp
                                                                                        @endforeach
                                                                                        @foreach ($sAsArray as $modal_h)
                                                                                            <th>{{ $modal_h }}
                                                                                            </th>
                                                                                        @endforeach
                                                                                    </tr>
                                                                                </thead>
                                                                                <tbody>
                                                                                    @foreach ($table_result as $modal_d)
                                                                                        <tr>
                                                                                            @foreach ($table_result as $result)
                                                                                                @php
                                                                                                    $field = array_keys(
                                                                                                        (array) $result,
                                                                                                    );
                                                                                                @endphp
                                                                                            @endforeach
                                                                                            <td width="20px">
                                                                                                <span
                                                                                                    class="btn badge bg-primary badge-lg"
                                                                                                    onclick="select_modal('{{ $modal_d->{$field[0]} }}')"><i
                                                                                                        class="bi bi-check-circle me-1"></i>
                                                                                                    Select</span>
                                                                                            </td>
                                                                                            @foreach ($field as $header_field)
                                                                                                @php
                                                                                                    $string = $header_field;
                                                                                                @endphp
                                                                                                <td
                                                                                                    class="text-sm font-weight-normal">
                                                                                                    {{ $modal_d->$string }}
                                                                                                </td>
                                                                                            @endforeach
                                                                                        </tr>
                                                                                    @endforeach
                                                                                </tbody>
                                                                            @endif
                                                                        </table>
                                                                    </div>
                                                                </div>
                                                            </div>
                                                        </div>
                                                        @if ($header->note != '')
                                                            <p class='text-secondary text-xs pt-1 px-1'>
                                                                {{ '*) ' . $header->note }}
                                                            </p>
                                                        @endif
                                                        <script>
                                                            function select_modal(id, name) {
                                                                $('input[name="{{ $header->field }}"]').val(id);
                                                                $('#searchModal{{ $header->field }}').modal('hide');
                                                            }
                                                        </script>
                                                    @elseif ($header->type == 'enum')
                                                        @if ($primary)
                                                            <br>
                                                            <span for="example-text-input" style="margin: 10px;"
                                                                class="form-control-label">{{ $list->{$header->field} }}</span>
                                                        @elseif ($generateid)
                                                            <br>
                                                            <span for="example-text-input" style="margin: 10px;"
                                                                class="form-control-label">{{ $list->{$header->field} }}</span>
                                                        @endif

                                                        <select class="form-select {{ $header->class }}"
                                                            name="{{ $header->field }}"
                                                            {{ $primary ? ' key=true style=display:none' : ($generateid ? ' style=display:none' : '') }}>
                                                            <option value="{{ $header->query != '' ? $list->{$header->field} : $list->id_kategori }}">
                                                                {{ $header->query != '' ? $list->{$header->field} : $list->nama }}
                                                            </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/tsidocmanagement/resources/views/manual/mnkeah/edit.blade.php</b> on line <b>1550</b><br />
                                                                    <option value="{{ $sAsArray[0] }}"
                                                                        {{ $sAsArray[0] == old($header->field) ? 'selected' : '' }}>
                                                                        {{ $sAsArray[1] }}
                                                                    </option>
                                                                @endforeach
                                                            @else
                                                                @php
                                                                    $data_query = DB::table('mst_kategori')
                                                                        ->where('isactive', '1')
                                                                        ->where('tipe_menu', 'mnkeah')
                                                                        ->get();
                                                                @endphp
                                                                @foreach ($data_query as $q)
                                                                    <br />
<b>Warning</b>:  Undefined variable $q in <b>/opt/lampp/htdocs/tsidocmanagement/resources/views/manual/mnkeah/edit.blade.php</b> on line <b>1564</b><br />
                                                                    <option value="{{ $sAsArray[0] }}"
                                                                        where="{{ $header->sub != '' ? $sAsArray[2] : '' }}"
                                                                        {{ $sAsArray[0] == old($header->field) ? 'selected' : '' }}>
                                                                        {{ $sAsArray[0] }} -
                                                                        {{ $sAsArray[1] }}
                                                                    </option>
                                                                @endforeach
                                                            @endif
                                                        </select>
                                                        @if ($header->note != '')
                                                            <p class='text-secondary text-xs pt-1 px-1'>
                                                                {{ '*) ' . $header->note }}
                                                            </p>
                                                        @endif
                                                        <script>
                                                            $(this).val('{{ $list->{$header->field} }}')
                                                        </script>
                                                    @endif
                                                    @error($header->field)
                                                        <p class='text-danger text-xs pt-1'> {{ $message }} </p>
                                                    @enderror
                                                </div>
                                            </div>
                                        </div>
                                    @endforeach

                                    <hr class="horizontal dark">
                                </div>
                                <div class="card-footer align-items-center pt-0 pb-2">
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            @endif
        </div>
    </div>
 <script>
        document.addEventListener("DOMContentLoaded", function() {
        const tglExpired = document.querySelector('input[name="tanggal_expired"]');
        const reminder   = document.querySelector('input[name="reminder"]');
        const extend     = document.querySelector('input[name="extend"]');

        const radioYes = document.querySelector('input[name="masa_berlaku"][value="1"]');
        const radioNo  = document.querySelector('input[name="masa_berlaku"][value="0"]');

        if (!radioYes || !radioNo) return; // radio tidak ada

        function toggleFields() {
            if (radioNo.checked) {
                if (tglExpired) tglExpired.closest(".col-md-12").style.display = "";
                if (reminder)   reminder.closest(".col-md-12").style.display = "";
                if (extend)     extend.closest(".col-md-12").style.display = "";
            } else {
                if (tglExpired) {
                    tglExpired.closest(".col-md-12").style.display = "none";
                    tglExpired.value = "";
                }
                if (reminder) {
                    reminder.closest(".col-md-12").style.display = "none";
                    reminder.value = "";
                }
                if (extend) {
                    extend.closest(".col-md-12").style.display = "none";
                    extend.value = "";
                }
            }
        }

        // set kondisi awal
        toggleFields();

        // binding event
        radioYes.addEventListener("change", toggleFields);
        radioNo.addEventListener("change", toggleFields);
        });
</script>
    <script src="{{ asset('/') }}assets/js/filepond.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            flatpickr(".datepicker", {
                dateFormat: "d/m/Y", // format dd/mm/yyyy
                allowInput: true
            });
        });
    </script>
    <script>
        const getUploadErrorMessage = (error) => {
            let message = 'File Failed Upload.';
            try {
                const data = JSON.parse(error);
                message = data.message || data.error || message;
            } catch (e) {
                if (typeof error === 'string' && error.trim()) {
                    message = error;
                }
            }
            return message;
        };
          FilePond.setOptions({
            server: {
                process: {
                    url: '{{ URL::to('/') }}/mnkeah/tmp-keahlian-upload',
                    onload: (response) => {
                        console.log('Upload response:', response);
                        return response;
                    },
                    onerror: (error) => {
                        console.error('Upload error:', error);
                        alert(getUploadErrorMessage(error));
                    }
                },
                revert: {
                    url: '{{ URL::to('/') }}/mnkeah/tmp-keahlian-delete',
                    onload: (response) => {
                        console.log('Delete response:', response);
                        alert('File successfully deleted.');
                    },
                    onerror: (error) => {
                        console.error('Delete error:', error);
                        alert('File deletion failed.');
                    }
                },
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
        });
    </script>
@php
    $editFieldAliases = [];
    foreach (collect($table_header_l)->merge($table_header_r) as $h) {
        $editFieldAliases[$h->field] = $h->alias;
    }
    $editAllRequiredFields = [
        'status', 'id_kategori', 'judul', 'nama_karyawan', 'jabatan',
        'department', 'no_dokumen', 'penerbit', 'tanggal_terbit',
        'tanggal_mulai', 'instansi_pengurus', 'masa_berlaku',
    ];
    $editNoNeedRequiredFields = ['status', 'id_kategori', 'judul'];
@endphp
@endsection
@push('js')
    <script>
        var existingFileCount = {{ isset($files) ? count($files) : 0 }};

        // Fix duplicate status options and lock NO NEED
        document.addEventListener('DOMContentLoaded', function() {
            var statusSelects = document.querySelectorAll('select[name="status"]');
            statusSelects.forEach(function(sel) {
                var seen = {};
                var currentValue = '{{ $list->status }}';
                for (var i = sel.options.length - 1; i >= 0; i--) {
                    if (seen[sel.options[i].value]) {
                        sel.remove(i);
                    } else {
                        seen[sel.options[i].value] = true;
                    }
                }
                sel.value = currentValue;
            });
        });

        // === Hide/Show fields based on status selection ===
        document.addEventListener('DOMContentLoaded', function() {
            var form = document.getElementById('{{ $dmenu }}-form');
            var statusSelect = form ? form.querySelector('[name="status"]') : null;
            if (!statusSelect || !form) return;

            var fieldsToKeep = ['status', 'id_kategori', 'judul'];
            var skipNames = ['files[]', '_token', '_method', 'duration', 'extendtime'];

            function toggleFieldsByStatus() {
                var val = statusSelect.value.trim().toUpperCase();
                var isNoNeed = (val === 'NO NEED');
                var processed = {};

                // Toggle left column field wrappers
                var cols = form.querySelectorAll('.row > .col-md-6');
                var leftCol = cols[0] || null;
                if (leftCol) {
                    var hasExistingFiles = leftCol.querySelectorAll('.delete-file').length > 0;
                    leftCol.querySelectorAll('[name]').forEach(function(el) {
                        var name = el.getAttribute('name');
                        if (!name || skipNames.indexOf(name) >= 0 || processed[name]) return;
                        processed[name] = true;
                        var wrapper = el.closest('.col-md-12');
                        if (!wrapper || !leftCol.contains(wrapper)) return;
                        if (fieldsToKeep.indexOf(name) >= 0) {
                            wrapper.style.display = '';
                            el.disabled = false;
                        } else {
                            wrapper.style.display = isNoNeed ? 'none' : '';
                            wrapper.querySelectorAll('input, select, textarea').forEach(function(inp) {
                                if (inp.type !== 'hidden' && inp.name !== '_token' && inp.name !== '_method') inp.disabled = isNoNeed;
                            });
                        }
                    });
                    // Toggle existing files section
                    leftCol.querySelectorAll('.col-md-12.mb-3').forEach(function(el) {
                        if (el.querySelector('.list-group')) el.style.display = (isNoNeed && !hasExistingFiles) ? 'none' : '';
                    });
                    // Toggle FilePond and file notes
                    var filepond = leftCol.querySelector('.filepond--root');
                    if (filepond) {
                        filepond.style.display = isNoNeed ? 'none' : '';
                        var sib = filepond.nextElementSibling;
                        while (sib && sib.tagName === 'P') {
                            sib.style.display = isNoNeed ? 'none' : '';
                            sib = sib.nextElementSibling;
                        }
                    }
                }

                // Toggle right column entirely
                if (cols.length > 1) {
                    cols[1].style.display = isNoNeed ? 'none' : '';
                    cols[1].querySelectorAll('input, select, textarea').forEach(function(el) {
                        if (el.type !== 'hidden') el.disabled = isNoNeed;
                    });
                }
            }

            var previousStatusValue = statusSelect.value;

            statusSelect.addEventListener('change', function() {
                var selectedStatus = statusSelect.value.trim().toUpperCase();
                var previousStatus = String(previousStatusValue || '').trim().toUpperCase();

                if (selectedStatus === 'NO NEED' && previousStatus !== 'NO NEED') {
                    Swal.fire({
                        icon: 'warning',
                        title: 'Ubah ke NO NEED?',
                        html: '<div class="text-start">'
                            + '<p class="mb-2">Jika status diubah ke <b>NO NEED</b>, maka saat disimpan data selain berikut akan dikosongkan:</p>'
                            + '<ul class="mb-0"><li>Kategori</li><li>Judul</li><li>Status</li></ul>'
                            + '</div>',
                        showCancelButton: true,
                        confirmButtonText: 'Ya, lanjutkan',
                        cancelButtonText: 'Batal',
                        confirmButtonColor: '#d33',
                        cancelButtonColor: '#6c757d'
                    }).then(function(result) {
                        if (result.isConfirmed) {
                            previousStatusValue = statusSelect.value;
                            toggleFieldsByStatus();
                        } else {
                            statusSelect.value = previousStatusValue;
                            toggleFieldsByStatus();
                        }
                    });
                    return;
                }

                previousStatusValue = statusSelect.value;
                toggleFieldsByStatus();
            });
            toggleFieldsByStatus();
        });

        function checkDoneFileValidation() {
            var statusSelect = document.querySelector('select[name="status"]');
            if (!statusSelect || statusSelect.value !== 'DONE') return true;

            var currentExisting = document.querySelectorAll('.delete-file').length;
            var newFiles = 0;
            try {
                var pondItems = document.querySelectorAll('.filepond--item');
                newFiles = pondItems.length;
            } catch(e) {}

            if (currentExisting + newFiles < 1) {
                Swal.fire({
                    icon: 'warning',
                    title: 'File wajib diupload',
                    html: '<p>Status <b>DONE</b> memerlukan minimal 1 file yang diupload.</p>',
                    confirmButtonText: 'OK',
                    confirmButtonColor: '#2b539e'
                });
                return false;
            }
            return true;
        }

        function checkRequiredFields() {
            var form = document.getElementById('{{ $dmenu }}-form');
            if (!form) return true;

            var allRequired = @json($editAllRequiredFields);
            var noNeedRequired = @json($editNoNeedRequiredFields);
            var aliasMap = @json($editFieldAliases);

            var statusEl = form.querySelector('[name="status"]');
            var statusVal = statusEl ? statusEl.value.trim().toUpperCase() : '';
            var requiredFields = (statusVal === 'NO NEED') ? noNeedRequired : allRequired;

            var missingAliases = [];
            var missingFields = [];

            requiredFields.forEach(function(field) {
                var el = form.querySelector('[name="' + field + '"]');
                if (!el) return;
                var isEmpty = false;
                if (el.type === 'radio') {
                    var checked = form.querySelector('input[type="radio"][name="' + field + '"]:checked');
                    isEmpty = !checked;
                } else {
                    isEmpty = (el.value || '').toString().trim() === '';
                }
                if (isEmpty) {
                    missingFields.push(field);
                    missingAliases.push(aliasMap[field] || field);
                    el.classList.add('is-invalid');
                } else {
                    el.classList.remove('is-invalid');
                }
            });

            if (missingFields.length > 0) {
                var statusInfo = '';
                if (statusVal === 'NO NEED') {
                    statusInfo = '<p class="mb-2 text-info"><b>Status: NO NEED</b> — Hanya Kategori dan Judul Dokumen yang wajib diisi.</p>';
                } else {
                    statusInfo = '<p class="mb-2 text-info"><b>Status: ' + statusVal + '</b> — Semua field wajib diisi.</p>';
                }
                Swal.fire({
                    icon: 'warning',
                    title: 'Lengkapi data wajib',
                    html: '<div class="text-start">' + statusInfo +
                        '<p class="mb-2">Field berikut wajib diisi:</p>' +
                        '<ul class="mb-0">' + missingAliases.map(function(a) { return '<li>' + a + '</li>'; }).join('') + '</ul></div>',
                    confirmButtonText: 'OK',
                    confirmButtonColor: '#2b539e'
                });
                var firstEl = form.querySelector('[name="' + missingFields[0] + '"]');
                if (firstEl && typeof firstEl.focus === 'function') firstEl.focus();
                return false;
            }
            return true;
        }

        function validateAndSubmit() {
            var formEl = document.getElementById('{{ $dmenu }}-form');
            sanitizeNoNeedPayload(formEl);
            if (!checkRequiredFields()) return;
            if (!checkDoneFileValidation()) return;
            formEl.submit();
        }

        function sanitizeNoNeedPayload(form) {
            if (!form) return;
            var statusEl = form.querySelector('[name="status"]');
            var statusVal = statusEl ? String(statusEl.value || '').trim().toUpperCase() : '';
            if (statusVal !== 'NO NEED') return;

            var keepNames = ['status', 'id_kategori', 'judul', '_token', '_method', 'files[]'];

            form.querySelectorAll('input, select, textarea').forEach(function(el) {
                var name = el.name || '';
                if (!name || keepNames.indexOf(name) >= 0) return;

                el.disabled = false;

                if (el.tagName === 'SELECT') {
                    el.value = '';
                    if (el.value !== '') el.selectedIndex = 0;
                    return;
                }

                if (el.type === 'radio' || el.type === 'checkbox') {
                    el.checked = false;
                    return;
                }

                if (el.type !== 'hidden') {
                    el.value = '';
                }
            });
        }

        function resetFormData() {
            var form = document.getElementById('{{ $dmenu }}-form');
            if (!form) return;

            var keepKeywords = ['kategori', 'judul', 'status'];
            var shouldKeep = function(name) {
                if (!name) return false;
                var lower = String(name).toLowerCase();
                return keepKeywords.some(function(keyword) {
                    return lower.indexOf(keyword) !== -1;
                });
            };

            form.querySelectorAll('input, select, textarea').forEach(function(el) {
                var name = el.name || '';
                if (shouldKeep(name)) return;
                if (el.disabled) return;

                if (el.tagName === 'SELECT') {
                    if (el.multiple) {
                        Array.from(el.options).forEach(function(opt) { opt.selected = false; });
                    } else {
                        el.selectedIndex = 0;
                    }
                    el.dispatchEvent(new Event('change', { bubbles: true }));
                    return;
                }

                if (el.type === 'radio' || el.type === 'checkbox') {
                    el.checked = false;
                    return;
                }

                if (el.type !== 'hidden') {
                    el.value = '';
                    el.dispatchEvent(new Event('input', { bubbles: true }));
                    el.dispatchEvent(new Event('change', { bubbles: true }));
                }
            });

            form.querySelectorAll('input, select').forEach(function(el) {
                if (String(el.name || '').toLowerCase().indexOf('status') !== -1) {
                    el.dispatchEvent(new Event('change', { bubbles: true }));
                }
            });
        }

        document.addEventListener('DOMContentLoaded', function() {
            var form = document.getElementById('{{ $dmenu }}-form');
            if (form) {
                form.addEventListener('submit', function(e) {
                    sanitizeNoNeedPayload(form);
                    if (!checkRequiredFields()) {
                        e.preventDefault();
                        e.stopImmediatePropagation();
                        return;
                    }
                    if (!checkDoneFileValidation()) {
                        e.preventDefault();
                        e.stopImmediatePropagation();
                    }
                });
            }
        });
    </script>
       <script>
        function deleteFile(id) {
            Swal.fire({
                title: 'Apakah Anda yakin?',
                text: `File Akan Dihapus`,
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Ya, lanjutkan!',
                cancelButtonText: 'Batal'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: '{{ URL::to('/') }}/mnkeah/deleteFile',
                        type: "POST",
                        data: {
                            id: id,
                        },
                        dataType: "JSON",
                        headers: {
                            'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                        },
                        success: function(message) {
                            Swal.fire({
                                title: 'Message',
                                text: message,
                                icon: 'success',
                                confirmButtonColor: '#3085d6'
                            }).then(() => {
                                location.reload();
                            });
                        },
                        error: function(jqXHR, textStatus, errorThrown) {
                            Swal.fire({
                                title: 'Sorry!',
                                text: 'Error Get data!',
                                icon: 'error',
                                confirmButtonColor: '#3085d6'
                            });
                        }
                    });
                }
            });
        }
    </script>
    <style>
        .list-group-item {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .list-group-item i {
            margin-right: 10px;
            /* Memberikan ruang antara ikon dan nama file */
        }

        .list-group-item a {
            margin-left: 5px;
            /* Memberikan ruang antar tombol */
        }
    </style>
@endpush