project_directory/resources/views/dataUnit/modal/create.blade.php

<div class="modal fade" id="modalCreateFile" tabindex="-1" aria-hidden="true">
  <div class="modal-dialog modal-xl modal-dialog-centered">
    <div class="modal-content">

      <!-- Modal Header -->
      <div class="modal-header">
        <h1 class="modal-title fs-5">Aksi </h1>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>

      <!-- Modal Form -->
      <form id="formFile" action="/uploadv2" enctype="multipart/form-data" method="POST">
        @csrf
        <div class="modal-body">
          <div class="container" style="max-height: 70vh; overflow-y:auto;">
            <div class="row g-3">
                <div class="col-12">
                    <div class="p-2 rounded-3 bg-light border">
                        <span class="fw-semibold">Informasi Dokumen</span>
                        <div class="small text-muted">Lengkapi detail dokumen sebelum upload.</div>
                    </div>
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-semibold">Unit <span class="text-danger">*</span></label>
                      <select class="form-control unit_kerja" name="data[0][id_unit_kerja]" id="select_id_unit_kerja_0" required>
                            <option value="" disable>Pilih Unit</option>
                      </select>

                </div>
                <div class="col-md-4">
                    <label class="form-label fw-semibold">Sub Unit <span class="text-danger">*</span></label>
                      <select class="form-control" name="data[0][id_sub_unit_kerja]" id="select_id_sub_unit_kerja_0" required>
                            <option value="" disable selected>Pilih Sub Unit</option>
                      </select>
                </div>
                <div class="col-md-4">
                      <label class="form-label fw-semibold">Kategori Dokumen</label>
                      <select class="form-control" name="data[0][master_kategori_directory_id]" id="select_kategori_0">
                            <option value="" disable>Pilih Kategori</option>
                            @foreach ($katDok as $kat)
                                <option value="{{ $kat->master_kategori_directory_id }}/{{ $kat->nama_kategori_directory }}">{{ $kat->nama_kategori_directory }}</option>
                            @endforeach
                      </select>
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-semibold">Nomor Dokumen</label>
                    <div class="input-group">
                        <span class="input-group-text">#</span>
                        <input type="text" class="form-control" name="data[0][no_dokumen]" placeholder="Contoh: 001/RS/IT/I/2026">
                    </div>
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-semibold">Nama Dokumen<span class="text-danger">*</span></label>
                    <input type="text" class="form-control" name="data[0][nama_dokumen]" placeholder="Contoh: Panduan Mencuci Tangan" required>
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-semibold">Tanggal Terbit</label>
                    <input class="form-control" type="date" name="data[0][date_active]">
                </div>
                <div class="col-md-3">
                    <div class="form-check">
                        <input class="form-check-input toggle-expired" type="checkbox" id="hasExpired0" data-target="expiredField_0">
                        <label class="form-check-label" for="hasExpired0">Masa Berlaku Dokumen?</label>
                    </div>
                </div>
                <div class="col-md-3" id="expiredField_0">
                    <label class="form-label fw-semibold">Tanggal Kedaluwarsa Dokumen</label>
                    <input class="form-control" type="date" name="data[0][tgl_expired]" disabled>
                </div>
                 <div class="col-md-3">
                    <label class="form-label fw-semibold">Boleh dilihat unit lain? <span class="text-danger">*</span></label>

                    <div class="border rounded-3 p-2 bg-light">
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="data[0][is_permission]" id="perm_yes" value="1" required>
                            <label class="form-check-label" for="perm_yes">
                            Iya
                            </label>
                        </div>
                        <div class="form-check mt-1">
                            <input class="form-check-input" type="radio" name="data[0][is_permission]" id="perm_no" value="2" required>
                            <label class="form-check-label" for="perm_no">
                            Tidak
                            </label>
                        </div>
                    </div>
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-semibold">Apakah Dokumen Akreditasi? <span class="text-danger">*</span></label>

                    <div class="border rounded-3 p-2 bg-light">
                        <div class="form-check">
                            <input class="form-check-input" type="radio" name="data[0][is_akre]" id="akre_yes" value="1" required>
                            <label class="form-check-label" for="akre_yes">
                            Iya
                            </label>
                        </div>
                        <div class="form-check mt-1">
                            <input class="form-check-input" type="radio" name="data[0][is_akre]" id="akre_no" value="2" required>
                            <label class="form-check-label" for="akre_no">
                            Tidak
                            </label>
                        </div>
                    </div>
                </div>
                <div class="col-md-4 d-none" id="akre_type_wrap_0">
                    <label class="form-label fw-semibold">Type Akreditasi <span class="text-danger">*</span></label>
                    <select class="form-select akre-type" name="data[0][akre_type]" id="akre_type_0" disabled>
                        <option value="" disabled selected>Pilih Type</option>
                    </select>
                </div>
                <div class="col-md-4 d-none" id="akre_segment_wrap_0">
                    <label class="form-label fw-semibold">Segmen <span class="text-danger">*</span></label>
                    <select class="form-select akre-segment" name="data[0][akre_segment]" id="akre_segment_0" disabled>
                        <option value="" disabled selected>Pilih Segmen</option>
                    </select>
                </div>
                <div class="col-md-4 d-none" id="akre_item_wrap_0">
                    <label class="form-label fw-semibold">Elemen Penilaian <span class="text-danger">*</span></label>
                    <select class="form-select akre-item" name="data[0][akre_item]" id="akre_item_0" disabled>
                        <option value="" disabled selected>Pilih Elemen</option>
                    </select>
                </div>

                <div class="col-md-12 mb-2">
                       <label for="fileUpload0" class="form-label fw-semibold">📂 Upload Dokumen (PDF)</label>
                            <div class="border rounded-3 p-3 bg-white shadow-sm">
                                <input class="form-control" type="file"  id="fileUpload0" accept=".pdf" name="data[0][file]">
                                <div class="mt-2 text-success fw-semibold d-none file-name"></div>
                            </div>
                            <div class="form-text text-muted">
                               Format yang didukung: <b>PDF</b> Maksimal <b>10mb</b>.
                            </div>
                </div>
                <div id="col_add_fileV2" class="col-12"></div>
            </div>
              <button type="button" class="btn btn-outline-primary btn-sm mt-3" onclick="addFormV2()">
              + Tambah Form
            </button>
          </div>
        </div>

        <!-- Modal Footer -->
        <div class="modal-footer">
          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Tutup</button>
          <button type="submit" class="btn btn-primary">Simpan</button>
        </div>
      </form>

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