<div class="modal fade" id="add_sm" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content" id="editor_add_sm">
    </div>
  </div>
</div>

<div class="modal fade" id="edit_sm" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content" id="editor_sm"></div>
  </div>
</div>

<div class="modal fade" id="detail_sm" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content" id="detail_data_sm"></div>
  </div>
</div>

<!-- Modal -->
<div class="modal fade" id="submenuModal" tabindex="-1" aria-labelledby="submenuModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h5 class="modal-title" id="submenuModalLabel">Tambah Submenu</h5>
        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
      <div class="modal-body">
        <form id="submenuForm">
          <div class="mb-3">
            <label for="submenuName" class="form-label">Nama Submenu</label>
            <input type="text" class="form-control" id="submenuName" name="name" placeholder="Masukkan nama submenu">
          </div>
          <div class="mb-3">
            <label for="descriptions" class="form-label">Deskripsi</label>
            <input type="text" class="form-control" id="descriptions" name="descriptions" placeholder="Masukkan Deskripsi">
          </div>
          <div class="mb-3">
            <label for="order" class="form-label">Urutan</label>
            <input type="text" class="form-control" id="order" name="order" placeholder="Urutan">
          </div>
          <div class="mb-3">
            <label for="" class="form-label">Link Target</label>
            <select name="link_target" class="selectpicker form-control">
              <option value="">Pilih Target Link</option>
              <option value="blank">Blank</option>
              <option value="self">Self</option>
            </select>
          </div>
          Status: <br>
          <select name="status" class="selectpicker form-control">
            <option value="">Pilih Status</option>
            <option value="1">Published</option>
            <option value="2">Draft</option>
          </select>
          <input type="hidden" id="headerId" name="headerId">
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Tutup</button>
        <button type="button" class="btn btn-primary" onclick="saveSubmenu()">Simpan</button>
      </div>
    </div>
  </div>
</div>