@extends('layouts.app', ['class' => 'g-sidenav-show bg-gray-100'])
{{-- section content --}}
@section('content')
    @include('layouts.navbars.auth.topnav', ['title' => ''])
    <div class="card shadow-lg mx-4">
        <div class="card-body p-3">
            <div class="row gx-4">
                <div class="col-lg">
                    <div class="nav-wrapper">
                        {{-- button back --}}
                        <button class="btn btn-secondary mb-0" onclick="history.back()"><i class="fas fa-circle-left me-1">
                            </i><span class="font-weight-bold">Kembali</button>
                        {{-- check authorize add --}}
                        @if ($authorize->add == '1')
                            {{-- button save --}}
                            <button class="btn btn-primary mb-0"
                                onclick="event.preventDefault(); const f=document.getElementById('{{ $dmenu }}-form'); if(!f) return; if(typeof f.requestSubmit==='function'){ f.requestSubmit(); } else { const b=document.createElement('button'); b.type='submit'; b.style.display='none'; f.appendChild(b); b.click(); b.remove(); }"><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">
            @if ($table_header_l->isNotEmpty() || $table_header_r->isNotEmpty())
                <div class="col-md-12">
                    <form role="form" method="POST" action="{{ URL::to($url_menu) }}" id="{{ $dmenu }}-form" novalidate
                        enctype="multipart/form-data">
                        @csrf
                        <div class="card">
                            <div class="card-body">
                                <p class="text-uppercase text-sm">Insert {{ $title_menu }}</p>
                                <hr class="horizontal dark mt-0">
                                <div class="row">
                                    <div class="col-md-6">
                                        <div class="row">
                                            @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 != ''
                                                                ? ($generateid = true)
                                                                : ($generateid = false))
                                                            : '';
                                                    }
                                                @endphp

                                                <div class="col-md-12" data-field="{{ $header->field }}">
                                                    <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;"
                                                                    {{ $primary ? ($generateid ? ' style=display:none;' : '') : '' }}>{{ $header->alias }}</label>
                                                            @endif
                                                            @if (($header->type == 'char' || $header->type == 'string') && $header->field != 'status')
                                                                <input class="form-control  {{ $header->class }}"
                                                                    {{ $primary ? ($generateid ? ' key=true type=hidden' : ' type=text') : ' type=text' }}
                                                                    @if ($header->field == 'judul' && $mnopgs->judul) value="{{ $mnopgs->judul }}"
                                                            @else
                                                             value = "{{ old($header->field) ? old($header->field) : $header->default }}" @endif
                                                                    name="{{ $header->field }}"
                                                                    maxlength="{{ $header->length }}">
                                                                @if ($header->note != '')
                                                                    <p class='text-secondary text-xs pt-1 px-1'>
                                                                        {{ '*) ' . $header->note }}
                                                                    </p>
                                                                @endif
                                                            @elseif ($header->type == 'email')
                                                                <input class="form-control {{ $header->class }}"
                                                                    {{ $primary ? ($generateid ? ' key=true type=hidden' : ' type=email') : ' type=email' }}
                                                                    value="{{ old($header->field) ? old($header->field) : $header->default }}"
                                                                    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 {{ $header->class }}" name="{{ $header->field }}" maxlength="{{ $header->length }}">{{ old($header->field) ? old($header->field) : $header->default }}</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' && $header->field != 'extend')
                                                                @if ($header->field == 'reminder')
                                                                    <input class="form-control {{ $header->class }}"
                                                                        {{ $primary ? ($generateid ? ' key=true type=hidden' : ' type=number') : ' type=number' }}
                                                                        value="{{ old($header->field) ? old($header->field) : $header->default }}"
                                                                        name="{{ $header->field }}"
                                                                        max="{{ $header->length }}">
                                                                    <input type="radio" name="duration" value="week"
                                                                        {{ old('duration') == 'week' ? 'checked' : '' }}>
                                                                    Week
                                                                    <input type="radio" name="duration" value="month"
                                                                        {{ old('duration') == 'month' ? 'checked' : '' }}>
                                                                    Month
                                                                    <input type="radio" name="duration" value="year"
                                                                        {{ old('duration') == 'year' ? 'checked' : '' }}>
                                                                    Year
                                                                @else
                                                                    <input class="form-control {{ $header->class }}"
                                                                        {{ $primary ? ($generateid ? ' key=true type=hidden' : ' type=number') : ' type=number' }}
                                                                        value="{{ old($header->field) ? old($header->field) : $header->default }}"
                                                                        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')
                                                                <input class="form-control {{ $header->class }}"
                                                                    {{ $primary ? ($generateid ? ' key=true type=hidden' : ' type=number') : ' type=number' }}
                                                                    value="{{ old($header->field) ? old($header->field) : $header->default }}"
                                                                    name="{{ $header->field }}"
                                                                    max="{{ $header->length }}">
                                                                @if ($header->note != '')
                                                                    <p class='text-secondary text-xs pt-1 px-1'>
                                                                        {{ '*) ' . $header->note }}
                                                                    </p>
                                                                @endif
                                                            @elseif ($header->field == 'pilih_tgl')
                                                                @php
                                                                    $pilihTglValue = (string) old($header->field, $list->{$header->field} ?? $header->default ?? '0');
                                                                @endphp
                                                                <input type="hidden" name="{{ $header->field }}" value="{{ $pilihTglValue ?: '0' }}">
                                                                <div class="form-group d-flex align-items-center gap-3 pilih-tgl-options">
                                                                    <div class="form-check form-check-inline m-0">
                                                                        <input class="form-check-input pilih-tgl-checkbox"
                                                                            type="radio" name="{{ $header->field }}_option" value="expired"
                                                                            id="{{ $header->field }}_expired"
                                                                            {{ $pilihTglValue === '' || $pilihTglValue === '0' || $pilihTglValue === '2' ? 'checked' : '' }}>
                                                                        <label class="form-check-label"
                                                                            for="{{ $header->field }}_expired">Tanggal Expired</label>
                                                                    </div>
                                                                    <div class="form-check form-check-inline m-0">
                                                                        <input class="form-check-input pilih-tgl-checkbox"
                                                                            type="radio" name="{{ $header->field }}_option" value="urus"
                                                                            id="{{ $header->field }}_urus"
                                                                            {{ $pilihTglValue === '1' ? 'checked' : '' }}>
                                                                        <label class="form-check-label"
                                                                            for="{{ $header->field }}_urus">Tanggal Pengurusan</label>
                                                                    </div>
                                                                </div>
                                                            @elseif ($header->type == 'radio')
                                                                <div class="form-group d-flex align-items-center gap-3">


                                                                    <div class="form-check form-check-inline m-0">
                                                                        <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">
                                                                        <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 == 'file')
                                                                <input class="form-control {{ $header->class }}"
                                                                    type="file" value="{{ old($header->field) }}"
                                                                    name="{{ $header->field }}">
                                                                <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


                                                                {{-- field type search --}}
                                                            @elseif ($header->type == 'search')
                                                                <div class="flex flex-col mb-2 input-group">
                                                                    <input
                                                                        {{ $primary ? ($generateid ? ' key=true type=hidden' : ' type=text') : ' type=text' }}
                                                                        name="{{ $header->field }}"
                                                                        class="form-control {{ $header->class }}"
                                                                        value="{{ old($header->field) ? old($header->field) : $header->default }}">
                                                                    <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 --}}
                                                            @elseif ($header->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/noimage.png') }}"
                                                                                    id="{{ $header->field }}preview"
                                                                                    alt="image"
                                                                                    class="w-30 border-radius-lg shadow-sm">
                                                                            </span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <input class="form-control {{ $header->class }}"
                                                                    type="file" value="{{ 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
                                                                <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 password --}}
                                                            @elseif ($header->type == 'password')
                                                                <input class="form-control {{ $header->class }}"
                                                                    type="hidden" value="{{ $header->default }}"
                                                                    name="{{ $header->field }}"
                                                                    max="{{ $header->length }}">
                                                                <p class='text-primary text-xs pt-1'>Default Password :
                                                                    <b>{{ $header->default }}</b>
                                                                </p>
                                                            @elseif ($header->type == 'date')
                                                                <input type="text"
                                                                    class="form-control datepicker {{ $header->class }}"
                                                                    name="{{ $header->field }}"
                                                                    value="{{ old($header->field) }}"
                                                                    placeholder="dd/mm/yyyy">
                                                                {{-- 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 enum --}}
                                                            @elseif ($header->type == 'enum')
                                                                <select class="form-select {{ $header->class }}"
                                                                    name="{{ $header->field }}">
                                                                    <option value=""></option>
                                                                    @if ($header->query != '')
                                                                        @php
                                                                            $data_query = DB::select($header->query);
                                                                        @endphp
                                                                        @foreach ($data_query as $q)
                                                                            <br />
