javascript untuk form otomatis terisi ketika halaman lihat, tambah, edit

form.blade.php

<div class="col-sm-6 mb-3">
      <label class="form-label" for="npwp">NPWP</label>
      <div class="input-group">
          <span class="input-group-text"><i class="ti ti-id"></i></span>
          <input type="text" name="npwp" id="npwp" class="form-control" placeholder="NPWP"
              value="{{$karyawan_detail->npwp }}" required />
      </div>
  </div>
  <div class="col-sm-6 mb-3">
      <label class="form-label" for="npwp_file">Foto NPWP</label>
      <div class="input-group">
          <span class="input-group-text"><i class="ti ti-id"></i></span>
          <input type="file" name="npwp_file" id="npwp_file" class="form-control"/>
      </div>
  </div>

  <div class="col-sm-4 mb-3">
      <label class="form-label" for="id_badge">ID Badge</label>
      <div class="input-group">
          <span class="input-group-text"><i class="ti ti-id"></i></span>
          <input type="text" name="id_badge" id="id_badge" class="form-control" placeholder="ID Badge..." value="{{ $karyawan_detail->id_badge }}" />
      </div>
  </div>

@php
$data = $karyawan_detail->toArray();
@endphp

<script>
    $(document).ready(function () {
        @foreach($data as $key => $kd)
        @if (!is_array($kd) && !in_array($key, ['photo', 'jenis_kelamin', 'ktp_file', 'npwp_file', 'sim_mobil_file',
                                    'sim_motor_file', 'mcu_file', 'kualifikasi_satpam_file', 'pemadam_kebakaran_file',
                                    'pemadam_kebakaran', 'first_aid', 'first_aid_file', 'ahli_k3_file', 'ahli_k3']))
            $('input[name="{{ $key }}"],textarea[name="{{ $key }}"],select[name="{{ $key }}"]').val(`{{ $kd }}`).trigger('change')
        @elseif($key == 'jenis_kelamin')
        $('input[name="old_photo"][value="{{ $kd }}"]').prop('checked', true)
        @elseif($key == 'photo')
        $('input[name="old_photo"]').val(`{{ $kd }}`)
        @endif
        @endforeach

        @if (!Auth:: user() -> hasPermission('karyawan-update|profile-update'))
          $('input,select,textarea,#btn-add-keterampilan,.btn-delete-keterampilan, #form_update button[type=submit]').prop('disabled', true).addClass('disabled')
          $('#form_update').submit(function (e) {
              return false;
          });
        @endif

    });
</script>