<b>Warning</b>:  Undefined variable $q in <b>/opt/lampp/htdocs/tsidocmanagement/resources/views/manual/mnalat/add.blade.php</b> on line <b>396</b><br />
                                                                            <option value="{{ $sAsArray[0] }}"
                                                                                where="{{ $header->sub != '' ? $sAsArray[2] : '' }}">
                                                                                {{ $sAsArray[0] }} -
                                                                                {{ $sAsArray[1] }}
                                                                            </option>
                                                                        @endforeach
                                                                    @else
                                                                        @php
                                                                            $data_query = DB::table('mst_kategori')
                                                                                ->where('isactive', '1')
                                                                                ->where('tipe_menu', 'mnalat')
                                                                                ->get();
                                                                        @endphp
                                                                        @if ($header->field == 'id_kategori' && $mnopgs->kategori)
                                                                            @foreach ($data_query as $q)
                                                                                <br />
<b>Warning</b>:  Undefined variable $q in <b>/opt/lampp/htdocs/tsidocmanagement/resources/views/manual/mnalat/add.blade.php</b> on line <b>412</b><br />
                                                                                <option value="{{ $sAsArray[0] }}"
                                                                                    where="{{ $header->sub != '' ? $sAsArray[2] : '' }}"
                                                                                    {{ $sAsArray[0] == $mnopgs->kategori ? 'selected' : '' }}>
                                                                                    {{ $sAsArray[0] }} -
                                                                                    {{ $sAsArray[1] }}
                                                                                </option>
                                                                            @endforeach
                                                                        @else
                                                                            @foreach ($data_query as $q)
                                                                                <br />
<b>Warning</b>:  Undefined variable $q in <b>/opt/lampp/htdocs/tsidocmanagement/resources/views/manual/mnalat/add.blade.php</b> on line <b>422</b><br />
                                                                                <option value="{{ $sAsArray[0] }}"
                                                                                    where="{{ $header->sub != '' ? $sAsArray[2] : '' }}">
                                                                                    {{ $sAsArray[0] }} -
                                                                                    {{ $sAsArray[1] }}
                                                                                </option>
                                                                            @endforeach
                                                                        @endif
                                                                    @endif
                                                                </select>
                                                                @if ($header->sub != '')
                                                                    <script>
                                                                        $('select[name="{{ $header->field }}"] option').hide();
                                                                        $('select[name="{{ $header->field }}"] option[where="' + $('select[name="{{ $header->sub }}"]').val() + '"]')
                                                                            .show();
                                                                        $('select[name="{{ $header->sub }}"]').change(function() {
                                                                            $('select[name="{{ $header->field }}"] option').hide();
                                                                            $('select[name="{{ $header->field }}"] option[where="' + $(this).val() + '"]').show();
                                                                        });
                                                                    </script>
                                                                @endif
                                                                @if ($header->note != '')
                                                                    <p class='text-secondary text-xs pt-1 px-1'>
                                                                        {{ '*) ' . $header->note }}
                                                                    </p>
                                                                @endif
                                                            @endif
                                                            @error($header->field)
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                            @endforeach
                                            <div id="file-upload-section">
                                                <input class="form-control" type="file" name="files[]" multiple>
                                                <p class='text-primary text-xs pt-3 mb-0'>
                                                </p>
                                                <p class='text-primary text-xs pt-1'>Format File :
                                                    <b>pdf,xls,xlsx,jpg,jpeg,png</b>
                                                </p>
                                            </div>
                                        </div>
                                        <hr class="horizontal dark">
                                    </div>
                                    <div class="col-md-6 mt-4">
                                        <div class="row">
                                            @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 != ''
                                                                ? ($generateid = true)
                                                                : ($generateid = false))
                                                            : '';
                                                    }
                                                @endphp

                                                <div class="col-md-12" data-field="{{ $header->field }}">
                                                    <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;"
                                                                    {{ $primary ? ($generateid ? ' style=display:none;' : '') : '' }}>{{ $header->alias }}</label>
                                                            @endif
                                                            @if (($header->type == 'char' || $header->type == 'string') && $header->field != 'status')
                                                                <input class="form-control  {{ $header->class }}"
                                                                    {{ $primary ? ($generateid ? ' key=true type=hidden' : ' type=text') : ' type=text' }}
                                                                    @if ($header->field == 'judul' && $mnopgs->judul) value="{{ $mnopgs->judul }}"
                                                            @else
                                                             value = "{{ old($header->field) ? old($header->field) : $header->default }}" @endif
                                                                    name="{{ $header->field }}"
                                                                    maxlength="{{ $header->length }}">
                                                                @if ($header->note != '')
                                                                    <p class='text-secondary text-xs pt-1 px-1'>
                                                                        {{ '*) ' . $header->note }}
                                                                    </p>
                                                                @endif
                                                            @elseif ($header->type == 'email')
                                                                <input class="form-control {{ $header->class }}"
                                                                    {{ $primary ? ($generateid ? ' key=true type=hidden' : ' type=email') : ' type=email' }}
                                                                    value="{{ old($header->field) ? old($header->field) : $header->default }}"
                                                                    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 {{ $header->class }}" name="{{ $header->field }}"
                                                                    maxlength="{{ $header->length }}">{{ old($header->field) ? old($header->field) : $header->default }}</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' && $header->field != 'extend')
                                                                @if ($header->field == 'reminder')
                                                                    <input class="form-control {{ $header->class }}"
                                                                        {{ $primary ? ($generateid ? ' key=true type=hidden' : ' type=number') : ' type=number' }}
                                                                        value="{{ old($header->field) ? old($header->field) : $header->default }}"
                                                                        name="{{ $header->field }}"
                                                                        max="{{ $header->length }}">
                                                                    <input type="radio" name="duration" value="week"
                                                                        {{ old('duration') == 'week' ? 'checked' : '' }}>
                                                                    Week
                                                                    <input type="radio" name="duration" value="month"
                                                                        {{ old('duration') == 'month' ? 'checked' : '' }}>
                                                                    Month
                                                                    <input type="radio" name="duration" value="year"
                                                                        {{ old('duration') == 'year' ? 'checked' : '' }}>
                                                                    Year
                                                                @else
                                                                    <input class="form-control {{ $header->class }}"
                                                                        {{ $primary ? ($generateid ? ' key=true type=hidden' : ' type=number') : ' type=number' }}
                                                                        value="{{ old($header->field) ? old($header->field) : $header->default }}"
                                                                        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')
                                                                <input class="form-control {{ $header->class }}"
                                                                    {{ $primary ? ($generateid ? ' key=true type=hidden' : ' type=number') : ' type=number' }}
                                                                    value="{{ old($header->field) ? old($header->field) : $header->default }}"
                                                                    name="{{ $header->field }}"
                                                                    max="{{ $header->length }}">
                                                                @if ($header->note != '')
                                                                    <p class='text-secondary text-xs pt-1 px-1'>
                                                                        {{ '*) ' . $header->note }}
                                                                    </p>
                                                                @endif
                                                            @elseif ($header->field == 'pilih_tgl')
                                                                @php
                                                                    $pilihTglValue = (string) old($header->field, $list->{$header->field} ?? $header->default ?? '0');
                                                                @endphp
                                                                <input type="hidden" name="{{ $header->field }}" value="{{ $pilihTglValue ?: '0' }}">
                                                                <div class="form-group d-flex align-items-center gap-3 pilih-tgl-options">
                                                                    <div class="form-check form-check-inline m-0">
                                                                        <input class="form-check-input pilih-tgl-checkbox"
                                                                            type="radio" name="{{ $header->field }}_option" value="expired"
                                                                            id="{{ $header->field }}_expired"
                                                                            {{ $pilihTglValue === '' || $pilihTglValue === '0' || $pilihTglValue === '2' ? 'checked' : '' }}>
                                                                        <label class="form-check-label"
                                                                            for="{{ $header->field }}_expired">Tanggal Expired</label>
                                                                    </div>
                                                                    <div class="form-check form-check-inline m-0">
                                                                        <input class="form-check-input pilih-tgl-checkbox"
                                                                            type="radio" name="{{ $header->field }}_option" value="urus"
                                                                            id="{{ $header->field }}_urus"
                                                                            {{ $pilihTglValue === '1' ? 'checked' : '' }}>
                                                                        <label class="form-check-label"
                                                                            for="{{ $header->field }}_urus">Tanggal Pengurusan</label>
                                                                    </div>
                                                                </div>
                                                            @elseif ($header->type == 'radio')
                                                                <div class="form-group d-flex align-items-center gap-3">


                                                                    <div class="form-check form-check-inline m-0">
                                                                        <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">
                                                                        <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 == 'file')
                                                                <input class="form-control {{ $header->class }}"
                                                                    type="file" value="{{ old($header->field) }}"
                                                                    name="{{ $header->field }}">
                                                                <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


                                                                {{-- field type search --}}
                                                            @elseif ($header->type == 'search')
                                                                <div class="flex flex-col mb-2 input-group">
                                                                    <input
                                                                        {{ $primary ? ($generateid ? ' key=true type=hidden' : ' type=text') : ' type=text' }}
                                                                        name="{{ $header->field }}"
                                                                        class="form-control {{ $header->class }}"
                                                                        value="{{ old($header->field) ? old($header->field) : $header->default }}">
                                                                    <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 --}}
                                                            @elseif ($header->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/noimage.png') }}"
                                                                                    id="{{ $header->field }}preview"
                                                                                    alt="image"
                                                                                    class="w-30 border-radius-lg shadow-sm">
                                                                            </span>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                                <input class="form-control {{ $header->class }}"
                                                                    type="file" value="{{ 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
                                                                <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 password --}}
                                                            @elseif ($header->type == 'password')
                                                                <input class="form-control {{ $header->class }}"
                                                                    type="hidden" value="{{ $header->default }}"
                                                                    name="{{ $header->field }}"
                                                                    max="{{ $header->length }}">
                                                                <p class='text-primary text-xs pt-1'>Default Password :
                                                                    <b>{{ $header->default }}</b>
                                                                </p>
                                                            @elseif ($header->type == 'date')
                                                                <input type="text"
                                                                    class="form-control datepicker {{ $header->class }}"
                                                                    name="{{ $header->field }}"
                                                                    value="{{ old($header->field) }}"
                                                                    placeholder="dd/mm/yyyy">
                                                                {{-- 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 enum --}}
                                                            @elseif ($header->type == 'enum')
                                                                <select class="form-select {{ $header->class }}"
                                                                    name="{{ $header->field }}">
                                                                    <option value=""></option>
                                                                    @if ($header->query != '')
                                                                        @php
                                                                            $data_query = DB::select($header->query);
                                                                        @endphp
                                                                        @foreach ($data_query as $q)
                                                                            <br />
<b>Warning</b>:  Undefined variable $q in <b>/opt/lampp/htdocs/tsidocmanagement/resources/views/manual/mnalat/add.blade.php</b> on line <b>826</b><br />
                                                                            <option value="{{ $sAsArray[0] }}"
                                                                                where="{{ $header->sub != '' ? $sAsArray[2] : '' }}">
                                                                                {{ $sAsArray[0] }} -
                                                                                {{ $sAsArray[1] }}
                                                                            </option>
                                                                        @endforeach
                                                                    @else
                                                                        @php
                                                                            $data_query = DB::table('mst_kategori')
                                                                                ->where('isactive', '1')
                                                                                ->where('tipe_menu', 'mnalat')
                                                                                ->get();
                                                                        @endphp
                                                                        @if ($header->field == 'id_kategori' && $mnopgs->kategori)
                                                                            @foreach ($data_query as $q)
                                                                                <br />
<b>Warning</b>:  Undefined variable $q in <b>/opt/lampp/htdocs/tsidocmanagement/resources/views/manual/mnalat/add.blade.php</b> on line <b>842</b><br />
                                                                                <option value="{{ $sAsArray[0] }}"
                                                                                    where="{{ $header->sub != '' ? $sAsArray[2] : '' }}"
                                                                                    {{ $sAsArray[0] == $mnopgs->kategori ? 'selected' : '' }}>
                                                                                    {{ $sAsArray[0] }} -
                                                                                    {{ $sAsArray[1] }}
                                                                                </option>
                                                                            @endforeach
                                                                        @else
                                                                            @foreach ($data_query as $q)
                                                                                <br />
<b>Warning</b>:  Undefined variable $q in <b>/opt/lampp/htdocs/tsidocmanagement/resources/views/manual/mnalat/add.blade.php</b> on line <b>852</b><br />
                                                                                <option value="{{ $sAsArray[0] }}"
                                                                                    where="{{ $header->sub != '' ? $sAsArray[2] : '' }}">
                                                                                    {{ $sAsArray[0] }} -
                                                                                    {{ $sAsArray[1] }}
                                                                                </option>
                                                                            @endforeach
                                                                        @endif
                                                                    @endif
                                                                </select>
                                                                @if ($header->sub != '')
                                                                    <script>
                                                                        $('select[name="{{ $header->field }}"] option').hide();
                                                                        $('select[name="{{ $header->field }}"] option[where="' + $('select[name="{{ $header->sub }}"]').val() + '"]')
                                                                            .show();
                                                                        $('select[name="{{ $header->sub }}"]').change(function() {
                                                                            $('select[name="{{ $header->field }}"] option').hide();
                                                                            $('select[name="{{ $header->field }}"] option[where="' + $(this).val() + '"]').show();
                                                                        });
                                                                    </script>
                                                                @endif
                                                                @if ($header->note != '')
                                                                    <p class='text-secondary text-xs pt-1 px-1'>
                                                                        {{ '*) ' . $header->note }}
                                                                    </p>
                                                                @endif
                                                            @endif
                                                            @error($header->field)
                                                            @enderror
                                                        </div>
                                                    </div>
                                                </div>
                                            @endforeach

                                        </div>
                                        <hr class="horizontal dark">
                                    </div>
                                    <div class="card-footer align-items-center pt-0 pb-2">
                                    </div>
                                    <input type="hidden" name="mnopgsid" value="{{ $mnopgs->mnopgsid }}">
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            @else
                <div class="col-md-6">
                    <div class="row">
                        @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 != ''
                                            ? ($generateid = true)
                                            : ($generateid = false))
                                        : '';
                                }
                            @endphp

                            <div class="col-md-12" data-field="{{ $header->field }}">
                                <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;"
                                                {{ $primary ? ($generateid ? ' style=display:none;' : '') : '' }}>{{ $header->alias }}</label>
                                        @endif
                                        @if (($header->type == 'char' || $header->type == 'string') && $header->field != 'status')
                                            <input class="form-control  {{ $header->class }}"
                                                {{ $primary ? ($generateid ? ' key=true type=hidden' : ' type=text') : ' type=text' }}
                                                @if ($header->field == 'judul' && $mnopgs->judul) value="{{ $mnopgs->judul }}"
                                                            @else
                                                             value = "{{ old($header->field) ? old($header->field) : $header->default }}" @endif
                                                name="{{ $header->field }}" maxlength="{{ $header->length }}">
                                            @if ($header->note != '')
                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                    {{ '*) ' . $header->note }}
                                                </p>
                                            @endif
                                        @elseif ($header->type == 'email')
                                            <input class="form-control {{ $header->class }}"
                                                {{ $primary ? ($generateid ? ' key=true type=hidden' : ' type=email') : ' type=email' }}
                                                value="{{ old($header->field) ? old($header->field) : $header->default }}"
                                                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 {{ $header->class }}" name="{{ $header->field }}"
                                                maxlength="{{ $header->length }}">{{ old($header->field) ? old($header->field) : $header->default }}</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' && $header->field != 'extend')
                                            @if ($header->field == 'reminder')
                                                <input class="form-control {{ $header->class }}"
                                                    {{ $primary ? ($generateid ? ' key=true type=hidden' : ' type=number') : ' type=number' }}
                                                    value="{{ old($header->field) ? old($header->field) : $header->default }}"
                                                    name="{{ $header->field }}" max="{{ $header->length }}">
                                                <input type="radio" name="duration" value="week"
                                                    {{ old('duration') == 'week' ? 'checked' : '' }}>
                                                Week
                                                <input type="radio" name="duration" value="month"
                                                    {{ old('duration') == 'month' ? 'checked' : '' }}>
                                                Month
                                                <input type="radio" name="duration" value="year"
                                                    {{ old('duration') == 'year' ? 'checked' : '' }}>
                                                Year
                                            @else
                                                <input class="form-control {{ $header->class }}"
                                                    {{ $primary ? ($generateid ? ' key=true type=hidden' : ' type=number') : ' type=number' }}
                                                    value="{{ old($header->field) ? old($header->field) : $header->default }}"
                                                    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')
                                            <input class="form-control {{ $header->class }}"
                                                {{ $primary ? ($generateid ? ' key=true type=hidden' : ' type=number') : ' type=number' }}
                                                value="{{ old($header->field) ? old($header->field) : $header->default }}"
                                                name="{{ $header->field }}" max="{{ $header->length }}">
                                            @if ($header->note != '')
                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                    {{ '*) ' . $header->note }}
                                                </p>
                                            @endif
                                        @elseif ($header->field == 'pilih_tgl')
                                            @php
                                                $pilihTglValue = (string) old($header->field, $list->{$header->field} ?? $header->default ?? '0');
                                            @endphp
                                            <input type="hidden" name="{{ $header->field }}" value="{{ $pilihTglValue ?: '0' }}">
                                            <div class="form-group d-flex align-items-center gap-3 pilih-tgl-options">
                                                <div class="form-check form-check-inline m-0">
                                                    <input class="form-check-input pilih-tgl-checkbox" type="radio"
                                                        name="{{ $header->field }}_option" value="expired" id="{{ $header->field }}_expired"
                                                        {{ $pilihTglValue === '' || $pilihTglValue === '0' || $pilihTglValue === '2' ? 'checked' : '' }}>
                                                    <label class="form-check-label"
                                                        for="{{ $header->field }}_expired">Tanggal Expired</label>
                                                </div>
                                                <div class="form-check form-check-inline m-0">
                                                    <input class="form-check-input pilih-tgl-checkbox" type="radio"
                                                        name="{{ $header->field }}_option" value="urus" id="{{ $header->field }}_urus"
                                                        {{ $pilihTglValue === '1' ? 'checked' : '' }}>
                                                    <label class="form-check-label"
                                                        for="{{ $header->field }}_urus">Tanggal Pengurusan</label>
                                                </div>
                                            </div>
                                        @elseif ($header->type == 'radio')
                                            <div class="form-group d-flex align-items-center gap-3">


                                                <div class="form-check form-check-inline m-0">
                                                    <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">
                                                    <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 == 'file')
                                            <input class="form-control {{ $header->class }}" type="file"
                                                value="{{ old($header->field) }}" name="{{ $header->field }}">
                                            <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


                                            {{-- field type search --}}
                                        @elseif ($header->type == 'search')
                                            <div class="flex flex-col mb-2 input-group">
                                                <input
                                                    {{ $primary ? ($generateid ? ' key=true type=hidden' : ' type=text') : ' type=text' }}
                                                    name="{{ $header->field }}"
                                                    class="form-control {{ $header->class }}"
                                                    value="{{ old($header->field) ? old($header->field) : $header->default }}">
                                                <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 --}}
                                        @elseif ($header->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/noimage.png') }}"
                                                                id="{{ $header->field }}preview" alt="image"
                                                                class="w-30 border-radius-lg shadow-sm">
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                            <input class="form-control {{ $header->class }}" type="file"
                                                value="{{ 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
                                            <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 password --}}
                                        @elseif ($header->type == 'password')
                                            <input class="form-control {{ $header->class }}" type="hidden"
                                                value="{{ $header->default }}" name="{{ $header->field }}"
                                                max="{{ $header->length }}">
                                            <p class='text-primary text-xs pt-1'>Default Password :
                                                <b>{{ $header->default }}</b>
                                            </p>
                                        @elseif ($header->type == 'date')
                                            <input type="text" class="form-control datepicker {{ $header->class }}"
                                                name="{{ $header->field }}" value="{{ old($header->field) }}"
                                                placeholder="dd/mm/yyyy">
                                            {{-- 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 enum --}}
                                        @elseif ($header->type == 'enum')
                                            <select class="form-select {{ $header->class }}"
                                                name="{{ $header->field }}">
                                                <option value=""></option>
                                                @if ($header->query != '')
                                                    @php
                                                        $data_query = DB::select($header->query);
                                                    @endphp
                                                    @foreach ($data_query as $q)
                                                        <br />
<b>Warning</b>:  Undefined variable $q in <b>/opt/lampp/htdocs/tsidocmanagement/resources/views/manual/mnalat/add.blade.php</b> on line <b>1230</b><br />
                                                        <option value="{{ $sAsArray[0] }}"
                                                            where="{{ $header->sub != '' ? $sAsArray[2] : '' }}">
                                                            {{ $sAsArray[0] }} -
                                                            {{ $sAsArray[1] }}
                                                        </option>
                                                    @endforeach
                                                @else
                                                    @php
                                                        $data_query = DB::table('mst_kategori')
                                                            ->where('isactive', '1')
                                                            ->where('tipe_menu', 'mnalat')
                                                            ->get();
                                                    @endphp
                                                    @if ($header->field == 'id_kategori' && $mnopgs->kategori)
                                                        @foreach ($data_query as $q)
                                                            <br />
<b>Warning</b>:  Undefined variable $q in <b>/opt/lampp/htdocs/tsidocmanagement/resources/views/manual/mnalat/add.blade.php</b> on line <b>1246</b><br />
                                                            <option value="{{ $sAsArray[0] }}"
                                                                where="{{ $header->sub != '' ? $sAsArray[2] : '' }}"
                                                                {{ $sAsArray[0] == $mnopgs->kategori ? 'selected' : '' }}>
                                                                {{ $sAsArray[0] }} -
                                                                {{ $sAsArray[1] }}
                                                            </option>
                                                        @endforeach
                                                    @else
                                                        @foreach ($data_query as $q)
                                                            <br />
<b>Warning</b>:  Undefined variable $q in <b>/opt/lampp/htdocs/tsidocmanagement/resources/views/manual/mnalat/add.blade.php</b> on line <b>1256</b><br />
                                                            <option value="{{ $sAsArray[0] }}"
                                                                where="{{ $header->sub != '' ? $sAsArray[2] : '' }}">
                                                                {{ $sAsArray[0] }} -
                                                                {{ $sAsArray[1] }}
                                                            </option>
                                                        @endforeach
                                                    @endif
                                                @endif
                                            </select>
                                            @if ($header->sub != '')
                                                <script>
                                                    $('select[name="{{ $header->field }}"] option').hide();
                                                    $('select[name="{{ $header->field }}"] option[where="' + $('select[name="{{ $header->sub }}"]').val() + '"]')
                                                        .show();
                                                    $('select[name="{{ $header->sub }}"]').change(function() {
                                                        $('select[name="{{ $header->field }}"] option').hide();
                                                        $('select[name="{{ $header->field }}"] option[where="' + $(this).val() + '"]').show();
                                                    });
                                                </script>
                                            @endif
                                            @if ($header->note != '')
                                                <p class='text-secondary text-xs pt-1 px-1'>
                                                    {{ '*) ' . $header->note }}
                                                </p>
                                            @endif
                                        @endif
                                        @error($header->field)
                                        @enderror
                                    </div>
                                </div>
                            </div>
                        @endforeach
                        <input class="form-control" type="file" name="files[]" multiple>
                        <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</b>
                        </p>
                    </div>
                    <hr class="horizontal dark">
                </div>
            @endif
        </div>
    </div>

    @if ($jsmenu == '1')
        @if (view()->exists("js.{$dmenu}"))
            @push('addjs')
                @include('js.' . $dmenu);
            @endpush
        @else
            @push('addjs')
                <script>
                    Swal.fire({
                        title: 'JS Not Found!!',
                        text: 'Please Create File JS',
                        icon: 'error',
                        confirmButtonColor: '#028284'
                    });
                </script>
            @endpush
        @endif
    @endif

    @php
        $fieldAliases = [];
        foreach (collect($table_header_l)->merge($table_header_r) as $h) {
            $fieldAliases[$h->field] = $h->alias;
        }

        $clientRequiredFields = [
            'status',
            'id_kategori',
            'judul',
            'no_dokumen',
            'penerbit',
            'tanggal_terbit',
            'tanggal_mulai',
            'instansi_pengurus',
            'no_alat',
            'nama_alat',
            'merk',
            'diproduksi_oleh',
            'nomor_seri',
            'tahun_pembuatan',
            'lokasi_penempatan',
            'masa_berlaku',
        ];

        $noNeedRequiredFields = [
            'status',
            'id_kategori',
            'judul',
        ];
    @endphp

    @if ($errors->any())
        <script>
            document.addEventListener('DOMContentLoaded', function() {
                const errorMessages = @json($errors->all());
                const errorFields = @json($errors->keys());

                errorFields.forEach((field) => {
                    const el = document.querySelector(`[name="${field}"]`);
                    if (el) el.classList.add('is-invalid');
                });

                Swal.fire({
                    icon: 'error',
                    title: 'Validasi gagal',
                    html: `<div class="text-start">` +
                        `<p class="mb-2">Periksa kembali input berikut:</p>` +
                        `<ul class="mb-0">${errorMessages.map(m => `<li>${m}</li>`).join('')}</ul>` +
                        `</div>`,
                    confirmButtonText: 'OK',
                    confirmButtonColor: '#2b539e'
                });
            });
        </script>
    @endif

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const form = document.getElementById('{{ $dmenu }}-form');
            if (!form) return;

            const allRequiredFields = @json($clientRequiredFields);
            const noNeedRequiredFields = @json($noNeedRequiredFields);
            const aliasMap = @json($fieldAliases);

            form.addEventListener('submit', function(e) {
                const statusEl = form.querySelector('[name="status"]');
                const statusVal = statusEl ? statusEl.value.trim().toUpperCase() : '';
                const requiredFields = (statusVal === 'NO NEED') ? noNeedRequiredFields : allRequiredFields;

                const missingAliases = [];
                const missingFields = [];

                requiredFields.forEach((field) => {
                    const el = form.querySelector(`[name="${field}"]`);
                    if (!el) return;

                    let isEmpty = false;

                    if (el.type === 'file') {
                        isEmpty = !el.files || el.files.length === 0;
                    } else if (el.type === 'radio') {
                        const 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) {
                    e.preventDefault();

                    let 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 if (statusVal === 'DONE' || statusVal === 'NOT DONE') {
                        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(a => `<li>${a}</li>`).join('')}</ul>` +
                            `</div>`,
                        confirmButtonText: 'OK',
                        confirmButtonColor: '#2b539e'
                    });

                    const firstEl = form.querySelector(`[name="${missingFields[0]}"]`);
                    if (firstEl && typeof firstEl.focus === 'function') firstEl.focus();
                    return;
                }

                if (statusVal === 'NO NEED' && form.dataset.noNeedConfirmed !== '1') {
                    e.preventDefault();
                    Swal.fire({
                        icon: 'question',
                        title: 'Konfirmasi Status NO NEED',
                        html: '<p>Anda memilih status <b>NO NEED</b>. Lanjut simpan data?</p>',
                        showCancelButton: true,
                        confirmButtonText: 'Ya, Simpan',
                        cancelButtonText: 'Batal',
                        confirmButtonColor: '#2b539e'
                    }).then((result) => {
                        if (result.isConfirmed) {
                            form.dataset.noNeedConfirmed = '1';
                            if (typeof form.requestSubmit === 'function') {
                                form.requestSubmit();
                            } else {
                                form.submit();
                            }
                        }
                    });
                    return;
                }

                // When status is DONE, at least 1 file must be uploaded
                if (statusVal === 'DONE') {
                    const fileInputs = form.querySelectorAll('input[name="files[]"]');
                    let hasFile = false;
                    fileInputs.forEach(function(input) {
                        if (input.value && input.value.trim() !== '') hasFile = true;
                    });
                    // Also check FilePond items
                    if (!hasFile) {
                        const pondItems = form.querySelectorAll('.filepond--item');
                        if (pondItems && pondItems.length > 0) hasFile = true;
                    }
                    if (!hasFile) {
                        e.preventDefault();
                        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;
                    }
                }
            });

            // === Hide/Show fields based on status selection ===
            const statusSelect = form.querySelector('[name="status"]');
            if (statusSelect) {
                const fieldsToKeep = ['status', 'id_kategori', 'judul'];
                const fileUploadSection = document.getElementById('file-upload-section');
                const rightColumn = form.querySelector('.col-md-6.mt-4');

                function clearElementForNoNeed(el) {
                    if (el.type === 'hidden') return;
                    if (el.type === 'radio' || el.type === 'checkbox') {
                        el.checked = false;
                        return;
                    }
                    if (el.tagName === 'SELECT') {
                        el.selectedIndex = 0;
                        return;
                    }
                    el.value = '';
                }

                function toggleFieldsByStatus() {
                    const val = statusSelect.value.trim().toUpperCase();
                    const isNoNeed = (val === 'NO NEED');
                    if (val !== 'NO NEED') {
                        delete form.dataset.noNeedConfirmed;
                    }

                    // Hide/show field wrappers with data-field attribute
                    form.querySelectorAll('[data-field]').forEach(function(wrapper) {
                        const fieldName = wrapper.getAttribute('data-field');
                        if (fieldsToKeep.includes(fieldName)) {
                            wrapper.style.display = '';
                        } else {
                            wrapper.style.display = isNoNeed ? 'none' : '';
                            // Disable hidden fields so they don't submit
                            wrapper.querySelectorAll('input, select, textarea').forEach(function(el) {
                                el.disabled = isNoNeed;
                            });
                        }
                    });

                    // Hide/show file upload section
                    if (fileUploadSection) {
                        fileUploadSection.style.display = isNoNeed ? 'none' : '';
                        fileUploadSection.querySelectorAll('input, select, textarea').forEach(function(el) {
                            el.disabled = isNoNeed;
                        });
                    }

                    // Hide/show entire right column
                    if (rightColumn) {
                        rightColumn.style.display = isNoNeed ? 'none' : '';
                        rightColumn.querySelectorAll('input, select, textarea').forEach(function(el) {
                            el.disabled = isNoNeed;
                        });
                    }

                    if (!isNoNeed && typeof window.toggleMnalatDateReminderFields === 'function') {
                        window.toggleMnalatDateReminderFields();
                    }
                }

                statusSelect.addEventListener('change', toggleFieldsByStatus);
                // Run on page load
                toggleFieldsByStatus();
            }
        });
    </script>
    <script>
        document.addEventListener("DOMContentLoaded", function() {
            const tglExpired = document.querySelector('input[name="tanggal_expired"]');
            const tglUrus = document.querySelector('input[name="tgl_urus"]');
            const reminder = document.querySelector('input[name="reminder"]');
            const pilihTgl = document.querySelector('input[name="pilih_tgl"]');
            const radioYes = document.querySelector('input[name="masa_berlaku"][value="1"]');
            const radioNo = document.querySelector('input[name="masa_berlaku"][value="0"]');
            const pilihTglCheckboxes = document.querySelectorAll('.pilih-tgl-checkbox');

            function fieldWrapper(el) {
                return el ? el.closest('[data-field]') || el.closest('.col-md-12') || el.closest('.form-group') : null;
            }

            function setFieldVisible(el, isVisible, clearValue = false) {
                const wrapper = fieldWrapper(el);
                if (wrapper) wrapper.style.display = isVisible ? '' : 'none';
                if (el) el.disabled = !isVisible;
                if (clearValue && el) el.value = '';
            }

            function syncPilihTglValue() {
                if (!pilihTgl) return;
                const expiredCheckbox = document.getElementById('pilih_tgl_expired');
                const urusCheckbox = document.getElementById('pilih_tgl_urus');
                if (expiredCheckbox && urusCheckbox && !expiredCheckbox.checked && !urusCheckbox.checked) {
                    expiredCheckbox.checked = true;
                }
                // Future option: if both dates are needed, change these radios back to checkboxes and submit value '2'.
                pilihTgl.value = urusCheckbox?.checked ? '1' : '0';
            }

            function toggleFields() {
                const isLifetime = radioYes && radioYes.checked;
                const showDateReminder = radioNo && radioNo.checked;

                setFieldVisible(tglExpired, showDateReminder, isLifetime);
                setFieldVisible(tglUrus, showDateReminder, isLifetime);
                setFieldVisible(reminder, showDateReminder, isLifetime);
                setFieldVisible(pilihTgl, showDateReminder, false);

                pilihTglCheckboxes.forEach(function(checkbox) {
                    checkbox.disabled = !showDateReminder;
                    if (isLifetime) checkbox.checked = false;
                });

                if (isLifetime && pilihTgl) pilihTgl.value = '0';
                if (showDateReminder) syncPilihTglValue();
            }

            pilihTglCheckboxes.forEach(function(checkbox) {
                checkbox.addEventListener('change', syncPilihTglValue);
            });
            if (radioYes) radioYes.addEventListener("change", toggleFields);
            if (radioNo) radioNo.addEventListener("change", toggleFields);

            syncPilihTglValue();
            window.toggleMnalatDateReminderFields = toggleFields;
            toggleFields();
        });
    </script>
    <script src="{{ asset('/') }}assets/js/filepond.js"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            flatpickr(".datepicker", {
                dateFormat: "d/m/Y",
                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('/') }}/mnalat/tmp-alat-upload',
                    onload: (response) => {
                        return response;
                    },
                    onerror: (error) => {
                        Swal.fire({
                            title: 'Danger!',
                            text: getUploadErrorMessage(error),
                            icon: 'error',
                            confirmButtonText: 'OK'
                        });
                    }
                },
                revert: {
                    url: '{{ URL::to('/') }}/mnalat/tmp-alat-delete',
                    onload: (response) => {
                        Swal.fire({
                            title: 'Success!',
                            text: 'File successfully deleted.',
                            icon: 'success',
                            confirmButtonText: 'OK'
                        });
                    },
                    onerror: (error) => {
                        Swal.fire({
                            title: 'Danger!',
                            text: 'File Delete Failed.',
                            icon: 'error',
                            confirmButtonText: 'OK'
                        });
                    }
                },
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                }
            },
        });
    </script>
    <script>
        let isSubmitting = false;

        const form = document.getElementById('{{ $dmenu }}-form');
        if (form) {
            form.addEventListener('submit', function () {
                isSubmitting = true;
            });
        }

        window.addEventListener('pagehide', function () {
            if (!isSubmitting) {
                navigator.sendBeacon("{{ url('/mnalat/tmp-alat-clean') }}");
            }
        });
    </script>
@endsection
@push('js')
    <script>
        $(document).ready(function() {});
    </script>
@endpush